https://www.ls.graphics/_next/static/chunks/02f15c4fad1f518e.js?dpl=dpl_81NVd5rQzFehDtyWKUG9hc7joGpH

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,11082,e=>{e.v({accountItemRow:"sidebar-module__Hli8Ta__accountItemRow",allCategoriesDropdown:"sidebar-module__Hli8Ta__allCategoriesDropdown",catalogList:"sidebar-module__Hli8Ta__catalogList",catalogMenuSection:"sidebar-module__Hli8Ta__catalogMenuSection",collapsed:"sidebar-module__Hli8Ta__collapsed",expanded:"sidebar-module__Hli8Ta__expanded",followBlock:"sidebar-module__Hli8Ta__followBlock",followLinks:"sidebar-module__Hli8Ta__followLinks",followText:"sidebar-module__Hli8Ta__followText",hidden:"sidebar-module__Hli8Ta__hidden",infoContainer:"sidebar-module__Hli8Ta__infoContainer",infoText:"sidebar-module__Hli8Ta__infoText",isMobile:"sidebar-module__Hli8Ta__isMobile",itemsWrapper:"sidebar-module__Hli8Ta__itemsWrapper",menuItem:"sidebar-module__Hli8Ta__menuItem",menuItemExpandButton:"sidebar-module__Hli8Ta__menuItemExpandButton",menuItemHeader:"sidebar-module__Hli8Ta__menuItemHeader",menuItemTitle:"sidebar-module__Hli8Ta__menuItemTitle",mutedTitleText:"sidebar-module__Hli8Ta__mutedTitleText",priceInfo:"sidebar-module__Hli8Ta__priceInfo",subscribeInfo:"sidebar-module__Hli8Ta__subscribeInfo",themeSwitcherBox:"sidebar-module__Hli8Ta__themeSwitcherBox",viewAllContainer:"sidebar-module__Hli8Ta__viewAllContainer",viewAllLink:"sidebar-module__Hli8Ta__viewAllLink",visible:"sidebar-module__Hli8Ta__visible"})},39905,e=>{"use strict";var l=e.i(43476),t=e.i(43794),a=e.i(11082),o=e.i(46281),i=e.i(71645),r=e.i(56037),s=e.i(92983),n=e.i(22016),d=e.i(18566),u=e.i(90963),c=e.i(75786),m=e.i(54338),_=e.i(28480),f=e.i(1954),p=e.i(79339),h=e.i(44710);e.s(["default",0,e=>{let{menuItems:v,isMobile:b=!1,onClick:g}=e,[x,w]=(0,i.useState)(null),[j,T]=(0,i.useState)(!0),[P,k]=(0,i.useState)(!1),N=(0,i.useRef)(null),y=(0,d.usePathname)(),S=(0,d.useRouter)(),C=(0,c.useAppDispatch)(),{user:I,authFlow:A,logout:H}=(0,m.useAuth)(),M=!!I;(0,p.default)(N,k,"viewAllButton");let L=async e=>{e?.preventDefault(),C((0,u.closeMobileBurgerMenu)()),await (0,_.openChaportChat)()},G=v.filter(e=>!e.showInDropdown&&!e.hideFromSidebar),E=v.filter(e=>e.showInDropdown),W=G.reduce((e,l)=>(e[l.category]||(e[l.category]=[]),e[l.category].push(l),e),{});return(0,i.useEffect)(()=>{j&&(Object.entries(W).forEach(e=>{let[l,t]=e;t.slice(4).some(e=>y===e.link)&&w(l||"__root")}),T(!1))},[y,W,j]),(0,l.jsxs)("div",{className:(0,t.default)(a.default.catalogList,{[a.default.isMobile]:b}),children:[Object.entries(W).map(e=>{let[i,r]=e,s=i||"__root",n=x===s,d=n?r:r.slice(0,4),u=!n&&r.length>4;return(0,l.jsxs)("div",{className:(0,t.default)(a.default.catalogMenuSection),children:[i&&(0,l.jsx)("div",{className:(0,t.default)(a.default.menuItemHeader),children:(0,l.jsx)("p",{className:(0,t.default)(a.default.menuItemTitle),children:i})}),(0,l.jsx)("div",{className:(0,t.default)(a.default.itemsWrapper,{[a.default.collapsed]:u,[a.default.expanded]:n}),children:d.map((e,i)=>{let r=y===e.link;return(0,l.jsx)("div",{className:(0,t.default)(a.default.menuItem),

1children:(0,l.jsx)(o.default,{icon:e.icon,localIcon:e.localIcon,title:e.title,arrayPoints:e.arrayPoints,link:e.link,fullWidth:!0,isActive:r,onClick:g,badge:e.badge})},`${e.title}-${i}`)})}),!n&&r.length>4&&(0,l.jsx)("button",{className:(0,t.default)(a.default.menuItemExpandButton),onClick:()=>{x===s?w(null):w(s)},children:"expand"})]},i||"root")}),E.length>0?(0,l.jsx)("div",{className:(0,t.default)(a.default.catalogMenuSection),children:(0,l.jsxs)("div",{className:(0,t.default)(a.default.viewAllContainer),ref:N,children:[(0,l.jsx)("button",{id:"viewAllButton",onClick:()=>{k(!P)},className:(0,t.default)(a.default.viewAllLink),children:"View All Categories"}),(0,l.jsx)("div",{className:(0,t.default)(a.default.allCategoriesDropdown,{[a.default.visible]:P,[a.default.hidden]:!P}),children:(0,l.jsx)(f.default,{menuItems:E,enableExpand:!1})})]})}):null,(0,l.jsx)("div",{className:(0,t.default)(a.default.catalogMenuSection),children:(0,l.jsxs)("div",{className:(0,t.default)(a.default.subscribeInfo),children:[(0,l.jsxs)("div",{className:(0,t.default)(a.default.infoContainer),children:[(0,l.jsx)("img",{src:"/subscription.svg",alt:"subscription",width:40,height:40}),(0,l.jsx)("p",{className:(0,t.default)(a.default.infoText),children:"Get access to all our products from $9/month"})]}),(0,l.jsx)(r.default,{title:"Subscribe",fullWidth:!0,onClick:()=>{C((0,u.closeMobileBurgerMenu)()),S.push("/unlimited-access")}})]})}),(0,l.jsx)("div",{className:(0,t.default)(a.default.catalogMenuSection),children:(0,l.jsxs)("div",{className:(0,t.default)(a.default.followBlock),children:[(0,l.jsx)("p",{className:(0,t.default)(a.default.followText),children:"Follow us:"}),(0,l.jsx)("div",{className:(0,t.default)(a.default.followLinks),children:(0,l.jsx)(n.default,{href:"https://instagram.com/lstore_graphics",target:"_blank","aria-label":"Instagram",children:(0,l.jsx)(s.default,{icon:"instagramIcon",size:20,color:"var(--contrastColor)"})})})]})}),(0,l.jsx)("div",{className:(0,t.default)(a.default.catalogMenuSection),children:(0,l.jsxs)("div",{className:(0,t.default)(a.default.accountItemRow),children:[(0,l.jsx)("p",{className:(0,t.default)(a.default.mutedTitleText),children:"Your account"}),M?(0,l.jsx)(n.default,{href:"/profile",children:(0,l.jsx)("p",{className:(0,t.default)(a.default.priceInfo),children:"Profile"})}):(0,l.jsx)("p",{className:(0,t.default)(a.default.priceInfo),style:{cursor:"pointer"},onClick:()=>{C((0,u.closeMobileBurgerMenu)()),A.startLoginScenario()},children:"Sign in / Sign up"}),(0,l.jsx)(n.default,{href:"/terms-of-service",children:(0,l.jsx)("p",{className:(0,t.default)(a.default.priceInfo),children:"Terms of Service"})}),(0,l.jsx)("p",{className:(0,t.default)(a.default.priceInfo),style:{cursor:"pointer"},onClick:L,children:"Support"}),M&&(0,l.jsx)("p",{className:(0,t.default)(a.default.priceInfo),style:{cursor:"pointer"},onClick:()=>{C((0,u.closeMobileBurgerMenu)()),H()},children:"Log out"}),(0,l.jsx)(n.default,{href:"/blog",children:(0,l.jsx)("p",{className:(0,t.default)(a.default.priceInfo),children:"Blog"})}),(0,l.jsx)("div",{className:(0,t.default)(a.default.themeSwitcherBox),children:(0,l.jsx)(h.default,{})})]})})]})}])},89235,e=>{e.v({"breadcrumb-item":"breadcrumbs-module__4ggLMq__breadcrumb-item","breadcrumbs-container":"breadcrumbs-module__4ggLMq__breadcrumbs-container","home-link":"breadcrumbs-module__4ggLMq__home-link"})},45994,e=>{e.v({active:"breadcrumb-module__YihJaa__active","breadcrumb-icon":"breadcrumb-module__YihJaa__breadcrumb-icon","breadcrumb-link":"breadcrumb-module__YihJaa__breadcrumb-link","breadcrumb-wrapper":"breadcrumb-module__YihJaa__breadcrumb-wrapper"})},13162,e=>{"use strict";var l=e.i(43476),t=e.i(89235),a=e.i(43794),o=e.i(45994),i=e.i(22016),r=e.i(57688);let s=e=>{let{image:t,link:s,title:n,active:d,...u}=e,c=(0,l.jsxs)(l.Fragment,{children:[t&&(0,l.jsx)(r.default,{unoptimized:!0,src:t,width:20,height:20,alt:n,className:o.default["breadcrumb-icon"]}),n]});return(0,l.jsx)("div",{className:(0,a.default)(o.default["breadcrumb-wrapper"],d&&o.default.active),...u,children:s?(0,l.jsx)(i.default,{href:s,className:(0,a.default)(o.default["breadcrumb-link"]),"aria-label":n,children:c}):(0,l.jsx)("span",{className:(0,a.default)(o.default["breadcrumb-link"]),children:c})})};var n=e.i(92983);e.s(["default",0,e=>{let{items:o}=e;return(0,l.jsxs)("div",{className:(0,a.default)(t.default["breadcrumbs-container"]),children:[(0,l.jsx)(i.default,{href:"/",className:t.default["home-link"],"aria-label":"Go to home page",children:(0,l.jsx)(n.default,{icon:"breadcrumbHome",size:16})}),(0,l.jsx)(n.default,{icon:"breadcrumbArrow",size:16}),o?.map((e,a)=>(0,l.jsxs)("div",{className:t.default["breadcrumb-item"],children:[(0,l.jsx)(s,{link:e.link,active:e.isActive,title:e.title,image:e.image}),a<o.length-1&&(0,l.jsx)(n.default,{icon:"breadcrumbArrow",size:16})]},e.title))]})}],13162)},47439,e=>{"use strict";var l=e.i(71645);

1function t(e){let[t,a]=(0,l.useState)(null);return(0,l.useEffect)(()=>{if(!e){a(null),localStorage.removeItem("cachedAvatarData"),localStorage.removeItem("cachedAvatarUrl");return}let l=localStorage.getItem("cachedAvatarUrl"),t=localStorage.getItem("cachedAvatarData");if(l===e&&t)return void a(t);let o=!1;return fetch(e).then(e=>e.blob()).then(l=>{let t=new FileReader;t.onloadend=()=>{if(o)return;let l=t.result;localStorage.setItem("cachedAvatarData",l),localStorage.setItem("cachedAvatarUrl",e),a(l)},t.readAsDataURL(l)}).catch(()=>{o||a(e)}),()=>{o=!0}},[e]),t}e.s(["useCachedAvatar",()=>t])},58681,e=>{e.v({centerSection:"header-module__nrpHoW__centerSection",desktopMenu:"header-module__nrpHoW__desktopMenu",fixed:"header-module__nrpHoW__fixed",header:"header-module__nrpHoW__header",headerRoot:"header-module__nrpHoW__headerRoot",headerUserAvatar:"header-module__nrpHoW__headerUserAvatar",hidden:"header-module__nrpHoW__hidden",leftSection:"header-module__nrpHoW__leftSection",logotype:"header-module__nrpHoW__logotype",mobileMenu:"header-module__nrpHoW__mobileMenu",rightSection:"header-module__nrpHoW__rightSection"})},72527,e=>{e.v({"component-container":"homemenu-module__b-Et3a__component-container",menu:"homemenu-module__b-Et3a__menu","menu-item-wrapper":"homemenu-module__b-Et3a__menu-item-wrapper",menuAppear:"homemenu-module__b-Et3a__menuAppear"})},78152,e=>{e.v({menuItemLink:"menuitem-module__ArztkG__menuItemLink"})},55532,e=>{e.v({boubbleContainer:"boubbleContainer-module__NHl-iW__boubbleContainer"})},79086,e=>{e.v({buttonFlat:"buttonflat-module__jTLuAW__buttonFlat",disabled:"buttonflat-module__jTLuAW__disabled"})},2645,e=>{e.v({onlineToolsPreview:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview",onlineToolsPreview__container:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__container",onlineToolsPreview__description:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__description",onlineToolsPreview__icon:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__icon",onlineToolsPreview__image:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__image",onlineToolsPreview__item:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__item",onlineToolsPreview__text:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__text",onlineToolsPreview__title:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__title",onlineToolsPreview__titleBox:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__titleBox"})},20237,e=>{e.v({supportBunner:"supportBunner-module__KJVxrq__supportBunner",supportLink:"supportBunner-module__KJVxrq__supportLink"})},93366,e=>{e.v({saleSystemPopup:"saleSystems-module__3dOaDW__saleSystemPopup",saleSystemPopupClose:"saleSystems-module__3dOaDW__saleSystemPopupClose",saleSystemPopupFlex:"saleSystems-module__3dOaDW__saleSystemPopupFlex",saleSystemPopupIcon:"saleSystems-module__3dOaDW__saleSystemPopupIcon",saleSystemPopupText:"saleSystems-module__3dOaDW__saleSystemPopupText",saleSystemPopupWrapper:"saleSystems-module__3dOaDW__saleSystemPopupWrapper",saleSystemPopupWrapperVisible:"saleSystems-module__3dOaDW__saleSystemPopupWrapperVisible"})},34816,e=>{"use strict";var l=e.i(43476),t=e.i(71645),a=e.i(58681),o=e.i(43794),i=e.i(94164),r=e.i(22016),s=e.i(72527),n=e.i(78152),d=e.i(92983);let u=e=>{let{title:t,link:a,listIcon:i}=e;return(0,l.jsxs)(r.default,{href:a,className:(0,o.default)(n.default.menuItemLink),children:[t,i&&(0,l.jsx)(d.default,{icon:"arrowDown",size:16,color:"var(--color50)"})]})};var c=e.i(55532);let m=e=>{let{children:t,style:a,...i}=e;return(0,l.jsx)("div",{className:(0,o.default)(c.default.boubbleContainer),style:a,...i,children:t})},_=e=>{let{items:a,...i}=e,[r,n]=(0,t.useState)(null),d=()=>{n(null)};return(0,l.jsx)("div",{className:(0,o.default)(s.default.menu),...i,children:a&&a.map((e,t)=>{let a=!!e.nestedComponent;return(0,l.jsxs)("div",{className:s.default["menu-item-wrapper"],onMouseEnter:()=>a&&void n(t),onMouseLeave:d,children:[(0,l.jsx)(u,{title:e.title,link:e.link,listIcon:a}),a&&r===t&&(0,l.jsx)("div",{className:s.default["component-container"],children:(0,l.jsx)(m,{children:e.nestedComponent?.()})})]},e.title)})})};var f=e.i(79086);let p=e=>{let{icon:t,onClick:a,disabled:i,...r}=e;return(0,l.jsx)("button",{type:"button",className:(0,o.default)(f.default.buttonFlat,{[f.default.disabled]:i}),disabled:i,onClick:a,"aria-label":`icon-${t}`,...r,children:t})};var h=e.i(56037),v=e.i(1954),b=e.i(2645);let g=()=>(0,l.jsxs)("div",{className:(0,o.default)(b.default.onlineToolsPreview),children:[(0,l.jsx)(r.default,{target:"_blank",rel:"noopener noreferrer",href:"https://mckp.live/",className:(0,o.default)(b.default.onlineToolsPreview__item),prefetch:!1,children:(0,l.jsx)("div",{className:(0,o.default)(b.default.onlineToolsPreview__item),children:(0,l.jsxs)("div",{className:(0,o.default)(b.default.onlineToolsPreview__container),children:[(0,l.jsx)("video",{src:"/mckplive.webm",className:(0,o.default)(b.default.onlineToolsPreview__image),width:400,height:300,autoPlay:!0,loop:!0,muted:!0,playsInl

1ine:!0}),(0,l.jsxs)("div",{className:(0,o.default)(b.default.onlineToolsPreview__titleBox),children:[(0,l.jsx)("img",{src:"/mckpLiveLogo.svg",alt:"onlineToolsPreview_icon",className:(0,o.default)(b.default.onlineToolsPreview__icon),width:48,height:48}),(0,l.jsxs)("div",{className:(0,o.default)(b.default.onlineToolsPreview__text),children:[(0,l.jsxs)("p",{className:(0,o.default)(b.default.onlineToolsPreview__title),children:["mckp.live ",(0,l.jsx)("span",{children:"beta"})]}),(0,l.jsx)("p",{className:(0,o.default)(b.default.onlineToolsPreview__description),children:"Embedeable and video mockups"})]})]})]})})}),(0,l.jsx)(r.default,{target:"_blank",rel:"noopener noreferrer",href:"https://www.figma.com/community/plugin/817043359134136295/mockup-plugin-devices-mockups-print-mockups-warp-and-distort-transformation",className:(0,o.default)(b.default.onlineToolsPreview__item),prefetch:!1,children:(0,l.jsxs)("div",{className:(0,o.default)(b.default.onlineToolsPreview__container),children:[(0,l.jsx)("img",{src:"https://ls-graphics-directus-direct.b-cdn.net/assets/2d5b9fd9-af80-458c-b164-32ac830b1cff?width=800&format=webp&quality=70",alt:"onlineToolsPreview",className:(0,o.default)(b.default.onlineToolsPreview__image),width:400,height:300}),(0,l.jsxs)("div",{className:(0,o.default)(b.default.onlineToolsPreview__titleBox),children:[(0,l.jsx)("img",{src:"/preview_icon_1.png",alt:"onlineToolsPreview_icon",className:(0,o.default)(b.default.onlineToolsPreview__icon),width:48,height:48}),(0,l.jsxs)("div",{className:(0,o.default)(b.default.onlineToolsPreview__text),children:[(0,l.jsx)("p",{className:(0,o.default)(b.default.onlineToolsPreview__title),children:"Mockup Plugin for Figma"}),(0,l.jsx)("p",{className:(0,o.default)(b.default.onlineToolsPreview__description),children:"Huge collection of devices mockup in Figma"})]})]})]})}),(0,l.jsx)(r.default,{target:"_blank",rel:"noopener noreferrer",href:"https://colorflow.ls.graphics/",className:(0,o.default)(b.default.onlineToolsPreview__item),prefetch:!1,children:(0,l.jsxs)("div",{className:(0,o.default)(b.default.onlineToolsPreview__container),children:[(0,l.jsx)("img",{src:"https://ls-graphics-directus-direct.b-cdn.net/assets/f8164e13-3b9e-4830-bee3-3b715b7a5b6b?width=800&format=webp&quality=70",alt:"onlineToolsPreview",className:(0,o.default)(b.default.onlineToolsPreview__image),width:400,height:300}),(0,l.jsxs)("div",{className:(0,o.default)(b.default.onlineToolsPreview__titleBox),children:[(0,l.jsx)("img",{src:"/colorFlowIconNew.png",alt:"onlineToolsPreview_icon",className:(0,o.default)(b.default.onlineToolsPreview__icon),width:48,height:48}),(0,l.jsxs)("div",{className:(0,o.default)(b.default.onlineToolsPreview__text),children:[(0,l.jsx)("p",{className:(0,o.default)(b.default.onlineToolsPreview__title),children:"ColorFlow"}),(0,l.jsx)("p",{className:(0,o.default)(b.default.onlineToolsPreview__description),children:"Free powerful gradient mesh generator"})]})]})]})})]});var x=e.i(75786),w=e.i(90963),j=e.i(39211),T=e.i(54338),P=e.i(47439),k=e.i(37345),N=e.i(18566),y=e.i(20237),S=e.i(28480);function C(e){let l=(e||"").trim().replace(/^#/,"");return/^([\da-f]{3}|[\da-f]{6}|[\da-f]{8})$/i.test(l)?`#${l}`:null}let I=function(e){let{show:t=!1,html:a="",hex:i="",hexText:r=""}=e;if(!t||!a)return null;let s=async e=>{let l=e.target;l?.closest("[data-support-link]")&&(e.preventDefault(),await (0,S.openChaportChat)())},n=C(i),d=C(r);return(0,l.jsx)("div",{className:(0,o.default)(y.default.supportBunner),style:{background:n||"var(--colorAccent)",color:d||"var(--always-black)"},onClick:s,dangerouslySetInnerHTML:{__html:a.split(/(<[^>]*>)/).map(e=>e.startsWith("<")?e:e.replace(RegExp("support team","gi"),e=>`<button type="button" class="${y.default.supportLink}" data-support-link>${e}</button>`)).join("")}})};var A=e.i(13375);e.i(47167);var H=e.i(93366);let M=function(e){let{show:a,text:i,iconImage:r,onClick:s,headerHeight:n=0,isHeaderHidden:u=!1,isHeaderFixed:c=!1}=e,[m,_]=(0,t.useState)(a),[f,p]=(0,t.useState)(!1),[h,v]=(0,t.useState)(!1),b=(0,t.useRef)(!1),[g,x]=(0,t.useState)(!1);(0,t.useEffect)(()=>

1{if(a&&!h){_(!0);let e=requestAnimationFrame(()=>{p(!0)});return()=>{cancelAnimationFrame(e)}}p(!1)},[a,h]),(0,t.useEffect)(()=>{if(f||a&&!h)return;let e=setTimeout(()=>{_(!1)},300);return()=>{clearTimeout(e)}},[f,a,h]),(0,t.useEffect)(()=>{let e=window.matchMedia("(max-width: 768px)"),l=e=>{x(e.matches)};return(x(e.matches),"function"==typeof e.addEventListener)?(e.addEventListener("change",l),()=>{e.removeEventListener("change",l)}):(e.addListener(l),()=>{e.removeListener(l)})},[]);let w=g&&(c||u)&&(n>0||u);return m?(0,l.jsx)("div",{className:(0,o.default)(H.default.saleSystemPopupWrapper,{[H.default.saleSystemPopupWrapperVisible]:f}),style:w?{top:u?0:n,left:0}:void 0,children:(0,l.jsxs)("div",{className:(0,o.default)(H.default.saleSystemPopupFlex),children:[(0,l.jsxs)("div",{className:(0,o.default)(H.default.saleSystemPopup),children:[r&&(0,l.jsx)("img",{src:`https://ls-graphics-directus-direct.b-cdn.net/assets/${r}`,className:(0,o.default)(H.default.saleSystemPopupIcon),alt:"sale-system-icon"}),i&&(0,l.jsx)("p",{className:(0,o.default)(H.default.saleSystemPopupText),onClick:()=>{if(!b.current){b.current=!0;try{s()}finally{setTimeout(()=>{b.current=!1},0)}}},children:i})]}),(0,l.jsx)("div",{className:(0,o.default)(H.default.saleSystemPopupClose),onClick:()=>{h||(p(!1),v(!0))},children:(0,l.jsx)(d.default,{icon:"closeSimple",size:16,color:"var(--background)"})})]})}):null};var L=e.i(82039);e.s(["default",0,e=>{let{isHideble:s=!1,hideHeader:n=!1,alwaysFixed:u=!1,mockupsMenuItems:c,hideSupportBanner:m=!1,externallyFixed:f=!1,externallyHidden:b}=e,{user:y,authFlow:S}=(0,T.useAuth)(),C=(0,P.useCachedAvatar)(y?.photoURL),{hasActiveSubscriptions:H,loading:G}=(0,k.useMembership)(),{data:E}=(0,A.useGetSupportBunnerQuery)(),{saleSystem:W}=(0,L.useSaleSystem)(),B=(0,x.useAppSelector)(e=>e.ui.isMobileBurgerOpen),[R,F]=(0,t.useState)(!0),q=(0,t.useRef)(0),z=(0,t.useRef)(null),D=(0,t.useRef)(null),[U,Q]=(0,t.useState)(0),$=(0,x.useAppDispatch)(),K=(0,N.useRouter)(),O=(0,N.usePathname)(),Y=!!(O&&O.startsWith("/profile")),V=()=>{$((0,w.openSearchModal)())},J=[{title:"Products",link:"/mockups",nestedComponent:()=>t.default.createElement(v.default,{menuItems:c?c.filter(e=>""!==e.category&&!e.showInDropdown):i.catalogMenuProducts})},{title:"Online Tools",link:"#",nestedComponent:()=>t.default.createElement(g,{menuItems:i.catalogMenuProducts})},{title:"Free Mockups",link:"/free-mockups"},{title:"Edit Online",link:"/mockups/edit-online"}];(0,t.useEffect)(()=>{if(!s)return void F(!0);let e=()=>{let e=window.scrollY;e>q.current&&e>100?F(!1):e<q.current&&F(!0),q.current=e<=0?0:e};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[s]);let X=n||s&&!R,Z=s||n||u,ee=Z||f;(0,t.useEffect)(()=>{let e=document.documentElement,l=D.current,t=z.current;if(!l||!t)return;if(!ee)return e.style.setProperty("--header-offset","0px"),e.style.setProperty("--banner-offset","0px"),()=>{e.style.removeProperty("--header-offset"),e.style.removeProperty("--banner-offset")};let a=()=>{let a=l.getBoundingClientRect().height,o=t.getBoundingClientRect().height;Q(a),e.style.setProperty("--header-offset",`${Math.round(a)}px`),e.style.setProperty("--banner-offset",`${Math.max(0,Math.round(a-o))}px`)};a();let o=new ResizeObserver(a);return o.observe(l),o.observe(t),()=>{o.disconnect(),e.style.removeProperty("--header-offset"),e.style.removeProperty("--banner-offset")}},[ee]);let el="boolean"==typeof b?b:X;return(0,l.jsxs)("div",{ref:D,className:(0,o.default)(a.default.headerRoot,{[a.default.fixed]:Z,[a.default.hidden]:X}),children:[(0,l.jsx)(I,{show:!!E?.show&&!m&&!Y,html:E?.Text||"",hex:E?.HEX||"",hexText:E?.Hex_text||""}),(0,l.jsxs)("div",{ref:z,className:(0,o.default)(a.default.header),children:[(0,l.jsxs)("div",{className:(0,o.default)(a.default.leftSection),children:[(0,l.jsx)(r.default,{href:"/","aria-label":"LS Graphics Highest quality mockups for graphic and UI designers",children:(0,l.jsx)(j.default,{size:32,bgColor:"var(--logo-overlay)",contentColor:"var(--logo-contur)"})}),(0,l.jsx)("div",{className:(0,o.default)(a.default.desktopMenu),children:(0,l.jsx)(_,{items:J})})]}),(0,l.jsxs)("div",{className:(0,o.default)(a.default.rightSection),children:[y&&(G||!1!==H)?null:(0,l.jsx)(h.default,{title:(0,l.jsx)("p",{children:"Get all from $9/mo"}),onClick:()=>K.push("/unlimited-access"),icon:(0,l.jsx)(d.default,{icon:"like",size:24,color:"var(--contrastColor)"})}),(0,l.jsx)(p,{icon:(0,l.jsx)(d.default,{icon:"search",size:24,color:"var(--contrastColor)"}),onClick:V}),y?(0,l.jsx)(r.default,{href:"/profile","aria-label":"Go to profile",children:(0,l.jsx)("div",{className:(0,o.default)(a.default.headerUserAvatar),style:C?{padding:0}:void 0,children:C?(0,l.jsx)("img",{src:C,alt:"Avatar",style:{width:"100%",height:"100%",borderRadius:"var(--spacing-8)",objectFit:"cover"}}):y.email?.[0]??"U"})}):(0,l.jsx)(p,{icon:(0,l.jsx)(d.default,{icon:"login",size:24,color:"var(--contrastColor)"}),onClick:()=>{S.startLoginScenario()}})]}),(0,l.jsxs)("div",{className:(0,o.default)(a.default.mobileMenu),children:[(0,l.jsx)(p,{icon:(0,l.jsx)(d.default,{icon:"search",size:24,color:"var(--contrastColor)"}),onClick:V}),B?(0,l.jsx)(p,{icon:(0,l.jsx)(d.default,{icon:"closeSimple",size:24,color:"var(--contrastColor)"}),onClick:()=>{$((0,w.closeMobileBurgerMenu)())}}):(0,l.jsx)(p,{icon:(0,l.jsx)(d.default,{icon:"burgerMenu",size:24,color:"var(--contrastColor)"}),onClick:()=>{$((0,w.openMobileBurgerMenu)())}})]})]}),W&&(0,l.jsx)("div",{className:(0,o.default)(a.default.centerSection),children:(0,l.jsx)(M,{show:!0,text:W.title,iconImage:W.icon,onClick:()=>{$((0,w.openSaleSystemModal)())},headerHeight:ee?U:0,isHeaderHidden:el,isHeaderFixed:ee})})]})}],34816)},38315,e=>{e.v({darkActive:"themeSwither-module__G786nG__darkActive",themeToggleElement:"themeSwither-module__G786nG__themeToggleElement",themeToogleBox:"themeSwither-module__G786nG__themeToogleBox"})},44710,58320,e=>{"use strict";var l=e.i(43476),t=e.i(43794),a=e.i(71645),o=e.i(8093);let i=()=>{let e=(0,a.useContext)(o.ThemeContext);if(!e)throw Error("useTheme must be used within a ThemeProvider");return e};e.s(["useTheme",0,i],58320);var r=e.i(38315),s=e.i(92983);function n(){let{theme:e,toggleTheme:a}=i(),o=e=>{a(e?"dark":"light")};return(0,l.jsxs)("div",{className:(0,t.default)(r.default.themeToogleBox,{[r.default.darkActive]:"dark"===e}),children:[(0,l.jsx)("div",{onClick:()=>o(!1),className:(0,t.default)(r.default.themeToggleElement),children:(0,l.jsx)(s.default,{icon:"lightTheme",size:20,color:"var(--contrastColor)"})}),(0,l.jsx)("div",{onClick:()=>o(!0),className:(0,t.default)(r.default.themeToggleElement),children:(0,l.jsx)(s.default,{icon:"darkTheme",size:20,color:"var(--contrastColor)"})})]})}e.s(["default",()=>n],44710)},79339,e=>{"use strict";var l=e.i(71645);e.s(["default",0,function(e,t,a){(0,l.useEffect)(()=>{let l=l=>{!e.current||e.current.contains(l.target)||l.target.closest(`#${a}`)||t(!1)};return document.addEventListener("mousedown",l),document.addEventListener("touchstart",l),()=>{document.removeEventListener("mousedown",l),document.removeEventListener("touchstart",l)}},[e,t,a])}])},21231,e=>{e.v({catalogPage:"mockupsPage-module__lQ1-bG__catalogPage",hidde:"mockupsPage-module__lQ1-bG__hidde",hideableHeader:"mockupsPage-module__lQ1-bG__hideableHeader",itemSlideIn:"mockupsPage-module__lQ1-bG__itemSlideIn",loadMoreTrigger:"mockupsPage-module__lQ1-bG__loadMoreTrigger",loadingIndicator:"mockupsPage-module__lQ1-bG__loadingIndicator",mainContainer:"mockupsPage-module__lQ1-bG__mainContainer",noResultText:"mockupsPage-module__lQ1-bG__noResultText",paddingForHeader:"mockupsPage-module__lQ1-bG__paddingForHeader",paddingForHeaderWithBanner:"mockupsPage-module__lQ1-bG__paddingForHeaderWithBanner",pageContainer:"mockupsPage-module__lQ1-bG__pageContainer",pagination:"mockupsPage-module__lQ1-bG__pagination",productGrid:"mockupsPage-module__lQ1-bG__productGrid",productGridProducts:"mockupsPage-module__lQ1-bG__productGridProducts",productsFilterContainer:"mockupsPage-module__lQ1-bG__productsFilterContainer",productsPageHeading:"mockupsPage-module__lQ1-bG__productsPageHeading",saleSystemActive:"mockupsPage-module__lQ1-bG__saleSystemActive",specialPadding:"mockupsPage-module__lQ1-bG__specialPadding",stickyFilter:"mockupsPage-module__lQ1-bG__stickyFilter",tabHidden:"mockupsPage-module__lQ1-bG__tabHidden"})},42416,e=>{"use strict";function l(e,l,t){let a=(e??[]).map(e=>{if(null==e)return null;if("string"==typeof e)return e;if("object"==typeof e){if("directus_files_id"in e){let l=e.directus_files_id;return"string"==typeof l?l:l&&"object"==typeof l&&"id"in l&&l.id?l.id:null}

1if("id"in e&&e.id)return e.id}return null}).filter(e=>!!e).map(e=>`${l}/assets/${e}`);return a.length>0?a:t?[`${l}/assets/${t}`]:[]}e.s(["mapAssetImagesToUrls",()=>l])},12922,e=>{e.v({box:"checkbox-module__FcXZRq__box",disabled:"checkbox-module__FcXZRq__disabled",icon:"checkbox-module__FcXZRq__icon",input:"checkbox-module__FcXZRq__input",wrapper:"checkbox-module__FcXZRq__wrapper"})},70841,e=>{"use strict";var l=e.i(43476),t=e.i(12922),a=e.i(43794),o=e.i(92983);e.s(["default",0,e=>{let{checked:i,id:r,disabled:s=!1,onChange:n}=e;return(0,l.jsxs)("label",{className:(0,a.default)(t.default.wrapper,s&&t.default.disabled),children:[(0,l.jsx)("input",{type:"checkbox",className:t.default.input,disabled:s,checked:i,id:r,"aria-label":"checkbox",onChange:e=>{n(e.target.checked)}}),(0,l.jsx)("span",{className:t.default.box,"aria-hidden":"true",children:(0,l.jsx)(o.default,{icon:"checked",color:"var(--contrastColor)",size:16,className:t.default.icon})})]})}])},55724,e=>{e.v({alignRight:"dropdown-module__4AKm9q__alignRight",arrowIcon:"dropdown-module__4AKm9q__arrowIcon",disabled:"dropdown-module__4AKm9q__disabled",dropdownHeader:"dropdown-module__4AKm9q__dropdownHeader",dropdownItem:"dropdown-module__4AKm9q__dropdownItem",dropdownList:"dropdown-module__4AKm9q__dropdownList",dropdownSelectedValue:"dropdown-module__4AKm9q__dropdownSelectedValue",dropdownWrapper:"dropdown-module__4AKm9q__dropdownWrapper",fullWidth:"dropdown-module__4AKm9q__fullWidth",mainIcon:"dropdown-module__4AKm9q__mainIcon",multi:"dropdown-module__4AKm9q__multi",optionIcon:"dropdown-module__4AKm9q__optionIcon"})},56944,e=>{"use strict";var l=e.i(43476),t=e.i(55724),a=e.i(43794),o=e.i(71645),i=e.i(92983),r=e.i(70841);e.s(["default",0,e=>{let{disabled:s,options:n,onChange:d,value:u,placeholder:c="Select",variant:m="default",fullWidth:_,multi:f=!1}=e,[p,h]=(0,o.useState)(!1),v=(0,o.useRef)(null),b=(0,o.useRef)(null),[g,x]=(0,o.useState)(!1),w=f||"string"!=typeof u&&"number"!=typeof u?void 0:n.find(e=>e.id===u),j=f&&Array.isArray(u)?n.filter(e=>u.includes(e.id)):[];return(0,o.useEffect)(()=>{let e=e=>{v.current&&!v.current.contains(e.target)&&h(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),(0,o.useEffect)(()=>{if(!p)return void x(!1);let e=()=>{b.current&&(b.current.getBoundingClientRect().right>window.innerWidth?x(!0):x(!1))};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[p]),(0,l.jsxs)("div",{className:(0,a.default)(t.default.dropdownWrapper,_&&t.default.fullWidth),ref:v,children:[(0,l.jsxs)("button",{type:"button",className:(0,a.default)(t.default.dropdownHeader,{[t.default.disabled]:s},_&&t.default.fullWidth),onClick:()=>{s||h(!p)},disabled:s,children:[(0,l.jsxs)("div",{className:(0,a.default)(t.default.dropdownSelectedValue),children:[(()=>{if(f||"no-icons"===m)return null;let e=w?.iconName,o=!!e;return("default"===m?(e||(e="dropdownIcon"),o=!0):"icons-everywhere"===m&&(o=!!e),o&&e)?(0,l.jsx)(i.default,{icon:e,size:16,className:(0,a.default)(t.default.mainIcon)}):null})(),(0,l.jsx)("span",{children:f?j.map(e=>e.title).join(", ")||c:w?.title||c})]}),(0,l.jsx)(i.default,{icon:p?"arrowUp":"arrowDown",size:16,color:"var(--colo50)",className:(0,a.default)(t.default.arrowIcon)})]}),p&&(0,l.jsx)("ul",{ref:b,className:(0,a.default)(t.default.dropdownList,f&&t.default.multi,g&&t.default.alignRight),children:n.map(e=>{let o=!!(f&&Array.isArray(u))&&u.includes(e.id),s=!f&&"no-icons"!==m&&e.iconName;return(0,l.jsxs)("li",{className:(0,a.default)(t.default.dropdownItem),onClick:()=>(e=>{if(f){let l=Array.isArray(u)?u.slice():[];d(l.includes(e.id)?l.filter(l=>l!==e.id):[...l,e.id])}else d(e.id),h(!1)})(e),children:[f?(0,l.jsx)(r.default,{checked:o,onChange:()=>{}}):s?(0,l.jsx)(i.default,{icon:e.iconName,size:16,className:(0,a.default)(t.default.optionIcon)}):null,(0,l.jsx)("span",{children:e.title})]},e.id)})})]})}])}]);