https://1x1.systems/_nuxt/products.B9NnDm_y.js

1import{a as r,c as ne,w as F,F as le,G as m,L as g,_ as C,a8 as k,M as ae,u as a,Q as h,P as I,I as re,V as G,am as ie,a0 as ue,$ as ce,X as Q,a9 as j,J as de,T as W,n as J,ad as pe}from"./swiper-vue.iPC35nDh.js";import{v as fe,_ as ve,E as me}from"./entry.2ehg4ZD6.js";import{_ as ge}from"./BouncingDots.CQJZ1P1-.js";const he={key:0,class:"el-sorting-select__label"},_e={class:"el-label"},be={class:"el-sorting-select__inner"},Se={class:"el-sorting-select-input__label"},ye=["onClick"],we=1500,Ce=100,Te={__name:"SortingSelect",props:{modelValue:{type:[Number,String],default:""},size:{type:String,default:"medium",validator:e=>["medium","small"].includes(e)},color:{type:String,default:"dark",validator:e=>["dark","light"].includes(e)},label:{type:[String,Boolean],default:"Select"},chevronIcon:{type:String,default:"arrow-down"},placement:{type:String,default:null,validator:e=>e!=null?["top","bottom"].includes(e):!0},options:{type:Array,default:()=>[],validator:e=>Array.isArray(e)?!0:"[ElSortingSelect] 'options' prop must be an array"}},emits:["update:modelValue","blur","focus","change","closed"],setup(e,{emit:s}){const t=e,n=s,l=r(null),c=r(null),f=r(!1),A=r(!1),$=r(!1),_=r(!1),b=r(!1),S=r(!1),E=r(!1),O=r(!0),v=r(null),i=r(null),N=r(null),d=r(t.options),P=ne(()=>t.modelValue===null||t.modelValue===void 0?{value:null,label:""}:{value:t.modelValue,label:B(t.options.find(o=>y(o)===t.modelValue))});F(()=>t.modelValue,o=>{o&&o!==P.value.value&&(P.value.value=o,P.value.label=B(t.options.find(p=>y(p)===o)))});const V=()=>{i.value=setTimeout(()=>{if(clearTimeout(i.value),f.value)if(d.value.length===0)d.value.push(JSON.parse(JSON.stringify(t.options[0]))),i.value=setTimeout(()=>{V()},0);else{const o=t.options.findIndex(p=>y(p.value)===y(d.value[d.value.length-1]));t.options[o+1]?(d.value.push(JSON.parse(JSON.stringify(t.options[o+1]))),i.value=setTimeout(()=>{V()},0)):S.value=!0}},b.value?Ce:0),b.value=!0},M=o=>{((o==null?void 0:o.children)??!0)&&(b.value=!1,d.value=t.options.map(u=>u)),i.value=setTimeout(()=>{const u=c.value.offsetHeight;if(t.placement)v.value=t.placement;else{const w=l.value.getBoundingClientRect(),L=w.top,oe=window.innerHeight-window.scrollY-w.bottom,U=window.innerHeight-w.bottom,se=U<.35*window.innerHeight;U>=u?v.value="bottom":se&&L>u?v.value="top":v.value=oe>=u?"bottom":"top"}c.value.style.height=u+"px",$.value=!0,i.value=setTimeout(()=>{_.value=!0,d.value=[],i.value=setTimeout(()=>{V()},0)},0)},0)},X=()=>{i.value=setTimeout(async()=>{f.value=!0,n("focus"),await J(),M()},0)},x=()=>{clearTimeout(i.value),f.value=!1,_.value=!1,n("blur"),document.removeEventListener("click",z),window.removeEventListener("scroll",H),window.removeEventListener("resize",R)},Y=()=>{f.value||(_.value=!1,$.value=!1,E.value=!1,b.value=!1,S.value=!1,O.value=!0,d.value=t.options.map(o=>o),clearTimeout(i.value),clearTimeout(N.value),t.placement||(v.value="bottom"),n("closed"))},q=o=>{x(),n("update:modelValue",o),n("change",o)},K=()=>{E.value=!0},Z=()=>{E.value=!1,N.value=setTimeout(()=>{f.value&&!E.value&&x()},we)},D=o=>Object.prototype.toString.call(o).toLowerCase()==="[object object]",B=o=>D(o)?o.label:o,y=o=>D(o)?o.value:o,z=o=>{f.value&&o.target!==c.value&&!o.composedPath().includes(c.value)&&x()},H=async()=>{await J(),M({content:!1})},R=async()=>{await J(),M({content:!1})},ee=()=>{O.value=!1},te=()=>{O.value=!0,c.value.style.height="auto"};return F(_,o=>{o&&(document.addEventListener("click",z),window.addEventListener("scroll",H),window.addEventListener("resize",R))}),le(()=>{clearTimeout(N.value),clearTimeout(i.value)}),(o,p)=>(m(),g("div",{class:G(["el-sorting-select",[`el-sorting-select--${t.color}`,`el-sorting-select--${t.size}`,{"is-open":a(f)}]])},[e.label?(m(),g("div",he,[C("span",_e,k(e.label),1)])):ae("",!0),C("div",be,[C("div",{ref_key:"triggerEl",ref:l,class:"el-sorting-select__input el-sorting-select-input",onClick:X},[C("div",Se,k(a(P).label),1),h(a(fe),{symbol:`icon-${t.chevronIcon}`,class:"icon"},null,8,["symbol"])],512),h(W,{name:"sorting-select-dropdown",onAfterEnter:ee,onBeforeLeave:te,onAfterLeave:Y},{default:I(()=>[re(C("ul",{ref_key:"dropdownEl",ref:c,class:G(["el-sorting-select__dropdown el-sorting-select-dropdown",[{"is-hover":a(S)&&a(A),"is-visible":a(_),"children-visible":a(b),"is-

1positioned":a($),"no-transition":!a(O)},a(v)&&`is-${a(v)}`]]),onMouseenter:K,onMouseleave:Z},[h(ie,{name:"sorting-select-dropdown-item"},{default:I(()=>[(m(!0),g(ue,null,ce(a(d),(u,w)=>(m(),g("li",{key:w,class:"el-sorting-select-dropdown__item",onClick:L=>q(y(u)),onMouseenter:p[0]||(p[0]=L=>A.value=a(S)&&!0),onMouseleave:p[1]||(p[1]=L=>A.value=a(S)&&!1)},[Q(o.$slots,"item-prefix",{option:u}),j(" "+k(B(u)),1)],40,ye))),128))]),_:3})],34),[[de,a(f)]])]),_:3})])],2))}},Ne=Te,Ee={type:"button c-show-more-button",class:"el-button c-show-more-button"},Oe={key:0,class:"el-button__label"},Pe={key:1,class:"el-button__label"},Le={__name:"ShowMoreButton",props:{label:{type:String,default:"Load more"},loading:{type:Boolean,default:!1},icon:{type:String,default:"plus"}},setup(e){return(s,t)=>{const n=ge,l=pe("SvgSprite");return m(),g("button",Ee,[Q(s.$slots,"label",{},()=>[h(W,{name:"fade",duration:"125",mode:"out-in"},{default:I(()=>[e.loading?(m(),g("span",Oe,[j("Loading "),h(n)])):(m(),g("span",Pe,[j(k(e.label),1),h(l,{symbol:`icon-${e.icon}`,class:"icon"},null,8,["symbol"])]))]),_:1})],!0)])}}},Ve=ve(Le,[["__scopeId","data-v-cb219ec2"]]),T=(e,s,t="end",n=!1)=>{if(Array.isArray(e))e.forEach(l=>T(l,s,t,n));else if(typeof e=="object"&&Object.keys(e).length){let l=s.find(c=>c.id===e.id&&c.createdAt===e.createdAt);if(l){l=JSON.parse(JSON.stringify(e));return}t==="end"?s.push(e):s.unshift(e)}else if(n&&(Object.is(e,null)||Object.is(e,void 0)))t==="end"?s.push(e):s.unshift(e);else throw new TypeError(`[useProductsStore] Wrong type, Array or Object is expected. Empty flag: ${n}`)},Me=me("products",{state:()=>({products:[],productsCount:{visible:0,total:0},currentConfiguratorProduct:null,parts:[],partsCount:{visible:0,total:0},partsCategory:"all",configuratorParts:[],currentConfiguratorPart:null,categories:[]}),actions:{saveProductsToStore(e,s={}){if(!e){this.products=[];return}const{replace:t=!1,position:n="end",empty:l=!1}=s;t&&(this.products=[]),T(e,this.products,n,l)},setProductsCounters(e={}){const{visible:s,total:t}=e;this.productsCount.visible=s??this.productsCount.visible,this.productsCount.total=t??this.productsCount.total},setCurrentConfiguratorProduct(e){this.currentConfiguratorProduct=e?JSON.parse(JSON.stringify(e)):null},savePartsToStore(e,s={}){if(!e){this.parts=[];return}const{replace:t=!1,position:n="end",empty:l=!1}=s;t&&(this.parts=[]),T(e,this.parts,n,l)},setPartsCounters(e={}){const{visible:s,total:t}=e;this.partsCount.visible=s??this.partsCount.visible,this.partsCount.total=t??this.partsCount.total},setPartsCategory(e="all"){this.partsCategory=e},saveConfiguratorPartsToStore(e,s={}){if(!e){this.configuratorParts=[];return}const{replace:t=!1,position:n="end",empty:l=!1}=s;t&&(this.configuratorParts=[]),T(e,this.configuratorParts,n,l)},setCurrentConfiguratorPart(e){this.currentConfiguratorPart=e?JSON.parse(JSON.stringify(e)):null},saveCategoriesToStore(e,s={}){if(!e){this.categories=[];return}const{replace:t=!1,position:n="end",empty:l=!1}=s;t&&(this.categories=[]),T(e,this.categories,n,l)}}});export{Ne as _,Ve as a,Me as u};