(self.webpackChunklite=self.webpackChunklite||[]).push([[9558],{87149:(e,n,t)=>{"use strict";t.d(n,{Z:()=>l});var i=t(67294);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},a.apply(this,arguments)}var r=i.createElement("path",{d:"M6 9l6 6 6-6"});const l=function(e){return i.createElement("svg",a({width:24,height:24,viewBox:"0 0 24 24",fill:"none"},e),r)}},47443:(e,n,t)=>{var i=t(42118);e.exports=function(e,n){return!(null==e||!e.length)&&i(e,n,0)>-1}},1196:e=>{e.exports=function(e,n,t){for(var i=-1,a=null==e?0:e.length;++i<a;)if(t(n,e[i]))return!0;return!1}},70151:(e,n,t)=>{var i=t(278),a=t(73480);e.exports=function(e){return a(i(e))}},41848:e=>{e.exports=function(e,n,t,i){for(var a=e.length,r=t+(i?1:-1);i?r--:++r<a;)if(n(e[r],r,e))return r;return-1}},42118:(e,n,t)=>{var i=t(41848),a=t(62722),r=t(42351);e.exports=function(e,n,t){return n==n?r(e,n,t):i(e,a,t)}},62722:e=>{e.exports=function(e){return e!=e}},69877:e=>{var n=Math.floor,t=Math.random;e.exports=function(e,i){return e+n(t()*(i-e+1))}},25127:(e,n,t)=>{var i=t(73480),a=t(52628);e.exports=function(e){return i(a(e))}},45652:(e,n,t)=>{var i=t(88668),a=t(47443),r=t(1196),l=t(74757),o=t(23593),c=t(21814);e.exports=function(e,n,t){var d=-1,s=a,u=e.length,m=!0,p=[],g=p;if(t)m=!1,s=r;else if(u>=200){var x=n?null:o(e);if(x)return c(x);m=!1,s=l,g=new i}else g=n?[]:p;e:for(;++d<u;){var f=e[d],v=n?n(f):f;if(f=t||0!==f?f:0,m&&v==v){for(var k=g.length;k--;)if(g[k]===v)continue e;n&&g.push(v),p.push(f)}else s(g,v,t)||(g!==p&&g.push(v),p.push(f))}return p}},47415:(e,n,t)=>{var i=t(29932);e.exports=function(e,n){return i(n,(function(n){return e[n]}))}},23593:(e,n,t)=>{var i=t(58525),a=t(50308),r=t(21814),l=i&&1/r(new i([,-0]))[1]==1/0?function(e){return new i(e)}:a;e.exports=l},73480:(e,n,t)=>{var i=t(69877);e.exports=function(e,n){var t=-1,a=e.length,r=a-1;for(n=void 0===n?a:n;++t<n;){var l=i(t,r),o=e[l];e[l]=e[t],e[t]=o}return e.length=n,e}},42351:e=>{e.exports=function(e,n,t){for(var i=t-1,a=e.length;++i<a;)if(e[i]===n)return i;return-1}},50308:e=>{e.exports=function(){}},69983:(e,n,t)=>{var i=t(70151),a=t(25127),r=t(1469);e.exports=function(e){return(r(e)?i:a)(e)}},45578:(e,n,t)=>{var i=t(67206),a=t(45652);e.exports=function(e,n){return e&&e.length?a(e,i(n,2)):[]}},52628:(e,n,t)=>{var i=t(47415),a=t(3674);e.exports=function(e){return null==e?[]:i(e,a(e))}},47496:(e,n,t)=>{"use strict";t.r(n),t.d(n,{MainContent:()=>je,useLoader:()=>De});var i=t(64718),a=t(67294),r=t(70405),l=t(92030),o=t(7762),c=t(52439),d=t(51489),s=t(97480),u=t(18634),m=t(18627),p=t(31889),g=t(43487),x=t(16941),f=t(87329),v=[{kind:"FragmentDefinition",name:{kind:"Name",value:"TopicLink_tag"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Tag"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"normalizedTagSlug"}}]}}],k=t(88500),h={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"RecommendedTopic_tag"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Tag"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayTitle"}},{kind:"FragmentSpread",name:{kind:"Name",value:"TopicLink_tag"}},{kind:"FragmentSpread",name:{kind:"Name",value:"TopicNavigationItem_tag"}}]}}].concat((0,f.Z)(v),(0,f.Z)(k.IO.definitions))},E={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"TopicTree_tag"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Tag"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayTitle"}},{kind:"Field",name:{kind:"Name",value:"childTags"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayTitle"}},{kind:"Field",name:{kind:"Name",value:"childTags"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayTitle"}},{kind:"FragmentSpread",name:{kind:"Name",value:"TopicLink_tag"}}]}},{kind:"FragmentSpread",name:{kind:"Name",value:"TopicLink_tag"}}]}},{kind:"FragmentSpread",name:{kind:"Name",value:"TopicLink_tag"}}]}}].concat((0,f.Z)(v))},b={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"RootTags_tag"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Tag"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"TopicTree_tag"}},{kind:"FragmentSpread",name:{kind:"Name",value:"TopicNavigationItem_tag"}}]}}].concat((0,f.Z)(E.definitions),(0,f.Z)(k.IO.definitions))},T={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"ExploreTopicsQuery"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"rootTags"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"RootTags_tag"}}]}},{kind:"Field",name:{kind:"Name",value:"discoverTopicsModule"},arguments:[{kind:"Argument",name:{kind:"Name",value:"options"},value:{kind:"ObjectValue",fields:[{kind:"ObjectField",name:{kind:"Name",value:"limit"},value:{kind:"IntValue",value:"3"}}]}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"items"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"__typename"}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ModuleItemTopic"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"tag"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"RecommendedTopic_tag"}}]}}]}}]}}]}}]}}].concat((0,f.Z)(b.definitions),(0,f.Z)(h.definitions))},y={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"ExploreTopicsV2Query"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"rootTags"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"RootTags_tag"}}]}},{kind:"Field",name:{kind:"Name",value:"recommendedTags"},arguments:[{kind:"Argument",name:{kind:"Name",value:"input"},value:{kind:"ObjectValue",fields:[{kind:"ObjectField",name:{kind:"Name",value:"first"},value:{kind:"IntValue",value:"3"}}]}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"edges"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"node"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"RecommendedTopic_tag"}}]}}]}}]}}]}}].concat((0,f.Z)(b.definitions),(0,f.Z)(h.definitions))},S=t(34699),N=t(95634),F=t(77355),w=t(93310),C=t(4755),O=t(20113),L=t(29746),R=t(14646),_=t(87149),V=t(62805),P=t(68894),I=t(78870),M=t(50458),Z=t(60600),D=function(e){var n=e.marginLeft;return a.createElement(F.x,{flexGrow:"1",flexBasis:(0,L.a)(ke),marginLeft:n},a.createElement(F.x,{width:"80px",height:"32px",backgroundColor:"BASE_NORMAL"}),a.createElement(F.x,{marginLeft:"24px"},(0,f.Z)(Array(5).keys()).map((function(e){return a.createElement(a.Fragment,{key:e},a.createElement(F.x,{width:"160px",height:"16px",marginTop:0===e?"24px":"8px",backgroundColor:"BASE_NORMAL"}),a.createElement(F.x,{width:"136px",height:"16px",marginTop:"8px",backgroundColor:"BASE_NORMAL"}))}))))},j=function(){return a.createElement(F.x,{display:"flex",flexDirection:"row",marginTop:"80px"},a.createElement(D,{marginLeft:"0px"}),a.createElement(D,{marginLeft:"48px"}),a.createElement(D,{marginLeft:"48px"}))},B=function(){var e=(0,p.F)();return a.createElement(a.Fragment,null,a.createElement(F.x,{width:"80px",height:"24px",margin:"24px 0px",backgroundColor:"BASE_NORMAL"}),a.createElement(s.E,{borderColor:e.colorTokens.border.neutral.primary.base}))},A=function(){var e=(0,p.F)();return a.createElement(F.x,{marginBottom:{xs:"48px",sm:"48px",md:"48px",lg:"120px",xl:"120px"}},a.createElement(ye,null,a.createElement(s.E,{marginTop:{xs:"48px",sm:"48px",md:"64px",lg:"64px",xl:"64px"},borderColor:e.colorTokens.border.neutral.primary.base}),a.createElement(u.y,{xs:!0,sm:!0,md:!0},a.createElement(B,null),a.createElement(B,null),a.createElement(B,null),a.createElement(B,null),a.createElement(B,null),a.createElement(B,null),a.createElement(B,null),a.createElement(B,null),a.createElement(B,null)),a.createElement(u.y,{lg:!0,xl:!0},a.createElement(j,null),a.createElement(j,null))))},X=function(){return a.createElement(Z.f,{itemPlaceholder:A,numPlaceholders:1})},H=t(22122),q=t(96156),J=t(87691),W=t(57326),z=t(92661),Q=function(e){var n=e.topic,t=e.index,i=e.rules,r=e.children,l=(0,z.H2)(),o=(0,W.S)({index:t,tagSlug:n.id||""}),c=o.handleClick,d=o.containerRef,s=l("ShowTagPosts",{tagSlug:n.normalizedTagSlug||""});return a.createElement(w.r,{href:s,onClick:c,ref:d,rules:i,inline:!0},r)};function G(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function K(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?G(Object(t),!0).forEach((function(n){(0,q.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):G(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var U=300,Y=(0,L.a)(845),$=(0,L.a)(248),ee=(0,L.a)(240),ne=(0,L.a)(24),te=(0,L.a)(8),ie=function(e){switch(e){case 0:return 3;case 1:return 5;default:return 0}},ae=function(e){return{width:"100%",textAlign:"left",visibility:e?"visible":"hidden"}},re={opacity:1,transform:"translateY(0)",marginTop:te,height:ne},le={opacity:0,transform:"translateY(-".concat(te,")"),marginTop:"0px",height:"0px"},oe=function(e){var n=e.areTopicsVisible,t=e.isParentVisible,i=e.show,r=(0,R.I)(),l=(0,V.J)().timer,o=(0,a.useState)(!0),c=(0,S.Z)(o,2),d=c[0],s=c[1],u=(0,a.useCallback)((function(){i(),l((function(){s(!1)}),U)}),[i,s,l]);return d?a.createElement("div",{className:r([n?le:re,{transition:"all ".concat(U,"ms ease-in-out")}])},a.createElement(F.x,{marginLeft:"16px"},a.createElement(J.F,{scale:"L"},a.createElement(w.r,{linkStyle:"OBVIOUS",inline:!0,onClick:u,rules:K({},ae(t))},"More")))):null},ce=function(e){return function(n){return{transform:e?"rotate(-180deg)":"rotate(0)",stroke:n.colorTokens.foreground.accent.primary.base,strokeWidth:"1.5px",strokeLinecap:"round",strokeLinejoin:"round"}}},de=function(e){var n=e.tag,t=e.areTopicsVisible,i=e.isParentVisible,r=e.show,l=e.hide,o=(0,R.I)(),c=(0,p.F)();return a.createElement(F.x,{marginTop:{xs:"24px",sm:"24px",md:"32px",lg:"32px",xl:"32px"},marginLeft:"4px"},a.createElement(w.r,{inline:!0,onClick:t?l:r,rules:K(K({},ae(i)),{},{color:c.colorTokens.foreground.accent.primary.base})},a.createElement(F.x,{display:"flex",alignItems:"center"},a.createElement(_.Z,{className:o(ce(t)),width:"18px",height:"18px"}),a.createElement(F.x,{marginLeft:"10px"},a.createElement(J.F,{scale:"L",color:"ACCENT",clamp:1},"".concat(t?"Hide":"Show all in",' "').concat(n.displayTitle,'"'))))))},se=function(e){var n=e.tag,t=e.level,i=e.areTopicsVisible,r=e.isParentVisible,l=e.show,o=e.hide;switch(t){case 0:return a.createElement(de,{tag:n,areTopicsVisible:i,isParentVisible:r,show:l,hide:o});case 1:return a.createElement(oe,{areTopicsVisible:i,isParentVisible:r,show:l});default:return null}},ue=function(e,n,t){return{transition:t?"margin-top ".concat(U,"ms ease-in-out"):void 0,marginTop:n?"0px":"-".concat(e,"px")}},me=function(e){var n,t,i=e.tag,r=e.level,l=e.isParentVisible,o=(0,R.I)(),c=(0,m.A)(),d=ie(r),s=function(e){switch(e){case 0:return 24;case 1:return 8;default:return 0}}(r),u=(0,a.useRef)(null),p=(0,a.useState)(0),g=(0,S.Z)(p,2),x=g[0],f=g[1];(0,a.useEffect)((function(){var e;f(null===(e=u.current)||void 0===e?void 0:e.getBoundingClientRect().height)}),[null===(n=u.current)||void 0===n?void 0:n.getBoundingClientRect().height]);var v=(0,a.useState)(!1),k=(0,S.Z)(v,2),h=k[0],E=k[1],b=(0,P.O)(!1),T=(0,S.Z)(b,3),y=T[0],N=T[1],w=T[2],C=(0,V.J)().timer,O=(0,a.useCallback)((function(){c.event("button.clicked",{buttonType:"more_topics_level_".concat(r)}),E(!0),N(),C((function(){E(!1)}),U)}),[N,E,C,r]),_=(0,a.useCallback)((function(){E(!0),w(),C((function(){E(!1)}),U)}),[N,E,C]);return a.createElement(a.Fragment,null,a.createElement(F.x,{display:h?void 0:"none",position:"absolute",zIndex:1,height:(0,L.a)(s),width:(0,L.a)(null===(t=u.current)||void 0===t?void 0:t.getBoundingClientRect().width),background:"linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0))"}),a.createElement(F.x,{overflow:"hidden",height:0===x?"0px":void 0},a.createElement("div",{className:o(ue(x,y,h)),ref:u},i.childTags.map((function(e,n){return n>=d&&a.createElement(fe,{key:e.id,tag:e,level:r+1,index:n,isVisible:l&&(y||h)})})))),a.createElement(se,{tag:i,level:r,areTopicsVisible:y,isParentVisible:l,show:O,hide:_}))},pe=function(e){var n,t=e.tag,i=e.level,r=e.isParentVisible,l=(null===(n=t.childTags)||void 0===n?void 0:n.length)||0,o=ie(i),c=l>o;return a.createElement(a.Fragment,null,t.childTags.map((function(e,n){return n<o&&a.createElement(fe,{key:e.id,tag:e,level:i+1,index:n,isVisible:r})})),c&&a.createElement(me,{tag:t,level:i,isParentVisible:r}))},ge=function(e){var n=e.level,t=e.children;switch(n){case 0:return a.createElement(O.X6,{scale:{xs:"S",sm:"S",md:"M",lg:"M",xl:"M"}},t);case 1:return a.createElement(O.X6,{scale:"XS"},t);case 2:return a.createElement(J.F,{scale:"L"},t);default:return null}},xe=function(e){var n=e.tag,t=e.level,i=e.isVisible;return a.createElement(ge,{level:t},a.createElement(Q,{topic:n,rules:{visibility:i?"visible":"hidden"}},a.createElement(F.x,{display:{xs:"block",sm:"block",md:0===t?"inline":"block",lg:0===t?"inline":"block",xl:0===t?"inline":"block"}},n.displayTitle)))},fe=function(e){var n,t=e.tag,i=e.level,r=e.index,l=e.isVisible,o=void 0===l||l;return a.createElement(F.x,(0,H.Z)({},function(e,n,t){var i;switch(n){case 0:return{minHeight:{xs:void 0,sm:void 0,md:void 0,lg:Y,xl:Y}};case 1:var a=0===t?$:ee,r=t<ie(n-1),l=((null===(i=e.childTags)||void 0===i?void 0:i.length)||0)>ie(n);return{minHeight:{xs:l?a:void 0,sm:l?a:void 0,md:l?a:void 0,lg:l||r?a:void 0,xl:l||r?a:void 0}};default:return null}}(t,i,r),function(e,n){var t=0===n;switch(e){case 0:return{paddingBottom:{xs:"24px",sm:"24px",md:"32px",lg:"32px",xl:"32px"}};case 1:return{paddingTop:{xs:"24px",sm:"24px",md:t?"32px":"24px",lg:t?"32px":"24px",xl:t?"32px":"24px"},paddingLeft:"24px"};case 2:return{paddingTop:t?"12px":te,paddingLeft:"16px"};default:return}}(i,r)),a.createElement(xe,{tag:t,level:i,isVisible:o}),!(null===(n=t.childTags)||void 0===n||!n.length)&&a.createElement(pe,{tag:t,level:i,isParentVisible:o}))},ve=function(e){var n=e.rootTag,t=e.isVisible,i=void 0===t||t;return a.createElement(fe,{tag:n,level:0,index:0,isVisible:i})},ke=253,he=function(){var e=(0,p.F)();return a.createElement(N.I,{padding:{xs:"24px",sm:"24px",md:"16px",lg:"16px",xl:"16px"},borderRadius:"4px",backgroundColor:e.colorTokens.background.neutral.tertiary.base},a.createElement(F.x,{display:"flex",flexDirection:{xs:"column",sm:"column",md:"row",lg:"row",xl:"row"},justifyContent:"center",width:"100%"},"See a topic you think should be added or removed here?",a.createElement(F.x,{marginTop:{xs:"12px",sm:"12px",md:"0",lg:"0",xl:"0"},marginLeft:{xs:"0",sm:"0",md:"12px",lg:"12px",xl:"12px"}},a.createElement(w.r,{href:(0,I.Rk)(M.bN,{responsesOpen:"true"}),target:"_blank",linkStyle:"OBVIOUS",inline:!0},"Suggest an edit"))))},Ee=function(e){var n=e.tags,t=(0,p.F)();return a.createElement(F.x,{display:"flex",flexDirection:"row"},n.map((function(e,n){return a.createElement(F.x,{key:e.id,flexGrow:"1",flexBasis:(0,L.a)(ke),marginLeft:0===n?"0px":"48px"},a.createElement(ve,{rootTag:e}),a.createElement(s.E,{marginBottom:"56px",borderColor:t.colorTokens.border.neutral.primary.base}))})))},be=function(e){return function(n){return{transform:e?"rotate(-180deg)":"rotate(0)",transition:"transform ".concat(U,"ms ease-in-out"),stroke:n.colorTokens.foreground.neutral.secondary.base,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}}},Te=function(e){var n=e.tag,t=(0,R.I)(),i=(0,p.F)(),r=(0,a.useState)(!1),l=(0,S.Z)(r,2),o=l[0],c=l[1],d=(0,P.O)(!1),u=(0,S.Z)(d,3),m=u[0],g=u[1],x=u[2],f=(0,V.J)().timer,v=(0,a.useCallback)((function(){c(!0),g(),f((function(){c(!1)}),U)}),[g,c,f]),k=(0,a.useCallback)((function(){c(!0),x(),f((function(){c(!1)}),U)}),[x,c,f]);return a.createElement(a.Fragment,null,a.createElement(w.r,{onClick:m?k:v,rules:{width:"100%"}},a.createElement(F.x,{display:"flex",justifyContent:"space-between",alignItems:"center",margin:"24px 0px"},a.createElement(O.X6,{scale:"S",color:"LIGHTER"},n.displayTitle),a.createElement(F.x,{marginRight:"14px"},a.createElement(_.Z,{className:t(be(m)),width:"24px",height:"24px"})))),a.createElement(C.m,{isVisible:m,animationMs:U,delayMs:25,easingFunction:"ease-in-out"},a.createElement(ve,{rootTag:n,isVisible:m||o})),a.createElement(s.E,{borderColor:i.colorTokens.border.neutral.primary.base}))},ye=function(e){var n=e.children;return a.createElement(F.x,{margin:"0 24px"},a.createElement(F.x,{maxWidth:(0,L.a)(1080),margin:"auto"},n))},Se=function(e){var n=e.rootTags,t=e.loading,i=(0,p.F)();if(t)return a.createElement(X,null);if(!n)return null;for(var r=[],l=0;l<n.length;l+=3)r.push(a.createElement(Ee,{key:l,tags:n.slice(l,l+3)}));return a.createElement(ye,null,a.createElement(s.E,{marginTop:{xs:"48px",sm:"48px",md:"64px",lg:"64px",xl:"64px"},marginBottom:{xs:"0px",sm:"0px",md:"0px",lg:"80px",xl:"80px"},borderColor:i.colorTokens.border.neutral.primary.base}),a.createElement(u.y,{xs:!0,sm:!0,md:!0},n.map((function(e){return a.createElement(Te,{key:e.id,tag:e})}))),a.createElement(u.y,{lg:!0,xl:!0},r),a.createElement(F.x,{marginTop:{xs:"32px",sm:"32px",md:"32px",lg:void 0,xl:void 0},marginBottom:{xs:"48px",sm:"48px",md:"48px",lg:void 0,xl:void 0}},a.createElement(he,null)))},Ne=t(58927),Fe=t(96370),we=t(16894),Ce=t(51873),Oe=function(){return a.createElement(F.x,{width:"56px",height:"16px",marginLeft:"12px",backgroundColor:"BASE_NORMAL"})},Le=function(e){var n=e.recommendedTopics,t=e.loading,i=(0,a.useRef)(null);return t||n.length?a.createElement(Ce.J8,{firstItemRef:i,scrollPixels:200,arrowPadding:"8px",arrowHeight:"".concat(Ce.hs,"px")},a.createElement(J.F,{scale:"M"},"Recommended:"),t?a.createElement(a.Fragment,null,a.createElement(Z.f,{itemPlaceholder:Oe,numPlaceholders:1}),a.createElement(Z.f,{itemPlaceholder:Oe,numPlaceholders:1}),a.createElement(Z.f,{itemPlaceholder:Oe,numPlaceholders:1})):n.map((function(e,n){return a.createElement(F.x,{key:e.id,marginLeft:"12px",flexShrink:"0",ref:0===n?i:null},a.createElement(J.F,{scale:"M",color:"DARKER"},a.createElement(Q,{topic:e,index:n},e.displayTitle)))}))):null},Re=function(e){return{border:"none",borderRadius:"40px",width:"100%",height:{xs:"40px",sm:"40px",md:"64px",lg:"64px",xl:"64px"},background:e.colorTokens.background.neutral.tertiary.base,alignItems:"center","& path":{fill:e.colorTokens.foreground.neutral.secondary.base},":focus-within path":{fill:e.colorTokens.foreground.neutral.primary.base}}},_e=function(e){var n=e.recommendedTopics,t=e.loading;return a.createElement(a.Fragment,null,a.createElement(F.x,{display:"flex",flexDirection:"column",alignItems:"center"},a.createElement(O.X6,{scale:{xs:"M",sm:"M",md:"XL",lg:"XL",xl:"XL"}},"Explore topics"),a.createElement(F.x,{margin:"24px 0",width:"100%"},a.createElement(Fe.P,{size:"app"},a.createElement(Ne.f,{algoliaQueryContext:"explore-topics",algoliaIndexes:["tag"],searchPlaceholder:"Search all topics",searchIcon:a.createElement(F.x,{marginLeft:{xs:"12px",sm:"12px",md:"24px",lg:"24px",xl:"24px"},marginRight:{xs:"12px",sm:"12px",md:"16px",lg:"16px",xl:"16px"},display:"flex"},a.createElement(we.Z,null)),searchContainerRules:Re,mainSearchCategory:"tags",hideTagPopoverHeading:!0})))),a.createElement(ye,null,a.createElement(F.x,{position:"relative",maxWidth:"max-content",margin:{xs:void 0,sm:void 0,md:"auto",lg:"auto",xl:"auto"}},a.createElement(Le,{recommendedTopics:n,loading:t}))))},Ve=t(69983),Pe=t.n(Ve),Ie=t(87410),Me=t(97993),Ze=function(e){var n=e.rootTopics,t=e.recommendedTopics,i=e.loading,r=(0,a.useMemo)((function(){var e=Pe()(n).slice(0,9);return[].concat((0,f.Z)(e),(0,f.Z)(t))}),[n,t]);return i?a.createElement(Me.w,null):a.createElement(Ie.u,{relatedTopics:r})},De=function(){var e=(0,o.W)(),n=(0,i.a)(T,{skip:e}),t=n.data,a=n.loading,r=n.error,l=(0,i.a)(y,{skip:!e}),c=l.data,d=l.loading,s=l.error;return{loading:a||d,error:r||s,data:(null==t?void 0:t.discoverTopicsModule)||(null==c?void 0:c.recommendedTags),rootTags:(null==t?void 0:t.rootTags)||(null==c?void 0:c.rootTags)}},je=function(e){var n=e.error,t=e.loading,i=e.data,o=e.rootTags,f=(0,p.F)(),v=(0,g.v9)((function(e){return e.config.productName})),k=(0,m.A)(),h=(0,x.F)("enable_recommended_tags_query"),E=(0,d.m)(i).tagsData;return(0,a.useEffect)((function(){t||n||k.event("tag.exploreTopics.viewed",{})}),[t,n]),(0,a.useEffect)((function(){h()}),[h]),n?a.createElement(l.C,{error:n}):a.createElement(a.Fragment,null,a.createElement(r.ql,null,a.createElement("title",null,"Explore topics",v?" - ".concat(v):null)),a.createElement(Ze,{rootTopics:o,recommendedTopics:E,loading:t}),a.createElement(_e,{recommendedTopics:E,loading:t}),a.createElement(Se,{rootTags:o,loading:t}),!t&&a.createElement(u.y,{lg:!0,xl:!0},a.createElement(s.E,{marginTop:"80px",borderColor:f.colorTokens.border.neutral.primary.base}),a.createElement(ye,null,a.createElement(c.q,{spacing:"L",detailScale:"S"}))))}},7762:(e,n,t)=>{"use strict";t.d(n,{W:()=>r});var i=t(44573),a=t(43487),r=function(){var e=(0,i.gc)("enable_recommended_tags_query"),n=e.loading,t=e.value;return(0,a.v9)((function(e){return e.cache.recommendedTagsQueryEnabled}))||!n&&!!t}},95634:(e,n,t)=>{"use strict";t.d(n,{I:()=>c});var i=t(67294),a=t(77355),r=t(87691),l=t(14646),o=function(e){return function(n){return{position:"absolute",clip:"rect(0px 14px 14px -3px)",":after":{content:"''",display:"block",width:"11px",height:"11px",background:null!=e?e:n.colorTokens.background.neutral.secondary.base,borderBottomRightRadius:"1px",transform:"rotate(45deg) translate(-4px, -4px)"}}}},c=function(e){var n=e.children,t=e.padding,c=void 0===t?{xs:"16px",sm:"16px",md:"16px",lg:"16px 24px",xl:"16px 24px"}:t,d=e.borderRadius,s=void 0===d?"8px":d,u=e.backgroundColor,m=e.shouldShowArrowDown,p=void 0!==m&&m,g=(0,l.I)();return i.createElement(i.Fragment,null,i.createElement("div",{className:g((function(e){return{position:"relative",padding:c,borderRadius:s,background:null!=u?u:e.colorTokens.background.neutral.secondary.base}}))},i.createElement(r.F,{scale:"M",color:"DARKER"},n)),p&&i.createElement(a.x,{marginLeft:{xs:"18px",sm:"18px",md:"26px",lg:"26px",xl:"26px"}},i.createElement("div",{className:g(o(u))})))}},51489:(e,n,t)=>{"use strict";t.d(n,{m:()=>i});var i=function(e){if(!e)return{tagsData:[]};var n=[];return"RecommendedTagsConnection"===e.__typename?n=e.edges.map((function(e){return e.node})):"BaseRankedModule"===e.__typename&&(n=((null==e?void 0:e.items)||[]).map((function(e){return"ModuleItemTopic"===e.__typename?e.tag:null})).filter((function(e){return Boolean(e)}))),{tagsData:n}}},4755:(e,n,t)=>{"use strict";t.d(n,{O:()=>o,m:()=>c});var i=t(34699),a=t(67294),r=t(14646),l=t(62805),o=function(e){var n=e.isVisible,t=e.animationMs,o=void 0===t?200:t,c=e.children,d=(0,r.I)(),s=a.useState(null),u=(0,i.Z)(s,2),m=u[0],p=u[1],g=(0,l.J)().timer,x=a.useRef(null);return a.useEffect((function(){null===m?p(n?{display:"block",opacity:1}:{display:"none",opacity:0}):n?(p({display:"block",opacity:0}),g((function(){p({display:"block",opacity:1})}),200)):(p({display:"block",opacity:1}),g((function(){p({display:"block",opacity:0}),g((function(){p({display:"none",opacity:0})}),o)}),200))}),[n]),a.createElement("div",{ref:x,className:d([m,{transition:"opacity ".concat(o,"ms")}])},c)},c=function(e){var n=e.isVisible,t=e.animationMs,o=void 0===t?200:t,c=e.delayMs,d=void 0===c?200:c,s=e.easingFunction,u=void 0===s?"ease":s,m=e.children,p=(0,r.I)(),g=a.useState(null),x=(0,i.Z)(g,2),f=x[0],v=x[1],k=a.useRef(null),h=(0,l.J)().timer;return a.useEffect((function(){var e=function(){return"".concat(k.current.getBoundingClientRect().height,"px")};null===f?v(n?{height:"auto"}:{height:0}):n?(v({height:0}),h((function(){v({height:e()}),h((function(){v({height:"auto"})}),o)}),d)):(v({height:e()}),h((function(){v({height:0})}),d))}),[n]),a.createElement("div",{className:p([null!=f?f:{height:0},{transition:"height ".concat(o,"ms ").concat(u),overflow:"hidden"}])},a.createElement("div",{ref:k},m))}}}]);
//# sourceMappingURL=https://stats.medium.build/lite/sourcemaps/ExploreTopicsPage.MainContent.1ea70e8c.chunk.js.map