https://assets.prod.prolicht.at/build/assets/Index-BKXcklLr.js

1import{e as h,p,y as U,z as X,v as q,f as g,a as r,F as G,r as Y,n as L,o as l,u as J,d as K,A as z,b as I,w as C,i as $,q as j,t as V,g as b,c as B,h as ne}from"./app-f0MxXKHs.js";import{_ as ie}from"./MainLayout-B96-eLkP.js";import re from"./HeroBanner-C_v4pIcS.js";import le from"./TextEditorial-CwiUm_7Z.js";import{_ as oe}from"./AnimatedTextLink-DsnC2DO8.js";import{_ as ce}from"./SliderNavigation-nI-7DbmZ.js";import{_ as de}from"./Divider-DG1cs018.js";import{H as ue}from"./HighlightCarousel-CLdUhocp.js";import"./Navbar-DMHio8Os.js";import"./useBodyScrollLock-w5hfWEIa.js";import"./AnimatedButton-Czi8AioW.js";import"./prolicht-logo-HbcALv4O.js";import"./arrow-left-BngrSggS.js";import"./authDrawerStore-Bq0JQWmv.js";import"./sun_small_black-B0caqXi7.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Footer-BXOx7Kek.js";import"./index-xgxdCp6f.js";import"./ScrollTrigger-ak1EnQU5.js";import"./NewsletterSection-C6bwXexv.js";import"./FormField-HMIf5Zys.js";import"./Modal-VZ6uu_1G.js";import"./useDropdownKeyboard-CeBhCJ3m.js";import"./useCountries-C0O9BWyx.js";import"./SimilarProducts.vue_vue_type_style_index_0_scoped_98de564a_lang-VzllH8mO.js";/* empty css                                                                           */import"./DragCursor-CVDHSCaz.js";import"./useToast-D8EC7N1_.js";import"./projectService-BTJ-P8tg.js";import"./InsertCard-BkkzI3X4.js";import"./AddToProjectModal-BNrRajCN.js";import"./unityBuildEncoding-CP-IOcNo.js";import"./AuthDrawer-Bl8vuPJO.js";import"./chevron-right-Dfz1Q8Kz.js";import"./CloseConfigurationModal-DwrCfANC.js";import"./BlockRenderer-BYFJ7Djx.js";import"./useToneText-C7Q3tHnD.js";import"./useImageGallery-DafKlHar.js";const me=["onClick"],pe=["src"],F=107.044,O=212.963,ge={__name:"DesignerImageStrip",props:{designers:{type:Array,required:!0},activeDesignerId:{type:Number,default:null}},emits:["select"],setup(a,{emit:s}){const v=a,W=s,d=c=>{const w=v.designers.findIndex(t=>t.designer?.id===c);w>=0&&W("select",w)},k=F+O,f=h(()=>{const c=[];return v.designers.forEach(w=>{const t=w.designer;!t?.stripPortrait||!t?.stripProduct||(c.push({src:t.stripPortrait,designerId:t.id,isPortrait:!0}),c.push({src:t.stripProduct,designerId:t.id,isPortrait:!1}))}),c}),n=p(null),o=p(0),D=()=>{o.value=n.value?.clientWidth??window.innerWidth},T=h(()=>v.activeDesignerId?v.designers.findIndex(c=>c.designer?.id===v.activeDesignerId):-1),u=h(()=>v.designers.length*k),x=h(()=>{if(o.value===0)return 0;if(u.value<=o.value)return(o.value-u.value)/2;if(T.value<0)return 0;const c=T.value*k+k/2,w=o.value/2-c,t=o.value-u.value;return Math.max(t,Math.min(0,w))});return U(()=>{D(),window.addEventListener("resize",D)}),X(()=>{window.removeEventListener("resize",D)}),q(()=>v.designers.length,()=>{D()}),(c,w)=>(l(),g("div",{ref_key:"stripRef",ref:n,class:"mx-auto w-full max-w-[1600px] overflow-hidden"},[r("div",{class:"flex items-center transition-transform duration-500 ease-in-out",style:L({transform:`translateX(${x.value}px)`})},[(l(!0),g(G,null,Y(f.value,(t,E)=>(l(),g("button",{key:"strip-"+E,type:"button",class:"h-[138.76px] shrink-0 transition-all duration-500 ease-in-out cursor-pointer p-0 border-0 bg-transparent block",style:L({width:(t.isPortrait?F:O)+"px",aspectRatio:t.isPortrait?"27 / 35":"23 / 15",filter:a.activeDesignerId&&t.designerId!==a.activeDesignerId?"grayscale(1)":"grayscale(0)",opacity:a.activeDesignerId&&t.designerId!==a.activeDesignerId?.6:1}),onClick:H=>d(t.designerId)},[r("img",{src:t.src,alt:"",class:"h-full w-full object-cover",loading:"lazy"},null,8,pe)],12,me))),128))],4)],512))}},ve={class:"w-full bg-white"},fe=["onClick"],he={class:"flex items-center gap-1"},xe={key:0,class:"text-dark text-xs font-normal uppercase tracking-[0.12px] leading-[18px]"},we={class:"text-xs uppercase tracking-[0.12px] leading-[18px] whitespace-nowrap text-dark font-normal"},_e={class:"mx-auto max-w-[1600px] px-5 md:px-10 min-[1600px]:px-section-padding"},ye={class:"overflow-hidden"},be={class:"flex flex-col gap-4"},Ie={key:0,class:"text-dark text-xs font-normal uppercase tracking-[0.12px] leading-[18px]"},ke={class:"text-dark text-[32px] font-light leading-[38px] tracking-[-0.96px] md:text-[38px] md:leading-[44px] md:tracking-[-1.14px]"},De={class:"flex flex-col items-start gap-6 md:flex-row md:justify-between md:gap-10"},Te=["innerHTML"],$e={class:"flex justify-end max-w-[1191px] ml-auto"},A=107.044+212.963,We=5e3,Le={__name:"DesignerTabs",props:{designers:{type:Array,required:!0,validator:a=>

1a.length>0},modelValue:{type:Number,default:0}},emits:["update:modelValue"],setup(a,{emit:s}){const{t:v}=J(),{localePath:W}=K(),d=a,k=s,f=h({get:()=>d.modelValue,set:e=>k("update:modelValue",e)}),n=h(()=>d.designers[f.value]?.designer??null),o=p("right"),D=p(0),T=p([]),u=p(null),x=p(null),c=p(0),w=p(0),t=p(0),E=h(()=>d.designers.length*A),H=(e,i)=>{e&&(T.value[i]=e)},R=()=>{const e=T.value[f.value],i=x.value;if(!e||!i)return;c.value=e.offsetLeft,w.value=e.offsetWidth;const _=i.clientWidth,y=E.value;if(y<=_){t.value=(_-y)/2;return}const S=f.value*A+A/2,ae=_/2-S,se=_-y;t.value=Math.max(se,Math.min(0,ae))},N=p(0);let m=null;const P=()=>{m&&clearInterval(m),N.value=0;const e=Date.now();m=setInterval(()=>{const i=Date.now()-e;N.value=Math.min(i/We,1),N.value>=1&&(clearInterval(m),M())},16)},M=()=>{const e=(f.value+1)%d.designers.length;f.value=e,P()},Q=()=>{m&&clearInterval(m),M()},Z=e=>{m&&clearInterval(m),f.value=e,P()},ee=e=>(e??"").replace(/\s*x\s+Prolicht\s*$/i,"").trim(),te=e=>{const i=e.designer;if(!i)return"";const _=ee(i.name),y=(i.productFamily??"").trim();return y?`${_} — ${y}`:_};return q(()=>d.modelValue,(e,i)=>{o.value=e>i?"right":"left",D.value=i,m&&clearInterval(m),P(),z(()=>R())}),U(()=>{P(),z(()=>R()),window.addEventListener("resize",R)}),X(()=>{m&&clearInterval(m),window.removeEventListener("resize",R)}),(e,i)=>(l(),g("div",ve,[r("div",{ref_key:"tabNavWrapperRef",ref:x,class:"mx-auto w-full max-w-[1600px] overflow-hidden"},[r("div",{ref_key:"tabNavRef",ref:u,class:"relative flex items-center py-10 transition-transform duration-500 ease-in-out",style:L({transform:`translateX(${t.value}px)`})},[(l(!0),g(G,null,Y(a.designers,(_,y)=>(l(),g("div",{key:_.id,class:"flex shrink-0 justify-center",style:L({width:A+"px"})},[r("button",{ref_for:!0,ref:S=>H(S,y),class:"flex flex-col items-center gap-0.5 cursor-pointer group",onClick:S=>Z(y)},[r("div",he,[I(j,{"enter-active-class":"transition-all duration-300 ease-out","enter-from-class":"opacity-0 w-0","enter-to-class":"opacity-100 w-auto","leave-active-class":"transition-all duration-200 ease-in","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:C(()=>[y===f.value?(l(),g("span",xe,"✺")):$("",!0)]),_:2},1024),r("span",we,V(te(_)),1)])],8,fe)],4))),128)),r("div",{class:"absolute bottom-10 h-px bg-dark transition-all duration-500 ease-in-out",style:L({left:c.value+"px",width:w.value+"px"})},null,4)],4)],512),r("div",_e,[I(de,{variant:"dark"}),r("div",ye,[I(j,{mode:"out-in","enter-active-class":"transition-all duration-400 ease-out","enter-from-class":o.value==="right"?"opacity-0 translate-x-12":"opacity-0 -translate-x-12","enter-to-class":"opacity-100 translate-x-0","leave-active-class":"transition-all duration-200 ease-in","leave-from-class":"opacity-100 translate-x-0","leave-to-class":o.value==="right"?"opacity-0 -translate-x-12":"opacity-0 translate-x-12"},{default:C(()=>[n.value?(l(),g("div",{key:n.value.id,class:"flex flex-col gap-10 pt-10"},[r("div",be,[n.value.productFamily?(l(),g("span",Ie,V(n.value.productFamily),1)):$("",!0),r("h2",ke,V(n.value.name),1)]),r("div",De,[I(ce,{progress:N.value,"spinner-size":20,variant:"dark",onClick:Q},null,8,["progress"]),n.value.introText?(l(),g("div",{key:0,class:"w-full text-base font-light leading-5 text-dark line-clamp-3 md:flex-1 md:max-w-[881px] min-[1600px]:max-w-[1191px]",innerHTML:n.value.introText},null,8,Te)):$("",!0)]),r("div",$e,[I(oe,{label:b(v)("designer.showcase_link"),href:b(W)(`/get-inspired/our-designers/${n.value.slug}`),variant:"dark",uppercase:!0,"show-star-icon":!1,"underline-style":"partial-right"},null,8,["label","href"])])])):$("",!0)]),_:1},8,["enter-from-class","leave-to-class"])])])]))}},Re=["content"],Ne={key:0,class:"bg-white"},ht={__name:"Index",props:{designers:{type:Array,default:()=>[]},pageSettings:{type:Object,default:()=>({meta:{}})}},setup(a){const{t:s}=J(),{localePath:v}=K(),W=a,d=p(0),k=h(()=>W.designers[d.value]?.designer??null),f=h(()=>k.value?.id??null),n=[{width:338,height:442},{width:414,height:292},{width:259,height:388},{width:521,height:340},{width:338,height:388},{width:414,height:340},{width:259,height:442},{width:521,height:292}],o=h(()=>(k.value?.sliderImages??[]).map((u,x)=>({image:u,title:"",...n[x%n.length]}))),D=h(()=>[{label:s("nav.home","Home"),href:v("/")},{label:s("nav.get_inspired","Get Inspired")},{label:s("designer.hero_title","Our Designers")}]);return(T,u)=>(l(),B(ie,{"footer-variant":"compact","show-colours":!0},{default:C(()=>[I(b(ne),{title:a.pageSettings.meta?.title||b(s)("designer.hero_title")},{default:C(()=>[a.pageSettings.meta?.description?(l(),g("meta",{key:0,name:"description",content:a.pageSettings.meta.description},null,8,Re)):$("",!0)]),_:1},8,["title"]),I(re,{"page-title":b(s)("designer.hero_title"),headline:b(s)("designer.hero_headline"),"background-image":a.pageSettings?.heroImage,"background-image-alt":a.pageSettings?.heroImageAlt,breadcrumbs:D.value,"show-button":!1,"show-navigation":!1},null,8,["page-title","headline","background-image","background-image-alt","breadcrumbs"]),I(le,{title:b(s)("designer.section_title"),"main-text":b(s)("designer.section_headline"),columns:[b(s)("designer.section_body_1"),b(s)("designer.section_body_2")],background:"marble"},null,8,["title","main-text","columns"]),a.designers.length>0?(l(),g("section",Ne,[I(ge,{designers:a.designers,"active-designer-id":f.value,onSelect:u[0]||(u[0]=x=>d.value=x)},null,8,["designers","active-designer-id"]),I(Le,{modelValue:d.value,"onUpdate:modelValue":u[1]||(u[1]=x=>d.value=x),designers:a.designers},null,8,["modelValue","designers"]),o.value.length>

10?(l(),B(ue,{key:0,projects:o.value,"show-header":!1,"show-titles":!1,"show-navigation":!1,alignment:"top",background:"white","padding-top":"lg:pt-20","padding-bottom":"lg:pb-28","show-image-actions":!1},null,8,["projects"])):$("",!0)])):$("",!0)]),_:1}))}};export{ht as default};