1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1672,96643,22559,79271,47673,36070,7835,70387,6140,27143,24596,70752,78790,40055,6221],{91627:function(e,t,r){var n=r(85893),a=r(67294);t.Z=e=>{let{type:t="vertical",isOpen:r=!1,children:l,onHeightChange:i,className:s,collapseRef:o}=e,c=(0,a.useRef)(null);(0,a.useImperativeHandle)(o,()=>({updateCollapseHeight:e=>{let{height:t,increase:n}=e;r&&(c.current.style.height=c.current.scrollHeight,c.current.style.height="auto")}}));let u=e=>{let r=e.scrollHeight,n=e.scrollWidth;requestAnimationFrame(function(){switch(t){case"horizontal":e.style.width=n+"px",requestAnimationFrame(function(){e.style.width="0px"});break;case"vertical":e.style.height=r+"px",requestAnimationFrame(function(){e.style.height="0px"})}})},h=e=>{let r=e.scrollHeight,n=e.scrollWidth,a=0;switch(t){case"horizontal":e.style.width=n+"px",a=setTimeout(()=>{e.style.width="auto"},400);break;case"vertical":e.style.height=r+"px",a=setTimeout(()=>{e.style.height="auto"},400)}clearTimeout(a)};return(0,a.useEffect)(()=>{r?h(c.current):u(c.current),i&&i({height:c.current.scrollHeight,increase:r})},[r]),(0,n.jsx)("div",{ref:c,style:"vertical"===t?{height:"0px",willChange:"height"}:{width:"0px",willChange:"width"},className:"".concat(s||""," overflow-hidden duration-300"),children:l})}},78790:function(e,t,r){r.d(t,{Z:function(){return c}});var n=r(85893),a=r(21384),l=r(9008),i=r.n(l),s=r(67294);let o=(e,t)=>{let r=Number(e),n=Number(t);return Number.isFinite(r)&&r>0?Number.isFinite(n)&&n>0?Math.min(r,n):r:t};function c(e){let{priority:t,id:r,src:l,alt:c,fallbackSrc:h,placeholderSrc:d,className:f,width:g,height:m,title:E,onLoad:v,onClick:x,style:C,loading:p}=e,_=o(g,(0,a.JA)("IMAGE_COMPRESS_WIDTH")),O=(0,a.JA)("IMG_LAZY_LOAD_PLACEHOLDER"),M=(0,s.useRef)(null),[y,N]=(0,s.useState)(t&&l?u(l,_):d||O),[T,w]=(0,s.useState)(!!(t&&l)),R=(0,s.useCallback)(()=>{M.current&&(M.current.src!==h&&h?M.current.src=h:M.current.src!==d&&d?M.current.src=d:M.current.src=O,w(!0),M.current.classList.remove("lazy-image-placeholder"))},[O,h,d]);(0,s.useEffect)(()=>{let e=u(l,_)||O,r=M.current,n=()=>{"function"==typeof v&&v(),w(!0),M.current&&M.current.classList.remove("lazy-image-placeholder")};if(t){let t=new Image;t.src=e,t.onload=()=>{N(e),n(e)},t.onerror=R;return}if(!window.IntersectionObserver){let t=new Image;t.src=e,t.onload=()=>{N(e),n(e)},t.onerror=R;return}let i=new IntersectionObserver(t=>{t.forEach(t=>{if(t.isIntersecting){let r=new Image;"decoding"in r&&(r.decoding="async"),r.src=e,r.onload=()=>{N(e),n(e)},r.onerror=R,i.unobserve(t.target)}})},{rootMargin:(0,a.JA)("LAZY_LOAD_THRESHOLD","200px"),threshold:.1});return r&&i.observe(r),()=>{r&&i.unobserve(r)}},[l,_,t,O,h,R,v,d]);let j={ref:M,src:y,"data-src":l,alt:c||"Lazy loaded image",onLoad:()=>{},onError:R,className:"".concat(f||"").concat(T?"":" lazy-image-placeholder"),style:{aspectRatio:g&&m?"".concat(g," / ").concat(m):void 0,containIntrinsicSize:g||m?void 0:"300px 200px",...C},onClick:x,loading:t?"eager":p||"lazy",decoding:"async",...(0,a.JA)("WEBP_SUPPORT")&&{"data-webp":!0},...(0,a.JA)("AVIF_SUPPORT")&&{"data-avif":!0}};return(r&&(j.id=r),E&&(j.title=E),g&&(j.width=g),m&&(j.height=m),t&&(j.fetchpriority="high"),l)?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("img",{alt:j.alt,...j}),t&&(0,n.jsx)(i(),{children:(0,n.jsx)("link",{rel:"preload",as:"image",href:u(l,_),fetchpriority:"high"})})]}):null}let u=(e,t)=>{var r,n;if(!e)return null;let a=(null===(n=window)||void 0===n?void 0:null===(r=n.screen)||void 0===r?void 0:r.width)||t,l=Number(t),i=Number.isFinite(l)&&l>0?Math.min(a,l):a;return i?e.replace(/width=\d+/,"width=".concat(i)).replace(/w=\d+/,"w=".concat(i)):e}},7835:function(e,t,r){var n=r(85893),a=r(41664),l=r.n(a),i=r(21384);let s=e=>{let{passHref:t,legacyBehavior:r,placeholderSrc:n,fallbackSrc:a,...l}=e;return l},o=e=>{let{placeholderSrc:t,fallbackSrc:r,src:n,alt:a,width:l,height:i,loading:s,decoding:o,onLoad:c,onError:u,...h}=e;return h};t.Z=e=>{let{href:t,children:r,...a}=e,c=(0,i.JA)("LINK"),u="";"string"==typeof t?u=t:"object"==typeof t&&null!==t&&"string"==typeof t.pathname&&(u=t.pathname);let h=u.startsWith("http")&&!u.startsWith(c),d=()=>{var e;let t=new URLSearchParams((null===(e=window.location.search)||void 0===e?void 0:e.slice(1))||""),r={};for(let[e,n]of t.entries())""!==n&&(r[e]=n);return r};if(h){let e="string"==typeof t?t:new URL(t.pathname,c).toString();return(0,n.jsx)("a",{href:e,target:"_blank",rel:"noopener noreferrer",...s(a),children:r})}let f="string"==typeof t?(e=>{if("string"!=typeof e||!e||e.startsWith("#"))return e;let t=d();if(0===Object.keys(t).length)return e;let r=e.startsWith("http://")||e.startsWith("https://"),n=new URL(e,c);
1return(Object.entries(t).forEach(e=>{let[t,r]=e;n.searchParams.has(t)||n.searchParams.set(t,r)}),r)?n.toString():"".concat(n.pathname).concat(n.search).concat(n.hash)})(t):(e=>{if(!e||"object"!=typeof e)return e;let t=d();return 0===Object.keys(t).length?e:{...e,query:{...t,...e.query||{}}}})(t);return(0,n.jsx)(l(),{href:f,...o(a),children:r})}},22559:function(e,t,r){r.r(t);var n=r(85893),a=r(76966),l=r(7835),i=r(36070);t.default=e=>{let{postCount:t,categoryOptions:r,tagOptions:s}=e,{locale:o}=(0,a.Og)(),c=(0,n.jsx)("div",{className:"text-center",children:t}),u=(0,n.jsx)("div",{className:"text-center",children:null==r?void 0:r.length}),h=(0,n.jsx)("div",{className:"text-center",children:null==s?void 0:s.length}),d=[{name:o.COMMON.ARTICLE,href:"/archive",slot:c,show:i.default.MENU_ARCHIVE},{name:o.COMMON.CATEGORY,href:"/category",slot:u,show:i.default.MENU_CATEGORY},{name:o.COMMON.TAGS,href:"/tag",slot:h,show:i.default.MENU_TAG}];for(let e=0;e<d.length;e++)d[e].id!==e&&(d[e].id=e);return(0,n.jsx)("nav",{id:"nav",className:"leading-8 flex justify-center dark:text-gray-200 w-full",children:d.map(e=>e.show?(0,n.jsx)(l.Z,{title:e.name,href:e.href,target:null==e?void 0:e.target,className:"py-1.5 my-1 px-2 duration-300 text-base justify-center items-center cursor-pointer",children:(0,n.jsxs)("div",{className:"w-full items-center justify-center hover:scale-105 duration-200 transform dark:hover:text-red-400 hover:text-red-600",children:[(0,n.jsx)("div",{className:"text-center",children:e.name}),(0,n.jsx)("div",{className:"text-center font-semibold",children:e.slot})]})},"".concat(e.slug)):null)})}},79271:function(e,t,r){r.r(t),r.d(t,{MenuItemCollapse:function(){return s}});var n=r(85893),a=r(91627),l=r(7835),i=r(67294);let s=e=>{var t;let{link:r}=e,[s,o]=(0,i.useState)(!1),c=(null==r?void 0:null===(t=r.subMenus)||void 0===t?void 0:t.length)>0,[u,h]=(0,i.useState)(!1);return r&&r.show?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"w-full px-8 py-3 text-left dark:bg-hexo-black-gray",onClick:()=>{o(!s)},children:[!c&&(0,n.jsx)(l.Z,{href:null==r?void 0:r.href,target:null==r?void 0:r.target,className:"hover:text-[#D2232A] font-extralight flex justify-between pl-2 pr-4 dark:text-gray-200 no-underline tracking-widest pb-1",children:(0,n.jsxs)("span",{className:" transition-all items-center duration-200",children:[(null==r?void 0:r.icon)&&(0,n.jsx)("i",{className:r.icon+" mr-4"}),null==r?void 0:r.name]})}),c&&(0,n.jsxs)("div",{onClick:c?()=>{h(!u)}:null,className:"hover:text-[#D2232A] font-extralight flex items-center justify-between pl-2 pr-4 cursor-pointer dark:text-gray-200 no-underline tracking-widest pb-1",children:[(0,n.jsxs)("span",{className:"transition-all items-center duration-200",children:[(null==r?void 0:r.icon)&&(0,n.jsx)("i",{className:r.icon+" mr-4"}),null==r?void 0:r.name]}),(0,n.jsx)("i",{className:"px-2 fas fa-chevron-left transition-all duration-200 ".concat(u?"-rotate-90":""," text-gray-400")})]})]}),c&&(0,n.jsx)(a.Z,{isOpen:u,onHeightChange:e.onHeightChange,children:r.subMenus.map((e,t)=>{let a=(null==e?void 0:e.href)||(null==e?void 0:e.title)||"submenu-".concat(t);return(0,n.jsx)("div",{className:"dark:bg-black dark:text-gray-200 text-left px-10 justify-start bg-gray-50 hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200 py-3 pr-6",children:(0,n.jsx)(l.Z,{href:e.href,target:null==r?void 0:r.target,children:(0,n.jsxs)("span",{className:"text-sm ml-4 whitespace-nowrap",children:[(null==r?void 0:r.icon)&&(0,n.jsx)("i",{className:e.icon+" mr-2"})," ",e.title]})})},a)})})]}):null}},47673:function(e,t,r){r.r(t),r.d(t,{MenuListSide:function(){return o}});var n=r(85893),a=r(21384),l=r(76966),i=r(36070),s=r(79271);let o=e=>{let{customNav:t,customMenu:r}=e,{locale:o}=(0,l.Og)(),c=[{icon:"fas fa-archive",name:o.NAV.ARCHIVE,href:"/archive",show:i.default.MENU_ARCHIVE},{icon:"fas fa-search",name:o.NAV.SEARCH,href:"/search",show:i.default.MENU_SEARCH},{icon:"fas fa-folder",name:o.COMMON.CATEGORY,href:"/category",show:i.default.MENU_CATEGORY},{icon:"fas fa-tag",name:o.COMMON.TAGS,href:"/tag",show:i.default.MENU_TAG}];t&&(c=t.concat(c));for(let e=0;e<c.length;e++)c[e].id!==e&&(c[e].id=e);return((0,a.JA)("CUSTOM_MENU")&&(c=r),c&&0!==c.length)?(0,n.jsx)("nav",{children:null==c?void 0:c.map(e=>(0,n.jsx)(s.MenuItemCollapse,{link:e},null==e?void 0:e.id))}):null}},1672:function(e,t,r){r.r(t);var n=r(85893),a=r(21384),l=r(78790),i=r(11163),s=r(22559),o=r(47673);t.default=e=>{let{siteInfo:t}=e,r=(0,i.useRouter)();return(0,n.jsxs)("div",{id:"side-bar",children:[(0,n.jsx)("div",{className:"h-52 w-full flex justify-center",children:(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{onClick:()=>{r.push("/")},className:"justify-center items-center flex hover:rotate-45 py-6 hover:scale-105 dark:text-gray-100 transform duration-200 cursor-pointer",children:(0,n.jsx)(l.Z,{src:null==t?void 0:t.icon,className:"rounded-full",width:80,height:80,alt:(0,a.JA)("AUTHOR")})}),(0,n.jsx)(s.default,{...e})]})}),(0,n.jsx)(o.MenuListSide,{...e})]})}},36070:function(e,t,r){r.r(t),t.default={COMMERCE_HOME_BANNER_ENABLE:!0,COMMERCE_TEXT_CENTER_TITLE:"Product Center",COMMERCE_TEXT_CENTER_DESCRIPTION:"The vision of NotionNext is to help you effortlessly and seamlessly build your own website, amplifying the value of your brand.",COMMERCE_TEXT_CENTER_CATEGORY_TITLE:"Product Categories",COMMERCE_TEXT_FOOTER_TITLE:"Contact US",COMMERCE_TEXT_FOOTER_MENU_1:"Product Center",COMMERCE_TEXT_FOOTER_MENU_2:"About US",COMMERCE_FOOTER_RIGHT_IMG_URL:null,COMMERCE_FOOTER_RIGHT_TEXT:null,COMMERCE_HOME_POSTS_COUNT:9,COMMERCE_CONTACT_WHATSAPP_SHOW:!0,COMMERCE_CONTACT_TELEGRAM_SHOW:!0,COMMERCE_ARTICLE_COPYRIGHT:!0,COMMERCE_ARTICLE_NOT_BY_AI:!1}}}]);
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.