1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1585],{31585:function(e,l,t){t.r(l),t.d(l,{default:function(){return sticky_sidebar_boxed_categories}});var s=t(85893),r=t(59451),n=t(831),i=t(11486),c=t(11163),a=t(93967),o=t.n(a),d=t(90789),u=t(4232);let CategoryItem=e=>{let{item:l}=e,t=(0,c.useRouter)(),{pathname:r,query:n}=t,i=n.category,onCategoryClick=e=>{if(i===e){let{category:e,...l}=n;t.push({pathname:r,query:{...l}},void 0,{scroll:!1});return}t.push({pathname:r,query:{...n,category:e}},void 0,{scroll:!1})};return(0,s.jsxs)("div",{className:o()("text-center rounded bg-light py-4 flex flex-col items-center justify-start relative overflow-hidden cursor-pointer border-2",i===(null==l?void 0:l.slug)?"border-gray-800":"border-border-100 xl:border-transparent"),role:"button",tabIndex:0,onClick:()=>onCategoryClick(null==l?void 0:l.slug),onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),onCategoryClick(null==l?void 0:l.slug))},children:[(0,s.jsx)("div",{className:"w-full h-20 flex items-center justify-center",children:(0,s.jsx)("span",{className:"w-10 h-10 inline-block",children:(0,d.q)({iconList:u,iconName:null==l?void 0:l.icon,className:"w-10 h-10"})})}),(0,s.jsx)("span",{className:"text-sm font-semibold text-heading text-center px-2.5 block",children:null==l?void 0:l.name})]})};var outlined_boxed_category=function(e){let{items:l}=e;return(0,s.jsx)(s.Fragment,{children:null==l?void 0:l.map(e=>(0,s.jsx)(CategoryItem,{item:e},"".concat(e.name).concat(e.slug)))})},x=t(18272),g=t(48583),sticky_sidebar_boxed_categories=e=>{let{notFound:l,categories:t,loading:c,className:a}=e,[d]=(0,g.KO)(x.GH);return c?(0,s.jsx)("div",{className:"hidden xl:block",children:(0,s.jsx)("div",{className:"mt-8 w-72 px-2",children:(0,s.jsx)(i.Z,{})})}):(0,s.jsx)("aside",{className:o()("hidden h-full w-full bg-light lg:sticky lg:w-[380px] lg:bg-gray-100 xl:block ".concat(a),d?"":"lg:top-22"),children:(0,s.jsx)(r.Z,{style:{maxHeight:"calc(100vh - 88px)"},children:(0,s.jsx)("div",{className:"p-5",children:l?(0,s.jsx)("div",{className:"min-h-full px-4 pt-6 pb-8 lg:p-8",children:(0,s.jsx)(n.Z,{text:"text-no-category",className:"h-96"})}):(0,s.jsx)("div",{className:"grid grid-cols-2 gap-4",children:(0,s.jsx)(outlined_boxed_category,{items:t,className:"py-8"})})})})})}}}]); 2//# sourceMappingURL=1585.ee773a0d6c22c60c.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.