https://www.lornajane.com/cdn/shop/t/86/assets/plp-nosto-filter-sl…?v=92840269657200266141790133461

1import{u as o}from"./jsxRuntime.module.BdCR_W1i.min.js";import{A as y,y as b}from"./hooks.module.DPQCO04a.min.js";import{P as N}from"./plp-nosto-filter-panel.ImmdHQ5E.min.js";import{I as v}from"./icon.DsspsfcM.min.js";import{P as A}from"./plp-nosto-selected.D10gxRHp.min.js";import{p as s,c as x}from"./body-scroll-lock.CfXZVYDG.min.js";import{k}from"./preact.module.BHYxSqn9.min.js";import"./plp-nosto-filter-group.BDJKKS4U.min.js";import"./plp-nosto-filter-accordion.CPJDSAm8.min.js";import"./plp-nosto-filter-range.fzmVBl8a.min.js";import"./_commonjsHelpers.Cpj98o6Y.min.js";import"./compat.module.DnHXNsdI.min.js";import"./plp-nosto-filter-items.Cjns7fru.min.js";function B({isFiltering:m,faces:f,selectedFaces:p,setSelectedFaces:i,isMobile:a,totalResult:d,handleToggleFilter:r,applyFilters:e,setCurrentPage:c,handleResetFilters:u,isFilterOpended:t,selectedFacesFlat:l}){const h={transform:a?t?"translateY(0)":"translateY(100%)":t?"translateX(0)":"translateX(-110%)"},n=y(null);return b(()=>{if(!t){s();return}return x(n.current),()=>{s()}},[t]),o(k,{children:[o("div",{onClick:()=>r(!1),className:`bg-opacity-50 fixed top-0 right-0 z-50 h-full w-full background-dark-overlay transition-[opacity,visibility] duration-300 ease-in-out ${t?"visible opacity-100":"invisible opacity-0"}`}),o("div",{className:"scrollbar fixed bottom-0 left-0 z-50 flex h-fit max-h-dvh md:h-dvh w-full flex-col overflow-x-hidden overflow-y-auto background-default transition-transform duration-500 ease-in-out md:w-110",ref:n,style:h,role:"dialog","aria-modal":t,"aria-label":CHROMA_TRANSLATIONS?.collection?.filterModal,children:[o("div",{class:"sticky top-0 z-1 bg-background-default",children:[o("div",{class:"flex flex-wrap items-center justify-between px-3 py-4 md:p-6",children:[o("h2",{class:"body-core-xstrong",children:[CHROMA_TRANSLATIONS?.collection?.filter,l.length>0&&o("span",{"data-selector":"filter-count",class:"ml-2 body-core lowercase empty:hidden",children:[l.length," ",CHROMA_TRANSLATIONS?.collection?.applied]})]}),o("button",{"data-close":!0,type:"button","aria-label":CHROMA_TRANSLATIONS?.collection?.closeFilter,class:"size-4 cursor-pointer",onClick:()=>r(!1),children:o(v,{name:"icon-close",className:"icon-primary size-6",viewBox:"0 0 24 24"})})]}),o(A,{selectedItems:l,setSelectedFaces:i,applyFilters:e,setCurrentPage:c,clearFilter:()=>u(),shouldLimitItems:!0})]}),o(N,{isMobile:a,isFiltering:m,faces:f,selectedFaces:p,setSelectedFaces:i,applyFilters:e,setCurrentPage:c,totalResult:d,handleToggleFilter:r,isFilterOpended:t})]})]})}export{B as P};