https://pixion.co/_next/static/chunks/0licghs23zn2y.js

1;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="4f8ff1bd-1efd-25dc-c8ed-721426a14494")}catch(e){}}();
2(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,106691,e=>{e.v({categories:"Cu_4Va_categories",chevron:"Cu_4Va_chevron",container:"Cu_4Va_container","filter-counter":"Cu_4Va_filter-counter",filters:"Cu_4Va_filters",header:"Cu_4Va_header",pills:"Cu_4Va_pills","posts-counter":"Cu_4Va_posts-counter",right:"Cu_4Va_right",series:"Cu_4Va_series","show-toggle":"Cu_4Va_show-toggle",subtitle:"Cu_4Va_subtitle","subtitle-row":"Cu_4Va_subtitle-row",title:"Cu_4Va_title",toggle:"Cu_4Va_toggle",topics:"Cu_4Va_topics",wrapper:"Cu_4Va_wrapper"})},310204,e=>{e.v({"blog-posts":"T1jNAW_blog-posts",container:"T1jNAW_container","load-more-button":"T1jNAW_load-more-button",open:"T1jNAW_open",title:"T1jNAW_title"})},672824,e=>{"use strict";var t,a,i,l,s=e.i(843476),r=e.i(229690),n=e.i(680147),o=e.i(88653),c=e.i(532181),d=e.i(271645),u=e.i(668428),f=e.i(789006);function h(){return(h=Object.assign.bind()).apply(null,arguments)}let g=function(e){return d.createElement("svg",h({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},e),t||(t=d.createElement("g",{clipPath:"url(#chevron-up-primary_svg__a)"},d.createElement("path",{fill:"#4B18BF",stroke:"#4B18BF",d:"M14.94 15.087a1.5 1.5 0 0 1 2.12 0l5.186 5.186a.5.5 0 0 0 .708 0l.47-.471a.5.5 0 0 0 0-.708l-7.07-7.07a.5.5 0 0 0-.708 0l-7.07 7.07a.5.5 0 0 0 0 .707l.47.472a.5.5 0 0 0 .708 0z"}))),a||(a=d.createElement("defs",null,d.createElement("clipPath",{id:"chevron-up-primary_svg__a"},d.createElement("path",{fill:"#fff",d:"M0 0h32v32H0z"})))))};function p(){return(p=Object.assign.bind()).apply(null,arguments)}var m=e.i(106691);let v=({count:e})=>0===e?null:(0,s.jsx)(c.f.span,{layout:!0,className:m.default["filter-counter"],initial:{opacity:0}

2,animate:{opacity:1},transition:{duration:.3,delay:.2},children:e}),j=c.f.create(function(e){return d.createElement("svg",p({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},e),i||(i=d.createElement("g",{clipPath:"url(#filter_svg__a)"},d.createElement("path",{fill:"#4B18BF",stroke:"#4B18BF",strokeWidth:.5,d:"M3.5 3.75a.75.75 0 0 0-.75.75v1c0 .414.336.75.75.75h17a.75.75 0 0 0 .75-.75v-1a.75.75 0 0 0-.75-.75zm2 7a.75.75 0 0 0-.75.75v1c0 .414.336.75.75.75h13a.75.75 0 0 0 .75-.75v-1a.75.75 0 0 0-.75-.75zm3 7a.75.75 0 0 0-.75.75v1c0 .414.336.75.75.75h7a.75.75 0 0 0 .75-.75v-1a.75.75 0 0 0-.75-.75z"}))),l||(l=d.createElement("defs",null,d.createElement("clipPath",{id:"filter_svg__a"},d.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"})))))}),y=(0,d.forwardRef)(({categories:e,topics:t,series:a,filters:i,filterPosts:l,filteredPosts:r,isFiltersOpen:n,setIsFiltersOpen:o},h)=>{let[p,y]=(0,d.useState)(!1),[x,_]=(0,d.useState)(!1),[N,b]=(0,d.useState)(!1),w={layout:"position",animate:{opacity:1},initial:{opacity:0}

2,exit:{scale:.8,opacity:0}};function C(e){return r.filter(t=>t.topics.map(e=>e.id).includes(e)).length}function V(e){return r.filter(t=>t.category.id===e).length}function E(){return e.filter(e=>V(e.id)>0).sort((e,t)=>V(t.id)-V(e.id))}function S(e){return r.filter(t=>t.serie&&t.serie.id===e).length}function B(){return a.filter(e=>S(e.id)>0).sort((e,t)=>S(t.id)-S(e.id))}(0,d.useEffect)(()=>{window.innerWidth<=f.f.TABLET_PORTRAIT&&o(!1)},[o]);let I=(0,d.useMemo)(()=>i.categories.length+i.topics.length+i.series.length,[i]);return(0,s.jsx)(c.f.div,{ref:h,layout:!0,className:m.default.wrapper,children:(0,s.jsxs)(c.f.div,{layout:!0,className:m.default.container,children:[(0,s.jsxs)(c.f.div,{layout:!0,animate:{opacity:1},initial:{opacity:0},className:m.default.header,onClick:()=>o(!n),children:[(0,s.jsxs)(c.f.div,{className:m.default.title,layout:!0,children:[(0,s.jsx)(j,{layout:!0}),(0,s.jsx)(v,{count:I}),(0,s.jsx)(c.f.span,{layout:!0,children:"Filter"})]}),(0,s.jsxs)(c.f.div,{className:m.default.right,layout:!0,children:[(0,s.jsxs)("span",{className:m.default["posts-counter"],children:["(",r.length,")"]}),(0,s.jsx)(c.f.div,{className:m.default.chevron,animate:{rotateX:180*!n},children:(0,s.jsx)(g,{})})]})]}),n&&(0,s.jsxs)(c.f.div,{...w,className:m.default.filters,children:[(0,s.jsxs)(c.f.div,{layout:!0,className:m.default.categories,children:[(0,s.jsxs)(c.f.div,{layout:"position",className:m.default.toggle,children:[(0,s.jsxs)("div",{className:m.default["subtitle-row"],children:[(0,s.jsx)("span",{className:m.default.subtitle,children:"Category"}),E().length>20&&(0,s.jsx)(v,{count:i.categories.length})]}),E().length>20&&(0,s.jsx)("span",{onClick:()=>_(!x),className:m.default["show-toggle"],children:x?"Hide":"Show"})]}),(E().length<=20||x)&&(0,s.jsx)(c.f.div,{...w,className:m.default.pills,children:E().map(e=>(0,s.jsx)(u.default,{active:i.categories.includes(e.id),interactable:!0,onClick:()=>{var t;return t=e.id,void(i.categories.includes(t)?l({...i,categories:i.categories.filter(e=>e!==t)}):l({...i,categories:[...i.categories,t]}),document.getElementById("blog-grid")?.scrollIntoView(!0))},children:e.name+" ("+V(e.id)+")"},e.id))})]}),B().length>0&&(0,s.jsxs)(c.f.div,{layout:!0,className:m.default.series,children:[(0,s.jsxs)(c.f.div,{layout:"position",className:m.default.toggle,children:[(0,s.jsxs)("div",{className:m.default["subtitle-row"],children:[(0,s.jsx)("span",{className:m.default.subtitle,children:"Series"}),B().length>20&&(0,s.jsx)(v,{count:i.series.length})]}),B().length>20&&(0,s.jsx)("span",{onClick:()=>b(!N),className:m.default["show-toggle"],children:N?"Hide":"Show"})]}),(B().length<=20||N)&&(0,s.jsx)(c.f.div,{...w,className:m.default.pills,children:B().map(e=>(0,s.jsx)(u.default,{active:i.series.includes(e.id),interactable:!0,onClick:()=>{var t;return t=e.id,void(i.series.includes(t)?l({...i,series:i.series.filter(e=>e!==t)}):l({...i,series:[...i.series,t]}),document.getElementById("blog-grid")?.scrollIntoView(!0))},children:e.name+" ("+S(e.id)+")"},e.id))})]}),(0,s.jsxs)(c.f.div,{layout:!0,className:m.default.topics,children:[(0,s.jsxs)(c.f.div,{layout:"position",className:m.default.toggle,children:[(0,s.jsxs)("div",{className:m.default["subtitle-row"],children:[(0,s.jsx)("span",{className:m.default.subtitle,children:"Topics"}),(0,s.jsx)(v,{count:i.topics.length})]}),(0,s.jsx)("span",{onClick:()=>y(!p),className:m.default["show-toggle"],children:p?"Hide":"Show"})]}),p&&(0,s.jsx)(c.f.div,{...w,className:m.default.pills,children:t.filter(e=>C(e.id)>0).sort((e,t)=>C(t.id)-C(e.id)).map(e=>(0,s.jsx)(u.default,{active:i.topics.includes(e.id),interactable:!0,onClick:()=>{var t;return t=e.id,void(i.topics.includes(t)?l({...i,topics:i.topics.filter(e=>e!==t)}):l({...i,topics:[...i.topics,t]}),document.getElementById("blog-grid")?.scrollIntoView(!0))},children:e.name+" ("+C(e.id)+")"},e.id))})]})]})]})})}),x=c.f.create(y);var _=e.i(419837),N=e.i(310204);e.s(["default",0,({categories:e,topics:t,posts:a,series:i})=>{let{isMobile:l}=(0,n.f)(),[u,f]=(0,d.useState)(1),[h,g]=(0,d.useState)({categories:[],series:[],topics:[]}),[p,m]=(0,d.useState)(!1),[v,j]=(0,d.useState)(a),y=l?3:p?6:9,b=(0,d.useCallback)(e=>{g(e);let t=a;e.categories.length>0&&(t=t.filter(t=>e.categories.includes(t.category.id))),e.series.length>0&&(t=t.filter(t=>e.series.includes(t.serie?.id))),e.topics.length>0&&(t=t.filter(t=>e.topics.every(e=>t.topics.map(e=>e.id).includes(e)))),j(t)},[a]);function w(){window.sessionStorage.setItem("filtersAndPage",JSON.stringify({filters:h,page:u}))}return(0,d.useEffect)(()=>{let e=window.sessionStorage.getItem("filtersAndPage");if(e){document.getElementById("blog-grid")?.scrollIntoView(!0);let t=JSON.parse(e);f(t.page),b(t.filters),window.sessionStorage.removeItem("filtersAndPage")}},[b]),(0,s.jsxs)("section",{id:"blog-grid",className:`${N.default.container} ${p?N.default.open:""}`,children:[(0,s.jsx)("p",{className:N.default.title,children:"All Blogs"}),(0,s.jsx)(x,{layout:"position",filters:h,filterPosts:b,filteredPosts:v,categories:e,topics:t,series:i,isFiltersOpen:p,setIsFiltersOpen:m}),(0,s.jsx)(o.f,{mode:"popLayout",children:(0,s.jsx)(c.f.div,{layout:!0,className:N.default["blog-posts"],children:v.slice(0,u*y).map(e=>(0,s.jsx)(_.default,{post:e,onClick:w},e.id))})}),v.slice(0,u*y).length<v.length&&(0,s.jsx)("div",{className:N.default["load-more-button"],children:(0,s.jsx)(r.default,{onClick:()=>f(u+1),fullWidth:l,children:"Load More"})})]})}],672824)},384925,e=>{e.v({author:"jyoY-a_author","author-photo":"jyoY-a_author-photo",category:"jyoY-a_category",cover:"jyoY-a_cover",details:"jyoY-a_details",info:"jyoY-a_info",name:"jyoY-a_name",subtitle:"jyoY-a_subtitle",thumbnail:"jyoY-a_thumbnail",time:"jyoY-a_time",title:"jyoY-a_title"})},204319,e=>{"use strict";var t=e.i(843476),a=e.i(668428),i=e.i(757397),l=e.i(532181),s=e.i(522016),r=e.i(384925);let n=l.f.create(s.default);e.s(["default",0,({post:e})=>(0,t.jsxs)(n,{href:i.f.blogPost(e.slug),prefetch:!1,layout:"position",initial:"start",whileHover:"hover",animate:"enter",exit:"exit",variants:{start:{scale:1,op

2acity:0,translateY:100},hover:{scale:1.03},enter:{opacity:1,translateY:0},exit:{opacity:0,translateY:100}},className:r.default.thumbnail,children:[(0,t.jsx)("div",{className:r.default.cover,style:{backgroundImage:`url(${e.cover.url})`},children:(0,t.jsx)(l.f.div,{variants:{start:{opacity:0,translateY:30,translateX:-30,zIndex:0},hover:{opacity:1,translateY:0,translateX:0}},className:r.default["author-photo"],style:{backgroundImage:`url(${e.author.avatar?.url})`}})}),(0,t.jsxs)("div",{className:r.default.info,children:[(0,t.jsx)("span",{className:r.default.title,title:e.title,children:e.title}),(0,t.jsx)("span",{className:r.default.subtitle,children:e.description})]}),(0,t.jsxs)("div",{className:r.default.details,children:[(0,t.jsxs)("div",{className:r.default.author,children:[(0,t.jsxs)("span",{className:r.default.name,children:["by ",e.author.name]}),(0,t.jsxs)("span",{className:r.default.time,children:[e.readingTimeMinutes," min read"]})]}),(0,t.jsx)(a.default,{className:r.default.category,children:e.category.name})]})]})])}]);
3
4//# debugId=4f8ff1bd-1efd-25dc-c8ed-721426a14494
5//# sourceMappingURL=2-6ll79_u5gwb.js.map