https://www.schyns.de/_nuxt/Dpbt6k_G.js

1import{d as B,w as P,c as h,e as $,a8 as F,i as n,r as x,s as D,y as j,z as N,p as U,o as O,b as R,f as t,G as T,ax as z,g,_ as G,k as V,t as s,n as _,j as L,m as H,h as W,A as J}from"./DOIFZkks.js";import{_ as Q}from"./BY6mZUs6.js";const X=["src"],Y=B({__name:"VideoOfImages",props:{path:{},imagesCount:{},active:{type:Boolean,default:!1}},setup(r,{expose:I}){const w=x(null),d=r,c=D({progress:0,images:[],isLoaded:!1});let m=!1;const p=j(()=>{const l=Math.round(c.progress);return c.images[l]?.src||""});function i(){if(m)return;m=!0;let l=0;for(let u=0;u<d.imagesCount;u++){const b=new Image;b.src=`${d.path}`+u.toString().padStart(3,"0")+".webp",c.images.push(b),b.onload=()=>{l++,l===d.imagesCount&&(c.isLoaded=!0)}}}P(()=>d.active,l=>{l&&i()},{immediate:!0});function S(l){const u=Math.min(Math.max(l,0),100);c.progress=u/100*(d.imagesCount-1)}function M(l){const b=Math.min(Math.max(l,0),100)/100*(d.imagesCount-1);N.to(c,{progress:b,duration:2.5})}return I({setTo:S,state:c,moveTo:M,load:i}),(l,u)=>(h(),$("img",{ref_key:"imageElement",ref:w,class:"aspect-video object-cover w-full",src:n(p)||void 0,alt:"",style:F({opacity:n(c).isLoaded?1:0})},null,12,X))}}),y=U("/img/lichtschalter.png"),Z={class:"px-container"},ee={class:"base-grid max-lg:gap-0"},te={class:"col-span-12 lg:h-[150vh] max-lg:order-2"},ie={class:"py-vw-8-to-16 max-lg:pb-0 sticky top-0 max-h-svh flex w-full"},ne={class:"grow flex overflow-hidden lg:aspect-video flex-col"},ae={class:"absolute inset-0 z-0 flex items-center justify-center bg-black/10 pointer-events-none","aria-hidden":"true"},oe={class:"absolute hidden lg:flex w-1/4 top-vw-3-to-6 right-vw-3-to-6 backdrop-brightness-125 backdrop-contrast-75 backdrop-blur-2xl rounded-sm p-vw-4-to-8 border border-white/20 flex-col gap-vw-3-to-6 text-pearl"},se={class:"text-custom-navbar flex justify-between"},le=["aria-pressed"],re=["aria-pressed"],ce=["aria-pressed"],de={class:"lg:absolute max-lg:bg-dark-brown bottom-0 px-vw-3-to-6 w-full"},ue={class:"controls px-vw-3-to-6 pb-vw-2-to-3 max-lg:mt-vw-4-to-8 mb-vw-10-to-20 lg:bg-white/10 lg:backdrop-blur-2xl text-white rounded-md"},ve=["aria-label","aria-valuetext"],ge={class:"flex mt-vw-1-to-2"},me={class:"ml-auto"},pe={class:"col-span-12 flex lg:hidden w-full top-vw-3-to-6 bg-dark-brown p-8 border border-white/20 max-lg:border-0 flex-col gap-6 text-pearl max-lg:order-3"},be={class:"mb-vw-2-to-4 text-custom-intro max-lg:flex max-lg:justify-between"},fe=["aria-pressed"],he=["aria-pressed"],xe=["aria-pressed"],we={key:0,class:"col-span-12 base-grid mt-vw-6-to-12 lg:mt-vw-3-to-6 max-lg:order-1 max-lg:mt-0 max-lg:mb-vw-6-to-12"},ke={class:"col-span-12 lg:col-span-4"},Ve={key:0,class:"text-custom-h2 font-alternative mb-[1.5em]"},_e={key:1,class:"text-grey"},ye={class:"col-span-12 lg:col-start-8 lg:col-span-5 mt-vw-6-to-12 lg:mt-0"},$e={key:0,class:"text-grey mb-[1.5em]"},Se=B({__name:"LightingSliderImage",props:{headline:{},text:{},secondText:{},cta:{}},setup(r){const I=x(null),w=x(null),d=x(null),c=x(null),m=x(null),p=x(null),i=D({activeVideo:"standard",currentPercentage:0,kelvinValue:2e3}),S=j(()=>{switch(i.activeVideo){case"examination":return c.value;case"ambient":return m.value;case"night":return p.value;default:return d.value}}),M=j(()=>!!S.value&&!S.value.state.isLoaded),l=[{percentage:0,kelvin:2e3},{percentage:17.3,kelvin:6500},{percentage:21.3,kelvin:16e3},{percentage:29.7,kelvin:16e3},{percentage:40,kelvin:1e4},{percentage:48,kelvin:6500},{percentage:63.6,kelvin:3e3},{percentage:80,kelvin:1800},{percentage:100,kelvin:1800}];function u(a){const e=a.target,o=parseFloat(e.value);i.currentPercentage=o,i.kelvinValue=b(o),d.value&&c.value&&m.value&&p.value&&(d.value.setTo(o),c.value.setTo(o),m.value.setTo(o),p.value.setTo(o))}function b(a){for(let e=0;e<l.length-1;e++){const o=l[e],v=l[e+1];if(a>=o.percentage&&a<=v.percentage){const K=(a-o.percentage)/(v.percentage-o.percentage);return Math.round(o.kelvin+K*(v.kelvin-o.kelvin))}}return l[l.length-1].kelvin}const q=j(()=>Math.floor(i.currentPercentage/100*16+7)+":"+String(Math.floor((i.currentPercentage/100*16+7)%1*60)).padStart(2,"0"));function E(){return(new Date().getHours()+new Date().getMinutes()/60-7)/16*100}function A(){const a=E(),e=2.5,o=i.activeVideo==="night"?86:a;

1N.to(w.value,{duration:e,value:o,onUpdate:()=>{u({target:w.value})}})}let k=null;function f(a){a===i.activeVideo?i.activeVideo="standard":i.activeVideo=a,k?.(),k=null;const e=S.value;if(!e||e.state.isLoaded){A();return}k=P(()=>e.state.isLoaded,o=>{o&&(k?.(),k=null,A())})}return O(()=>{N.timeline({scrollTrigger:{trigger:I.value,start:"top bottom",end:"bottom bottom"}}).to(i,{onStart:()=>{w.value&&(u({target:0}),f("standard"))}});{const e=()=>{d.value?.load(),c.value?.load(),m.value?.load(),p.value?.load()};"requestIdleCallback"in window?window.requestIdleCallback(e,{timeout:5e3}):setTimeout(e,3e3)}}),R(()=>{k?.()}),(a,e)=>{const o=Y,v=G,K=Q;return h(),$("div",Z,[t("div",ee,[t("div",te,[t("div",ie,[t("div",ne,[t("div",{ref_key:"container",ref:I,class:"image-wrapper aspect-video relative"},[T(g(o,{ref_key:"videoStandard",ref:d,class:"img-video-element",path:"/video/hcl/standard/s130_film_standard_1","images-count":225,active:n(i).activeVideo==="standard"},null,8,["active"]),[[z,n(i).activeVideo==="standard"]]),T(g(o,{ref_key:"videoAmbient",ref:m,class:"img-video-element",path:"/video/hcl/ambient/s130_film_ambientelicht_1","images-count":225,active:n(i).activeVideo==="ambient"},null,8,["active"]),[[z,n(i).activeVideo==="ambient"]]),T(g(o,{ref_key:"videoExamination",ref:c,class:"img-video-element",path:"/video/hcl/untersuchung/s130_film_untersuchungslicht_1","images-count":225,active:n(i).activeVideo==="examination"},null,8,["active"]),[[z,n(i).activeVideo==="examination"]]),T(g(o,{ref_key:"videoNight",ref:p,class:"img-video-element",path:"/video/hcl/nacht/s130_film_nachtlicht_1","images-count":225,active:n(i).activeVideo==="night"},null,8,["active"]),[[z,n(i).activeVideo==="night"]]),T(t("div",ae,[...e[6]||(e[6]=[t("span",{class:"loading-spinner"},null,-1)])],512),[[z,n(M)]]),t("div",oe,[t("div",se,[t("span",null,[g(v,{icon:"bulb",class:"size-[1em] inline-block"}),V(" "+s(n(i).activeVideo==="ambient"?"2700 K":n(i).activeVideo==="examination"?"4000 K":n(i).activeVideo==="night"?a.$t("components.lighting-slider.mintgruen"):n(i).kelvinValue+" K"),1)]),e[7]||(e[7]=V("    ",-1)),t("span",null,[g(v,{icon:"clock",class:"size-[1em] inline-block"}),V(" "+s(n(q))+" "+s(a.$t("components.lighting-slider.clock-suffix")),1)])]),t("button",{type:"button",class:"flex gap-vw-3-to-6 w-full cursor-pointer focus-visible:outline-pearl","aria-pressed":n(i).activeVideo==="examination",onClick:e[0]||(e[0]=C=>f("examination"))},[e[8]||(e[8]=t("img",{src:y,class:"aspect-square size-vw-5-to-10 object-cover",alt:""},null,-1)),t("div",{class:_(["btn !w-full",{"bg-white text-text":n(i).activeVideo==="examination"}])},s(a.$t("components.lighting-slider.examination-light")),3)],8,le),t("button",{type:"button",class:"flex gap-vw-3-to-6 w-full cursor-pointer focus-visible:outline-pearl","aria-pressed":n(i).activeVideo==="night",onClick:e[1]||(e[1]=C=>f("night"))},[e[9]||(e[9]=t("img",{src:y,class:"aspect-square size-vw-5-to-10 object-cover",alt:""},null,-1)),t("div",{class:_([{"bg-white text-text":n(i).activeVideo==="night"},"btn !w-full"])},s(a.$t("components.lighting-slider.night-light")),3)],8,re),t("button",{type:"button",class:"flex gap-vw-3-to-6 w-full cursor-pointer focus-visible:outline-pearl","aria-pressed":n(i).activeVideo==="ambient",onClick:e[2]||(e[2]=C=>f("ambient"))},[e[10]||(e[10]=t("img",{src:y,class:"aspect-square size-vw-5-to-10 object-cover",alt:""},null,-1)),t("div",{class:_([{"bg-white text-text":n(i).activeVideo==="ambient"},"btn !w-full"])},s(a.$t("components.lighting-slider.ambient-light")),3)],8,ce)])],512),t("div",de,[t("div",ue,[t("input",{ref_key:"timeSlider",ref:w,class:"range-slider mt-vw-4-to-8 w-full",type:"range",min:"0",max:"100",value:"0",step:"0.1","aria-label":a.$t("components.lighting-slider.tageszeit"),"aria-valuetext":`${n(q)} ${a.$t("components.lighting-slider.clock-suffix")}`,onInput:u},null,40,ve),t("div",ge,[t("div",null,s(a.$t("components.lighting-slider.time-07")),1),t("div",me,s(a.$t("components.lighting-slider.time-23")),1)])]),e[11]||(e[11]=t("div",{class:"border-b border-white/20 mx-vw-3-to-6"},null,-1))])])])]),t("div",pe,[t("div",be,[t("span",null,[g(v,{icon:"bulb",class:"size-[1em] inline-block"}),V(" "+s(n(i).activeVideo==="ambient"?"2700 K":n(i).activeVideo==="examination"?"4000 K":n(i).activeVideo==="night"?a.$t("components.lighting-slider.mintgruen"):n(i).kelvinValue+" K")+"    ",1)]),t("span",null,[g(v,{icon:"clock",class:"size-[1em] inline-block"}),V(" "+s(n(q))+" "+s(a.$t("components.lighting-slider.clock-suffix")),1)])]),t("button",{type:"button",class:"flex gap-vw-3-to-6 w-full cursor-pointer focus-visible:outline-pearl","aria-pressed":n(i).activeVideo==="examination",onClick:e[3]||(e[3]=C=>f("examination"))},[e[12]||(e[12]=t("img",{src:y,class:"aspect-square size-10 object-cover",alt:""},null,-1)),t("div",{class:_(["btn !w-full",{"bg-white text-text":n(i).activeVideo==="examination"}])},s(a.$t("components.lighting-slider.examination-light")),3)],8,fe),t("button",{type:"button",class:"flex gap-vw-3-to-6 w-full cursor-pointer focus-visible:outline-pearl","aria-pressed":n(i).activeVideo==="night",onClick:e[4]||(e[4]=C=>f("night"))},[e[13]||(e[13]=t("img",{src:y,class:"aspect-square size-10 object-cover",alt:""},null,-1)),t("div",{class:_([{"bg-white text-text":n(i).activeVideo==="night"},"btn !w-full"])},s(a.$t("components.lighting-slider.night-light")),3)],8,he),t("button",{type:"button",class:"flex gap-vw-3-to-6 w-full cursor-pointer focus-visible:outline-pearl","aria-pressed":n(i).activeVideo==="ambient",onClick:e[5]||(e[5]=C=>

1f("ambient"))},[e[14]||(e[14]=t("img",{src:y,class:"aspect-square size-10 object-cover",alt:""},null,-1)),t("div",{class:_([{"bg-white text-text":n(i).activeVideo==="ambient"},"btn !w-full"])},s(a.$t("components.lighting-slider.ambient-light")),3)],8,xe)]),r.headline||r.text||r.secondText||r.cta?(h(),$("div",we,[t("div",ke,[r.headline?(h(),$("h2",Ve,s(r.headline),1)):L("",!0),r.text?(h(),$("p",_e,s(r.text),1)):L("",!0)]),t("div",ye,[r.secondText?(h(),$("p",$e,s(r.secondText),1)):L("",!0),r.cta?(h(),H(K,{key:1,to:r.cta.link,class:"btn btn-primary"},{default:W(()=>[g(v,{icon:"arrow-right",class:"size-[1em]"}),V(" "+s(r.cta.text)+"   ",1)]),_:1},8,["to"])):L("",!0)])])):L("",!0)])])}}}),ze=J(Se,[["__scopeId","data-v-65f6b293"]]);export{ze as default};