(self.webpackChunklite=self.webpackChunklite||[]).push([[9576],{8299:(e,n,t)=>{"use strict";t.d(n,{H:()=>c,d:()=>l});var r=t(67294),i=t(97480),a=t(96370),o=t(31889),c=function(e){var n=e.children;return r.createElement(a.P,{margin:{xs:"0px",sm:"0px",md:"0px",lg:"0 24px",xl:"0 24px"}},n)},l=function(){var e=(0,o.F)();return r.createElement(c,null,r.createElement(i.E,{borderColor:e.colorTokens.border.neutral.primary.base}))}},2435:(e,n,t)=>{"use strict";t.d(n,{q:()=>u});var r=t(96156),i=t(67294),a=t(47459),o=t(31889),c=t(98096);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function d(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var u=function(e){var n=e.children,t=(0,o.F)(),r=(0,i.useMemo)((function(){return d(d({},t),{},{grid:d(d({},t.grid),{},{gutterSteps:d(d({},t.grid.gutterSteps),{},{xl:12})})})}),[t]);return i.createElement(c.f,{theme:r},i.createElement(a.T,{alignItems:"stretch"},n))}},88500:(e,n,t)=>{"use strict";t.d(n,{IO:()=>a,dA:()=>c});var r=t(87329),i=t(10367),a={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"TopicNavigationItem_tag"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Tag"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"TopicPill_tag"}}]}}].concat((0,r.Z)(i.B.definitions))},o={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"ChildTopicNavigationItem_tag"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Tag"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"TopicNavigationItem_tag"}},{kind:"Field",name:{kind:"Name",value:"parentTag"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"TopicNavigationItem_tag"}}]}}]}}].concat((0,r.Z)(a.definitions))},c={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"GrandchildTopicNavigationItem_tag"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Tag"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"ChildTopicNavigationItem_tag"}},{kind:"Field",name:{kind:"Name",value:"parentTag"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"ChildTopicNavigationItem_tag"}}]}}]}}].concat((0,r.Z)(o.definitions))}},87410:(e,n,t)=>{"use strict";t.d(n,{u:()=>C});var r=t(87329),i=t(45578),a=t.n(i),o=t(67294),c=t(51873),l=t(17235),d=t(77355),u=t(18634),p=t(86106),m=t(93310),s=t(92780),g=t(92661);function x(){return x=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},x.apply(this,arguments)}var f=o.createElement("circle",{cx:12,cy:12,r:10,stroke:"currentColor"}),k=o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm3.94-14.84l.14-1-.88.48-5.9 3.2-.22.12-.03.24-.99 6.64-.14.99.88-.48 5.9-3.2.22-.11.03-.25.99-6.63zM9.2 16l.72-4.85 3.59 2.51L9.2 16zm1.3-5.67l3.58 2.51L14.8 8l-4.3 2.33z",fill:"currentColor"});const h=function(e){return o.createElement("svg",x({viewBox:"0 0 24 24",fill:"none"},e),f,k)};var v=t(47548),b={display:"flex",alignItems:"center",padding:"6px",paddingRight:{xs:void 0,sm:void 0,md:"16px",lg:"16px",xl:"16px"},whiteSpace:"nowrap",marginRight:{xs:"16px",sm:"16px",md:"24px",lg:"24px",xl:"24px"}},E=function(e){var n=e.includeBorder,t=e.onClick,r=(0,g.di)("ShowExploreTopics",{}),i=(0,s.n)({name:"detail",scale:"M",color:"DARKER"});return o.createElement(m.r,{href:r,rules:[i,b,(0,p.H)(n)],onClick:t,"aria-current":n?"page":void 0},n?o.createElement(h,{height:"24",width:"24"}):o.createElement(v.Z,{height:"24",width:"24"}),o.createElement(u.y,{md:!0,lg:!0,xl:!0,marginLeft:"8px"},"Explore topics"))},y=t(14646),S=t(45932),T=t(42498),O={"0%":{backgroundPosition:"-100px 0"},"100%":{backgroundPosition:"150px 0"}},w=function(e){var n=e.colorTokens.background.neutral.secondary.base,t=e.colorTokens.background.neutral.primary.base;return{padding:"8px 16px",whiteSpace:"nowrap",marginRight:"8px",cursor:"progress",backgroundColor:"".concat(n),borderRadius:"100px",border:"1px solid ".concat(e.colorTokens.border.neutral.secondary.base),backgroundImage:"linear-gradient(to right, ".concat(n," 0%, ").concat(t," 20%, ").concat(n," 50%, ").concat(n," 100%)"),backgroundRepeat:"no-repeat"}},N=(0,o.forwardRef)((function(e,n){var t=e.topic,r=(0,s.n)({name:"detail",scale:"M",color:"DARKER"}),i=(0,y.I)(),a=(0,S.P)(O);return o.createElement("div",{className:i([r,w,function(){return a}]),ref:n},(0,T.fl)(t.displayTitle||""))})),R=t(8299),C=function(e){var n=e.rootTopic,t=e.relatedTopics,i=e.loading,p=e.currentTopicId,m=(0,o.useRef)(null),s=(0,o.useMemo)((function(){var e,i=[];return n&&(i.push(n),n.parentTag&&(i.push(n.parentTag),null!==(e=n.parentTag)&&void 0!==e&&e.parentTag&&i.push(n.parentTag.parentTag))),i.push.apply(i,(0,r.Z)(t)),a()(i,"id").slice(0,n?11:12)}),[n,t]);return o.createElement(R.H,null,o.createElement(d.x,{marginTop:"22px",marginBottom:{xs:"38px",sm:"38px",md:"46px",lg:"46px",xl:"46px"},position:"relative"},o.createElement(c.J8,{arrowHeight:"42px",selectedItemRef:m},o.createElement(u.y,{xs:!0,sm:!0,md:!0,width:"24px",flexShrink:"0"}),o.createElement(E,{includeBorder:!n}),s.map((function(e){return e.id&&i&&p===e.id?o.createElement(N,{key:e.id,topic:e,ref:m}):o.createElement(l.P,{key:e.id,topic:e,includeBorder:p===e.id,ref:p===e.id?m:void 0})})))))}},97993:(e,n,t)=>{"use strict";t.d(n,{w:()=>p,s:()=>f});var r=t(67294),i=t(77355),a=t(96370),o=t(43158),c=t(14646),l=t(45932),d=t(2435),u=function(){return r.createElement(i.x,{width:"120px",height:"38px",borderRadius:"100px",marginRight:"8px",backgroundColor:"BASE_NORMAL",flexShrink:"0"})},p=function(){return r.createElement(a.P,{margin:{xs:"0 0 0 24px",sm:"0 0 0 24px",md:"0 24px",lg:"0 24px",xl:"0 24px"}},r.createElement(i.x,{marginTop:"24px",marginBottom:"48px",display:"flex",justifyContent:{xs:void 0,sm:void 0,md:"center",lg:"center",xl:"center"},overflow:"hidden"},r.createElement(u,null),r.createElement(u,null),r.createElement(u,null),r.createElement(u,null),r.createElement(u,null)))},m=function(){return r.createElement(a.P,null,r.createElement(i.x,{display:"flex",flexDirection:"column",alignItems:"center"},r.createElement(i.x,{width:{xs:"200px",sm:"200px",md:"280px",lg:"280px",xl:"280px"},height:{xs:"32px",sm:"32px",md:"48px",lg:"48px",xl:"48px"},backgroundColor:"BASE_NORMAL",marginBottom:"16px"}),r.createElement(i.x,{width:"120px",height:"16px",backgroundColor:"BASE_NORMAL",marginBottom:"24px"}),r.createElement(i.x,{width:"80px",height:"38px",backgroundColor:"BASE_NORMAL",marginBottom:{xs:"48px",sm:"48px",md:"76px",lg:"76px",xl:"76px"},borderRadius:"100px"})))},s=function(){return r.createElement(a.P,{margin:{xs:"0",sm:"0",md:"0",lg:"0 24px",xl:"0 24px"}},r.createElement(i.x,{width:"100%",height:"1px",backgroundColor:"BASE_NORMAL",marginBottom:{xs:"48px",sm:"48px",md:"40px",lg:"40px",xl:"40px"}}))},g=function(){return r.createElement(o.P,{size:{xs:12,sm:12,md:6,lg:6,xl:6}},r.createElement(i.x,{width:"100%",height:"200px",backgroundColor:"BASE_NORMAL",marginBottom:"32px"}),r.createElement(i.x,{width:"158px",height:"32px",backgroundColor:"BASE_NORMAL",marginBottom:"16px"}),r.createElement(i.x,{width:"288px",height:"16px",backgroundColor:"BASE_NORMAL",marginBottom:"8px"}),r.createElement(i.x,{width:"296px",height:"16px",backgroundColor:"BASE_NORMAL",marginBottom:"8px"}),r.createElement(i.x,{width:"224px",height:"16px",backgroundColor:"BASE_NORMAL",marginBottom:"56px"}))},x=function(){return r.createElement(a.P,null,r.createElement(d.q,null,r.createElement(g,null),r.createElement(g,null)))},f=function(){var e=(0,c.I)(),n=(0,l.P)();return r.createElement("div",{className:e((function(){return n}))},r.createElement(p,null),r.createElement(m,null),r.createElement(s,null),r.createElement(x,null))}},86106:(e,n,t)=>{"use strict";t.d(n,{H:()=>g,C:()=>f});var r=t(22122),i=t(67294),a=t(93310),o=t(92780),c=t(66411),l=t(14646),d=t(42498),u={S:"2px 8px",M:"8px 16px"},p=function(){return{whiteSpace:"nowrap"}},m=function(){return{marginRight:arguments.length>0&&void 0!==arguments[0]?arguments[0]:"8px",border:"none",padding:"0",cursor:"pointer"}},s=function(e){return function(){return{padding:"".concat(u[e]),position:"relative"}}},g=function(e){return function(n){return{backgroundColor:"".concat(n.colorTokens.background.neutral.secondary.base),borderRadius:"100px",border:"1px solid ".concat(e?n.colorTokens.border.neutral.secondary.base:n.colorTokens.border.neutral.primary.base),transition:"background 300ms ease",":hover":{backgroundColor:"".concat(n.colorTokens.background.neutral.secondary.base)}}}},x=function(e){if(e)return{overflow:"hidden",textOverflow:"ellipsis"}},f=(0,i.forwardRef)((function(e,n){var t=e.topic,u=e.scale,f=void 0===u?"M":u,k=e.color,h=void 0===k?"DARKER":k,v=e.onClick,b=e.shouldTruncate,E=void 0!==b&&b,y=e.source,S=e.href,T=e.innerRef,O=e.includeBorder,w=e.marginRight,N=(0,l.I)(),R=(0,o.n)({name:"detail",scale:f,color:h}),C="Topic"===t.__typename?(0,d.fl)(t.name||""):(0,d.fl)(t.displayTitle||"");return i.createElement(c.cW,{source:y,extendSource:!0},i.createElement(a.r,(0,r.Z)({href:S},E&&{className:N({width:"100%"})},"M"===f&&{className:N(m(w))},{onClick:v,"aria-current":O?"page":void 0,ref:n}),i.createElement("div",{className:N([s(f),g(O),R,p,x(E)]),ref:T},C)))}))},10367:(e,n,t)=>{"use strict";t.d(n,{B:()=>r});var r={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"TopicPill_tag"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Tag"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"__typename"}},{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayTitle"}},{kind:"Field",name:{kind:"Name",value:"normalizedTagSlug"}}]}}]}},17235:(e,n,t)=>{"use strict";t.d(n,{P:()=>l});var r=t(67294),i=t(57326),a=t(43487),o=t(50458),c=t(86106),l=(0,r.forwardRef)((function(e,n){var t=e.topic,l=e.scale,d=e.color,u=e.index,p=e.onClick,m=e.shouldTruncate,s=e.includeBorder,g=e.marginRight,x=(0,a.v9)((function(e){return e.config.authDomain})),f=(0,a.v9)((function(e){return e.config.topicToTagMappings})),k=function(e,n){return"Topic"===e.__typename?n[e.slug]?n[e.slug]:e.slug:e.id||""}(t,f),h=t.id||void 0,v=k?(0,o.Ih)(k,x):"#",b=(0,i.S)({index:u,tagSlug:k}),E=b.containerRef,y=b.handleClick,S=r.useCallback((function(){null==p||p(t.id),y()}),[t.id,p,y]);return r.createElement(c.C,{topic:t,source:{topicId:h,index:u},href:v,scale:l,color:d,shouldTruncate:m,onClick:S,innerRef:E,includeBorder:s,marginRight:g,ref:n})}))},57326:(e,n,t)=>{"use strict";t.d(n,{S:()=>m});var r=t(96156),i=t(67294),a=t(18627),o=t(66411),c=t(18122),l=t(77280),d=t(43487);function u(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function p(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?u(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var m=function(e){var n=e.index,t=e.tagSlug,r=(0,a.A)(),u=(0,o.Lk)(),m=(0,l.PM)(),s=(0,d.v9)((function(e){return e.navigation.referrer})),g=(0,d.v9)((function(e){return e.navigation.currentLocation})),x=(0,o.f0)(p(p({},u),{},{index:n,topicId:t})),f={referrer:s||g,referrerSource:m},k=i.useCallback((function(){r.event("tag.clicked",{tagSlug:t},p(p({},f),{},{source:x}))}),[t,r,x,m,f]);return{containerRef:(0,c.g)({onPresentedFn:function(){r.event("tag.presented",{tagSlug:t,source:x},f)}}),handleClick:k}}}}]);
//# sourceMappingURL=https://stats.medium.build/lite/sourcemaps/9576.1eb4c6cd.chunk.js.map