https://www.tesa.com/relaunch2020/build/interactive-3d-viewer-coordinator.840f7649.js

1(globalThis.webpackChunktesa_2016=globalThis.webpackChunktesa_2016||[]).push([[9531,4388],{1051:e=>{function l(e){return Promise.resolve().then(()=>{var l=new Error("Cannot find module '"+e+"'");throw l.code="MODULE_NOT_FOUND",l})}l.keys=()=>[],l.resolve=l,l.id=1051,e.exports=l},5274:(e,l,a)=>{"use strict";a.r(l),a.d(l,{default:()=>p});var t=a(5166),o=a(7105),i=a(7651),n=a(7345);const r={class:"responsive-video"},s={class:"responsive-video__video-wrapper",ref:"videoContainer"},u=["preload","controls","controlslist","autoplay","muted","loop","aria-label","aria-hidden","title"],c=["media","src","type"],d={class:"play-button__inner"},v=Object.assign({name:"BaseVideo"},{__name:"BaseVideo",props:{freeze:{type:Boolean,default:!1},progressSteps:{type:Number,default:0},playAfterUnfreeze:{type:Boolean,default:!1},trackingLabel:{type:String,default:""},isMoodVideo:{type:Boolean,default:!1},stageSliderSlideIndex:{type:Number,default:null},aspectRatio:{type:Number,default:1},autoplay:{type:Boolean,default:!1},controls:{type:Boolean,default:!0},controlsList:{type:String,default:"nodownload"},loop:{type:Boolean,default:!1},muted:{type:Boolean,default:!1},playButton:{type:Boolean,default:!0},poster:{type:Object,default:null},preload:{type:String,default:"metadata"},showPoster:{type:Boolean,default:!0},sources:{type:Array,default:()=>[]},description:{type:String,default:null}},emits:["ended","progress","startplaying","stopplaying"],setup(e,l){var a;let{expose:v,emit:p}=l;const _=window.matchMedia("(prefers-reduced-motion: reduce)").matches,y=null===(a=(0,t.FN)())||void 0===a?void 0:a.proxy,b=(0,t.iH)(null),m=e,f=p,g=(0,t.f3)("stageSliderState",null),{labelStore:w}=(0,o.b)({labelsRequired:["global"]}),k=(0,t.iH)(!1),h=(0,t.iH)(null),H=(0,t.iH)(!1),C=(0,t.iH)(null),O=(0,t.iH)(null),S=(0,t.iH)(null),D=(0,t.iH)(null),U=(0,t.Fl)(()=>{var e;const l=null==g||null===(e=g.getCurrentSlide)||void 0===e?void 0:e.call(g);return"number"==typeof m.stageSliderSlideIndex&&"number"==typeof l?l!==m.stageSliderSlideIndex:m.freeze}),j=(0,t.Fl)(()=>parseFloat(m.aspectRatio)<1),L=(0,t.Fl)(()=>m.autoplay&&m.loop&&m.muted&&!m.controls),I=(0,t.Fl)(()=>{var e;return m.description||(L.value?null===(e=w.value)||void 0===e?void 0:e["global.mood_video_description"]:null)}),z=(0,t.Fl)(()=>L.value&&_),M=(0,t.Fl)(()=>m.sources.slice().sort(function(e,l){return e.isMobile!==l.isMobile?e.isMobile?1:-1:e.mimeType!==l.mimeType?"video/webm"!==e.mimeType?1:-1:0}));function q(){return C.value||b.value||y.$el.querySelector("video")}function x(){const e=y.$el.querySelector("[data-responsive-video-mood-poster]"),l=y.$el.querySelector("[data-responsive-video-poster]");if(e&&(e.hidden=!z.value),!l)return;l.hidden=z.value||k.value;const a=l.querySelector("[data-responsive-video-poster-image]");a&&(a.hidden=H.value)}function F(){var e;U.value||z.value||(null===(e=q())||void 0===e||e.play())}function T(){var e;null===(e=q())||void 0===e||e.pause()}function B(e){let{target:{currentTime:l,duration:a}}=e;h.value=Math.floor(l/a*m.progressSteps)}function A(){if(U.value)return T();k.value=!0,H.value=!1,x(),f("startplaying")}function V(){k.value=!1,H.value=!0,x(),f("stopplaying")}function W(){k.value=!1,H.value=!1,x(),f("stopplaying"),f("ended"),h.value=null}function P(e){e.preventDefault(),F()}return(0,t.bv)(()=>{var e,l;C.value=b.value||y.$el.querySelector("video"),y.$el.querySelector("[data-responsive-video]")&&(C.value=y.$el.querySelector("[data-responsive-video]"),O.value={play:A,pause:V,timeupdate:B,ended:W},Object.entries(O.value).forEach(e=>{let[l,a]=e;C.value.addEventListener(l,a)}),S.value=y.$el.querySelector("[data-responsive-video-poster]"),null===(l=S.value)||void 0===l||l.addEventListener("click",P)),x(),Object.prototype.hasOwnProperty.call((null===(e=q())||void 0===e?void 0:e.dataset)||{},"autoplay")&&!z.value&&(D.value=new IntersectionObserver(e=>{let[l]=e;l.isIntersecting?k.value||F():k.value&&T()}),D.value.observe(y.$el))}),(0,t.Jd)(()=>{var e,l;C.value&&O.value&&Object.entries(O.value).forEach(e=>{let[l,a]=e;C.value.removeEventListener(l,a)}),null===(e=S.value)||void 0===e||e.removeEventListener("click",P),null===(l=D.value)||void 0===l||l.disconnect()}),(0,t.YP)(h,()=>{if(m.progressSteps>0&&"number"==typeof h.value){f("progress",h.value);const e=h.value/m.progressSteps*100;if(isNaN(e)||e<0||e>100)return;const l={name:"",details:{video_title:m.trackingLabel}};0===e?l.name="video_start":100===e?l.name="video_complete":(l.name="video_progress",l.details.video_progress=`${e}%`),i.Ng.trackGa4Event(l)}}),(0,t.YP)(U,()=>{U.value&&T(),U.value||!m.playAfterUnfreeze||z.value||F()}),v({playing:k,play:F,pause:T}),(l,a)=>{const o=(0,t.up)("Icon");return(0,t.wg)(),(0,t.iD)("div",r,[(0,t._)("div",s,[(0,t._)("video",{ref_key:"video",ref:b,preload:e.preload,class:(0,t.C_)({"mobile-aspect-ratio":j.value}),controls:e.controls,controlslist:e.controlsList,autoplay:e.autoplay&&!z.value,muted:e.muted,loop:e.loop,"aria-label":L.value?null:I.value,"aria-hidden":L.value?"true":null,title:L.value?" ":e.description,onPlay:A,onPause:V,onTimeupdate:B,onEnded:W,playsinline:""},[((0,t.wg)(!0),(0,t.iD)(t.HY,null,(0,t.Ko)(M.value,(e,l)=>((0,t.wg)(),(0,t.iD)("source",{key:`video-src-${l}`,media:e.minWidth?`(min-width: ${e.minWidth})`:"",src:e.path,type:e.mimeType},null,8,c))),128))],42,u)],512),a[0]||(a[0]=(0,t.Uk)()),e.poster&&e.showPoster&&!H.value&&!k.value||z.value?((0,t.wg)(),(0,t.j4)((0,t.SU)(n.Z),(0,t.dG)({key:0},e.poster,{preload:"metadata",class:"responsive-video__poster",onClick:P}),null,16)):(0,t.kq)("v-if",!0),a[1]||(a[1]=(0,t.Uk)()),e.playButton&&!k.value?((0,t.wg)(),(0,t.iD)("div",{key:1,class:"play-button",onClick:P},[(0,t._)("div",d,[(0,t.Wm)(o,{name:"play-fill"})])])):(0,t.kq)("v-if",!0)])}}});const p=(0,a(3744).Z)(v,[["__scopeId","data-v-420d4ad4"]])},6685:(e,l,a)=>{"use strict";a.r(l),a.d(l,{default:()=>Je});var t=a(5166),o=a(1223),i=a(8945),n=a(6138),r=a(7105),s=a(9669),u=a.n(s),c=(a(9758),a(7345));const d=a.p+"images/logo.0462e8fa.svg",v={viewBox:"0 0 100 100",class:"progress-circle__circle1"},p=["stroke","stroke-dashoffset"],_={class:"progress-circle__wrapper"},y=["src"],b={__name:"ProgressCircle",props:{width:{type:Number,default:50},progress:{type:Number,default:0}},setup(e){const l=e,a=d,o=(0,t.Fl)(()=>({width:`${l.width}px`,height:`${l.width}px`}));return(l,i)=>((0,t.wg)(),(0,t.iD)("div",{class:"progress-circle",style:(0,t.j5)(o.value)},[(0,t._)("div",null,[((0,t.wg)(),(0,t.iD)("svg",v,[i[0]||(i[0]=(0,t._)("circle",{cx:"50",cy:"50",r:40,stroke:"#C5C6C6","stroke-width":8,"stroke-dashoffset":0,fill:"none"},null,-1)),i[1]||(i[1]=(0,t.Uk)()),(0,t._)("circle",{cx:"50",cy:"50",r:40,stroke:e.progress>.28?"#009FD4":"#E3000F","stroke-width":8,"stroke-dashoffset":270-270*e.progress,fill:"none"},null,8,p)]))]),i[3]||(i[3]=(0,t.Uk)()),(0,t._)("div",_,[(0,t._)("img",{src:(0,t.SU)(a)},null,8,y),i[2]||(i[2]=(0,t.Uk)()),(0,t._)("span",null,(0,t.zw)(Math.floor(100*e.progress))+"%",1)])],4))}};var m=a(3744);const f=(0,m.Z)(b,[["__scopeId","data-v-cf74ac94"]]),g=["data-position","data-normal","data-surface"],w={key:0,class:"hotspot__label"},k={class:"hotspot__label-text"},h=Object.assign({name:"Interactive3dViewerHotspot"},{__name:"Interactive3dViewerHotspot",props:{hotspot:{type:Object,default:null},showLabel:{type:Boolean,default:null},isMobile:{type:Boolean,default:!1}

1,showLabelOnHover:{type:Boolean,default:null},index:{type:Number,default:null},isActive:{type:Boolean,default:null}},emits:["hideLabels","hotSpotClicked","showLabel"],setup(e,l){let{expose:a,emit:o}=l;const i=e,n=o,r=(0,t.iH)(!1),s=(0,t.iH)(!1);function u(e){i.isMobile||(r.value=e)}function c(){i.showLabelOnHover&&i.isMobile?s.value||"tooltip"===i.hotspot.type?(n("hotSpotClicked",i.index),n("hideLabels",i.index),s.value=!1):(n("hideLabels",i.index),s.value=!0,n("showLabel",i.index)):n("hotSpotClicked",i.index)}return a({hideMobileLabel:function(){s.value=!1}}),(l,a)=>{const o=(0,t.up)("icon");return(0,t.wg)(),(0,t.iD)("div",{"data-position":e.hotspot.position,"data-normal":e.hotspot.normal,"data-surface":e.hotspot.surface,"data-visibility-attribute":"visible",class:(0,t.C_)(["hotspot",{"--show-on-hover":e.showLabelOnHover}]),onMouseover:a[0]||(a[0]=e=>u(!0)),onMouseleave:a[1]||(a[1]=e=>u(!1))},[(0,t._)("button",{class:"hotspot__button",onClick:c},[(0,t._)("div",{class:(0,t.C_)(["hotspot__bullet",{"--blue":"blue"===e.hotspot.color,"--red":"red"===e.hotspot.color,"--grey":"grey"===e.hotspot.color,"--dark-grey":"dark-grey"===e.hotspot.color}])},null,2),a[2]||(a[2]=(0,t.Uk)()),(0,t.Wm)(t.uT,{name:"fade"},{default:(0,t.w5)(()=>[(e.hotspot.label&&e.showLabel)&(!e.showLabelOnHover||r.value||e.showLabelOnHover&&e.isActive&&!e.isActive||s.value)?((0,t.wg)(),(0,t.iD)("div",w,[(0,t._)("span",k,[(0,t.Uk)((0,t.zw)(e.hotspot.label),1),(0,t.Wm)(o,{name:"angle-right"})])])):(0,t.kq)("v-if",!0)]),_:1})]),a[3]||(a[3]=(0,t.Uk)()),(0,t.WI)(l.$slots,"default")],42,g)}}}),H=(0,m.Z)(h,[["__scopeId","data-v-1124e131"]]),C={class:"tooltip"},O={class:"tooltip__triangle"},S={class:"tooltip__container"},D={class:"tooltip__title"},U={class:"headline headline--5"},j=["aria-label"],L=["innerHTML"],I=Object.assign({name:"Interactive3dViewerTooltip"},{__name:"Interactive3dViewerTooltip",props:{title:{type:String,default:null},text:{type:String,default:null}},emits:["closeClick"],setup(e,l){let{emit:a}=l;const o=a,{labelStore:i}=(0,r.b)({labelsRequired:["global"]});return(l,a)=>{const n=(0,t.up)("icon");return(0,t.wg)(),(0,t.iD)("div",C,[(0,t._)("div",O,[(0,t.Wm)(n,{name:"triangle",class:"tab-nav__button-icon"})]),a[3]||(a[3]=(0,t.Uk)()),(0,t._)("div",S,[(0,t._)("span",D,[(0,t._)("p",U,(0,t.zw)(e.title),

11),a[1]||(a[1]=(0,t.Uk)()),(0,t._)("button",{type:"button","aria-label":(0,t.SU)(i)["global.close"],class:"tooltip__button",onClick:a[0]||(a[0]=e=>{o("closeClick")})},[(0,t.Wm)(n,{name:"close",class:"tab-nav__button-icon"})],8,j)]),a[2]||(a[2]=(0,t.Uk)()),(0,t._)("p",{class:"tooltip__text copy--small richtext",innerHTML:e.text},null,8,L)])])}}}),z=(0,m.Z)(I,[["__scopeId","data-v-a295a908"]]),M={class:"viewer__container"},q=["src"],x=Object.assign({name:"Interactive3dViewer"},{__name:"Interactive3dViewer",props:{viewerData:{type:Object,default:null},disablePan:{type:Boolean,default:!0},isMobile:{type:Boolean,default:!1},disableZoom:{type:Boolean,default:!0},backdrop:{type:Boolean,default:!0}},emits:["animation","backdropToggle","error","hotspotChanged","loaded"],setup(e,l){let{expose:a,emit:o}=l;const i=(0,t.iH)(null),n=(0,t.iH)(null),r=e,s=o,u=(0,t.iH)(0),d=(0,t.iH)(null),v=(0,t.iH)(null),p=(0,t.iH)(null),_=(0,t.iH)(!1),y=(0,t.iH)(null),b=(0,t.iH)(null),m=(0,t.iH)(null),g=(0,t.iH)(null),w=(0,t.iH)(null),k=(0,t.iH)(null),h=(0,t.Fl)(()=>v.value?r.viewerData.hotspots[v.value]:null),C=(0,t.Fl)(()=>{var e;const l={"disable-pan":r.disablePan,"disable-zoom":r.disableZoom,"shadow-intensity":r.viewerData.shadows?.5:0,"camera-controls":!0,...null===(e=r.viewerData)||void 0===e?void 0:e.viewerAttributes};return Object.keys(l).map(e=>l[e]="false"!==l[e]?l[e]:null),l});function O(){u.value=event.detail.totalProgress}function S(){_.value=!_.value,s("backdropToggle",_.value)}function D(e){const l=d.value.getCameraOrbit();l.radius=p.value,d.value.cameraOrbit=l.toString(),v.value=null,s("hotspotChanged",null),r.viewerData.showLabelsOnHover&&e&&n.value[e].hideMobileLabel(),_.value&&S()}function U(){s("error",event.detail.type)}async function j(e,l){if(await y.value,l&&(d.value.cameraOrbit=l),e)return d.value.animationName=e,await d.value.updateComplete,d.value.play({repetitions:1}),y.value}function L(){y.value=new Promise(e=>{b.value=()=>{s("animation",{promise:y.value,isActive:!1}),e()}}),s("animation",{promise:y.value,isActive:!0})}function I(){b.value()}function x(){if(h.value&&"tooltip"==h.value.type){const e=d.value.querySelector(`[slot=hotspot-${v.value}] .tooltip`),l=null==e?void 0:e.querySelector(".tooltip__triangle"),a=null==e?void 0:e.clientWidth,t=d.value.clientWidth,o=d.value.queryHotspot(`hotspot-${v.value}`).canvasPosition;let i;i=t-o.x<=a?t-o.x-a:0,l.style.transform=i?`translateX(${-1*i}px)`:"",e.style.transform=i?`translateX(${i}px)`:""}if(r.viewerData.showHotspotsLabels){const e=document.querySelectorAll("[data-visible]");e.forEach(l=>{var a;const t=l.querySelector(".hotspot__bullet"),o=null==t?void 0:t.getBoundingClientRect();let i;const n=l.querySelector(".hotspot__label");e.forEach(e=>{if(e!==l){var a;const t=null==e?void 0:e.querySelector(".hotspot__bullet"),o=null==l?void 0:l.querySelector(".tooltip"),i=null!==(a=l.classList)&&void 0!==a&&a.contains("--selected")&&o?o:n;t.dataset.isHidden||(!function(e,l){const a=e.getBoundingClientRect(),t=l.getBoundingClientRect();return!(a.top>t.bottom||a.right<t.left||a.bottom<t.top||a.left>t.right)}(t,i)?t.style.opacity="":(t.style.opacity="0",t.dataset.isHidden=!0))}});const r=null==n?void 0:n.clientWidth,s=null===(a=d.value)||void 0===a?void 0:a.clientWidth;i=s<=o.x+52+r?s-o.x-r:0,n&&(n.style.transform=i?`translate(${i-16}px, 18px)`:"")}),e.forEach(e=>{var l;null===(l=e.querySelector(".hotspot__bullet"))||void 0===l||l.removeAttribute("data-is-hidden")})}}function F(){b.value()}async function T(){var e;s("loaded",!0),d.value=i.value,m.value=d.value.availableAnimations,g.value=C.value["camera-orbit"]?C.value["camera-orbit"]:d.value.getCameraOrbit(),p.value=null===(e=d.value.getCameraOrbit())||void 0===e?void 0:e.radius,w.value=d.value.getFieldOfView(),k.value=d.value.getCameraTarget(),r.viewerData.autoplayAnimation&&(d.value.animationName=r.viewerData.autoplayAnimation,await d.value.updateComplete,d.value.play({repetitions:1}))}return a({closeHotspot:D,toggleBackdrop:S,resetCameraAndAnimation:async function(){v.value=null,d.value.pause(),d.value.animationName=null,d.value.currentTime=0,await d.value.updateComplete,d.value.cameraOrbit=g.value,d.value.fieldOfView=w.value,d.value.cameraTarget=k.value}}),(l,a)=>((0,t.wg)(),(0,t.iD)("div",{class:(0,t.C_)(["viewer",{"viewer--backdrop-active":e.backdrop&&_.value||u.value<1}])},[e.viewerData&&e.viewerData.backgroundImage?((0,t.wg)(),(0,t.j4)(c.Z,(0,t.dG)({key:0},e.viewerData.backgroundImage,{class:"viewer__background base-image--cover","object-fit":"cover"}),null,16)):(0,t.kq)("v-if",!0),a[4]||(a[4]=(0,t.Uk)()),(0,t._)("div",M,[(0,t._)("model-viewer",(0,t.dG)(C.value,{onProgress:O,onLoad:T,onFinished:I,onPlay:L,onPause:F,onCameraChange:x,ref_key:"modelViewer",ref:i,class:"viewer__viewer",onError:U,src:e.viewerData.modelPath}),[((0,t.wg)(!0),(0,t.iD)(t.HY,null,(0,t.Ko)(e.viewerData.hotspots,(l,o)=>((0,t.wg)(),(0,t.j4)(H,{hotspot:l,index:o,"is-active":v.value===o,"show-label":e.viewerData.showHotspotsLabels,showLabelO

1nHover:e.viewerData.showHotspotsLabelsOnHover,key:`hotspot-${l.id}`,slot:`hotspot-${o}`,class:(0,t.C_)([{"--selected":o===v.value}]),onHotSpotClicked:a[0]||(a[0]=e=>async function(e){const l=v.value===e;v.value=l?null:e;const a=l?null:r.viewerData.hotspots[e];l?D(e):"directAction"===a.type?(await j(a.action.animation,a.action.cameraOrbit),v.value=null,s("hotspotChanged",null)):(a.action&&await j(a.action.animation,a.action.cameraOrbit),"tooltip"!==a.type&&"partialOverlay"!==a.type&&S(),s("hotspotChanged",e))}(e)),isMobile:e.isMobile,ref_for:!0,ref_key:"hotspotRefs",ref:n,onHideLabels:a[1]||(a[1]=e=>{n.value.forEach(e=>{e.hideMobileLabel()})}),onShowLabel:a[2]||(a[2]=e=>{return l=e,void(h.value&&D(l));var l})},{default:(0,t.w5)(()=>[(0,t.Wm)(t.uT,{name:"fade"},{default:(0,t.w5)(()=>["tooltip"==l.type?(0,t.wy)(((0,t.wg)(),(0,t.j4)(z,(0,t.dG)({key:0,ref_for:!0},l.content,{onCloseClick:e=>D(o),class:{"--show-on-hover":e.viewerData.showHotspotsLabelsOnHover}}),null,16,["onCloseClick","class"])),[[t.F8,o===v.value]]):(0,t.kq)("v-if",!0)]),_:2},1024)]),_:2}

1,1032,["hotspot","index","is-active","show-label","showLabelOnHover","slot","class","isMobile"]))),128))],16,q),a[3]||(a[3]=(0,t.Uk)()),(0,t.wy)((0,t.Wm)(f,{class:"viewer__progress",progress:u.value,width:130,height:130},null,8,["progress"]),[[t.F8,u.value<1]])])],2))}}),F=(0,m.Z)(x,[["__scopeId","data-v-31b4da8c"]]),T={class:"container tab-nav"},B={class:"tab-nav__container"},A={key:0,class:"tab-nav__tab"},V=["value"],W={class:"tab-nav__tab-label"},P={class:"tab-nav__button-container"},$=Object.assign({name:"Interactive3dViewerTabNav"},{__name:"Interactive3dViewerTabNav",props:{tabs:{type:Array,default:()=>[]}},emits:["onFullscreen","onReset","tabChanged","toggled"],setup(e,l){let{emit:a}=l;const o=a,i=(0,t.iH)(0),n=(0,t.iH)(!1);return(0,t.YP)(i,e=>{o("tabChanged",e),n.value=!1}),(l,a)=>{const r=(0,t.up)("icon");return(0,t.wg)(),(0,t.iD)("div",T,[(0,t._)("div",B,[e.tabs.length>1?(0,t.wy)(((0,t.wg)(),(0,t.iD)("div",A,[((0,t.wg)(!0),(0,t.iD)(t.HY,null,(0,t.Ko)(e.tabs,(e,l)=>((0,t.wg)(),(0,t.iD)("label",{key:`tab-nav__tab-element-${l}`,class:(0,t.C_)(["tab-nav__tab-element",{"--active":i.value===l}])},[(0,t.wy)((0,t._)("input",{type:"radio",value:l,"onUpdate:modelValue":a[0]||(a[0]=e=>i.value=e),class:"tab-nav__tab-input"},null,8,V),[[t.G2,i.value]]),a[4]||(a[4]=(0,t.Uk)()),(0,t._)("span",W,(0,t.zw)(e.label),1)],2))),128))],512)),[[t.F8,n.value]]):(0,t.kq)("v-if",!0),a[7]||(a[7]=(0,t.Uk)()),(0,t._)("div",P,[e.tabs.length>1?((0,t.wg)(),(0,t.iD)("button",{key:0,class:(0,t.C_)(["tab-nav__button --toggle",{"--active":n.value}]),onClick:a[1]||(a[1]=e=>(n.value=!n.value,void o("toggled",n.value)))},[n.value?((0,t.wg)(),(0,t.j4)(r,{key:1,name:"close",class:"tab-nav__button-icon"})):((0,t.wg)(),(0,t.j4)(r,{key:0,name:"plus",class:"tab-nav__button-icon"}))],2)):(0,t.kq)("v-if",!0),a[5]||(a[5]=(0,t.Uk)()),(0,t._)("button",{class:"tab-nav__button --reset",onClick:a[2]||(a[2]=e=>{o("onReset")})},[(0,t.Wm)(r,{name:"reset",class:"tab-nav__button-icon"})]),a[6]||(a[6]=(0,t.Uk)()),(0,t._)("button",{class:"tab-nav__button --fullscreen",onClick:a[3]||(a[3]=e=>{o("onFullscreen")})},[(0,t.Wm)(r,{name:"fullscreen",class:"tab-nav__button-icon"})])])])])}}}),E=(0,m.Z)($,[["__scopeId","data-v-4c02d9fb"]]),N={class:"product"},R=["href"],Z={class:"product__container"},G=["href"],Y={class:"product-finder-table__product-link-text"},J={class:"product__container-icon"},K=["href"],X=["href"],Q={key:0,class:"product__container-description"},ee=Object.assign({name:"Interactive3dViewerProduct"},{__name:"Interactive3dViewerProduct",props:{name:{type:String,default:null},description:{type:String,default:null},url:{type:String,default:null},downloadUrl:{type:String,default:null},image:{type:Object,default:null}},setup:e=>(l,a)=>{const o=(0,t.up)("BaseImage"),i=(0,t.up)("MissingImage"),n=(0,t.up)("Icon");return(0,t.wg)(),(0,t.iD)("div",N,[(0,t._)("a",{href:e.url,class:"product-link"},[e.image?((0,t.wg)(),(0,t.j4)(o,(0,t.dG)({key:0},e.image,{variant:"padded1x1",class:"product-image"}),null,16)):((0,t.wg)(),(0,t.j4)(i,{key:1,class:"product-image"}))],8,R),a[4]||(a[4]=(0,t.Uk)()),(0,t._)("span",Z,[(0,t._)("a",{href:e.url,class:"product__container-link"},[(0,t._)("span",Y,(0,t.zw)(e.name),1),a[0]||(a[0]=(0,t.Uk)()),(0,t.Wm)(n,{name:"angle-right",class:"product__container-icon"})],8,G),a[2]||(a[2]=(0,t.Uk)()),(0,t._)("span",J,[e.downloadUrl?((0,t.wg)(),(0,t.iD)("a",{key:0,href:e.downloadUrl,download:""},[(0,t.Wm)(n,{name:"download"})],8,K)):(0,t.kq)("v-if",!0),a[1]||(a[1]=(0,t.Uk)()),(0,t._)("a",{href:`mailto:?subject=${e.name}&body=${e.url}`,target:"_blank"},[(0,t.Wm)(n,{name:"share"})],8,X)]),a[3]||(a[3]=(0,t.Uk)()),e.description?((0,t.wg)(),(0,t.iD)("span",Q,(0,t.zw)(e.description),1)):(0,t.kq)("v-if",!0)])])}}),le=(0,m.Z)(ee,[["__scopeId","data-v-c7b5e156"]]),ae={class:"ctas"},te={class:"ctas__container"},oe=["href"],ie=Object.assign({name:"Interactive3dViewerCtas"},{__name:"Interactive3dViewerCtas",props:{ctas:{type:Array,default:null}},setup:e=>(l,a)=>((0,t.wg)(),(0,t.iD)("div",ae,[(0,t._)("div",te,[((0,t.wg)(!0),(0,t.iD)(t.HY,null,(0,t.Ko)(e.ctas,(e,l)=>((0,t.wg)(),(0,t.iD)("a",{key:`${e.url}-${l}`,href:e.url,class:(0,t.C_)(["ctas__link button ctas__cta",1&l?"button--cta-3":"button--cta-2"])}

1,(0,t.zw)(e.title),11,oe))),128))])]))}),ne=(0,m.Z)(ie,[["__scopeId","data-v-53ed3473"]]);var re=a(5274);const se=Object.assign({name:"Interactive3dViewerMedium"},{__name:"Interactive3dViewerMedium",props:{medium:{type:Object,default:()=>({})}},setup:e=>(l,a)=>{const o=(0,t.up)("BaseImage");return"video"===e.medium.type?((0,t.wg)(),(0,t.j4)(re.default,(0,t.dG)({key:0},e.medium,{class:"partial-overlay__container-medium"}),null,16)):((0,t.wg)(),(0,t.j4)(o,(0,t.dG)({key:1},e.medium,{class:"partial-overlay__container-medium"}),null,16))}});var ue=a(7651);const ce={class:"container partial-overlay"},de={class:"partial-overlay__wrapper"},ve=["aria-label"],pe={class:"partial-overlay__container"},_e={class:"partial-overlay__container-content"},ye={class:"partial-overlay__container-headline headline headline--4"},be={key:0,class:"partial-overlay__container-subline subline--small"},me=["innerHTML"],fe={key:2,class:"partial-overlay__container-products"},ge={class:"partial-overlay__container-products__headline copy--small"},we=Object.assign({name:"Interactive3dViewerPartialOverlay"},{__name:"Interactive3dViewerPartialOverlay",props:{ctas:{type:Array,default:null},isMobile:{type:Boolean,default:null},label:{type:String,default:null},medium:{type:[Object,Array],default:null},products:{type:Array,default:null},subline:{type:String,default:null},text:{type:String,default:null},title:{type:String,default:null}},emits:["close"],setup(e,l){let{emit:a}=l;const o=e,i=a,{labelStore:n}=(0,r.b)({labelsRequired:["global"]});function s(){i("close")}return(0,t.bv)(()=>{document.addEventListener("keyup",e=>{"Escape"===e.key&&s()})}),o.isMobile&&(0,ue.JP)(!0,{noOverlay:!0}),(l,a)=>{const o=(0,t.up)("icon");return(0,t.wg)(),(0,t.iD)("div",ce,[(0,t._)("div",de,[(0,t._)("button",{type:"button","aria-label":(0,t.SU)(n)["global.close"],class:"partial-overlay__button",onClick:a[0]||(a[0]=e=>s())},[(0,t.Wm)(o,{name:"close",class:"partial-overlay__button-icon"})],8,ve),a[7]||(a[7]=(0,t.Uk)()),(0,t._)("div",pe,[(0,t._)("div",_e,[(0,t._)("p",ye,(0,t.zw)(e.title),

11),a[2]||(a[2]=(0,t.Uk)()),e.subline?((0,t.wg)(),(0,t.iD)("p",be,(0,t.zw)(e.subline),1)):(0,t.kq)("v-if",!0),a[3]||(a[3]=(0,t.Uk)()),e.medium?((0,t.wg)(),(0,t.j4)(se,{key:1,medium:e.medium},null,8,["medium"])):(0,t.kq)("v-if",!0),a[4]||(a[4]=(0,t.Uk)()),(0,t._)("p",{class:"partial-overlay__container-copy copy--small richtext",innerHTML:e.text},null,8,me),a[5]||(a[5]=(0,t.Uk)()),e.products&&e.products.length?((0,t.wg)(),(0,t.iD)("div",fe,[(0,t._)("p",ge,(0,t.zw)(e.label),1),a[1]||(a[1]=(0,t.Uk)()),((0,t.wg)(!0),(0,t.iD)(t.HY,null,(0,t.Ko)(e.products,(e,l)=>((0,t.wg)(),(0,t.j4)(le,(0,t.dG)({ref_for:!0},e,{key:`product-${e.id,l}`}),null,16))),128))])):(0,t.kq)("v-if",!0)]),a[6]||(a[6]=(0,t.Uk)()),e.ctas.length?((0,t.wg)(),(0,t.j4)(ne,{key:0,ctas:e.ctas},null,8,["ctas"])):(0,t.kq)("v-if",!0)])])])}}}),ke=(0,m.Z)(we,[["__scopeId","data-v-07f06859"]]),he={class:"container fullsize-overlay"},He={class:"grid-row"},Ce={class:"fullsize-overlay-wrapper col-12"},Oe=["aria-label"],Se={class:"fullsize-overlay__container"},De={class:"fullsize-overlay__container-content"},Ue={class:"fullsize-overlay__container-content__left"},je={class:"fullsize-overlay__container-headline headline headline--4"},Le={key:0,class:"fullsize-overlay__container-subline subline subline--small"},Ie=["innerHTML"],ze={key:0,class:"fullsize-overlay__container-content__right"},Me={key:0,class:"fullsize-overlay__container-products"},qe={class:"fullsize-overlay__container-products__headline copy--small"},xe=Object.assign({name:"Interactive3dViewerFullsizeOverlay"},{__name:"Interactive3dViewerFullsizeOverlay",props:{ctas:{type:Array,default:null},isMobile:{type:Boolean,default:null},label:{type:String,default:null},mediumHero:{type:[Object,Array],default:null},mediumSmall:{type:[Object,Array],default:null},products:{type:Array,default:null},subline:{type:String,default:null},text:{type:String,default:null},title:{type:String,default:null}},emits:["close"],setup(e,l){let{emit:a}=l;const o=e,i=a,{labelStore:n}=(0,r.b)({labelsRequired:["global"]});function s(){i("close")}return(0,t.bv)(()=>{document.addEventListener("keyup",e=>{"Escape"===e.key&&s()})}),o.isMobile&&(0,ue.JP)(!0,{noOverlay:!0}),(l,a)=>{const o=(0,t.up)("icon");return(0,t.wg)(),(0,t.iD)("div",he,[(0,t._)("div",He,[(0,t._)("div",Ce,[(0,t._)("button",{type:"button",class:"fullsize-overlay__button","aria-label":(0,t.SU)(n)["global.close"],onClick:a[0]||(a[0]=e=>s())},[(0,t.Wm)(o,{name:"close",class:"fullsize-overlay__button-icon"})],8,Oe),a[10]||(a[10]=(0,t.Uk)()),(0,t._)("div",Se,[(0,t._)("div",De,[(0,t._)("div",Ue,[(0,t._)("p",je,(0,t.zw)(e.title),

11),a[1]||(a[1]=(0,t.Uk)()),e.subline?((0,t.wg)(),(0,t.iD)("p",Le,(0,t.zw)(e.subline),1)):(0,t.kq)("v-if",!0),a[2]||(a[2]=(0,t.Uk)()),e.mediumHero?((0,t.wg)(),(0,t.j4)(se,{key:1,medium:e.mediumHero},null,8,["medium"])):(0,t.kq)("v-if",!0),a[3]||(a[3]=(0,t.Uk)()),(0,t._)("p",{class:"fullsize-overlay__container-copy copy--small richtext",innerHTML:e.text},null,8,Ie),a[4]||(a[4]=(0,t.Uk)()),e.mediumSmall?((0,t.wg)(),(0,t.j4)(se,{key:2,medium:e.mediumSmall},null,8,["medium"])):(0,t.kq)("v-if",!0)]),a[7]||(a[7]=(0,t.Uk)()),e.products&&e.products.length||e.ctas&&e.ctas.length?((0,t.wg)(),(0,t.iD)("div",ze,[e.products&&e.products.length?((0,t.wg)(),(0,t.iD)("div",Me,[(0,t._)("p",qe,(0,t.zw)(e.label),1),a[5]||(a[5]=(0,t.Uk)()),((0,t.wg)(!0),(0,t.iD)(t.HY,null,(0,t.Ko)(e.products,(e,l)=>((0,t.wg)(),(0,t.j4)(le,(0,t.dG)({ref_for:!0},e,{key:`product-${e.id}-${l}}`}),null,16))),128))])):(0,t.kq)("v-if",!0),a[6]||(a[6]=(0,t.Uk)()),((0,t.wg)(),(0,t.j4)(t.lR,{defer:"",to:"#contentContainer",disabled:!e.isMobile},[e.ctas.length?((0,t.wg)(),(0,t.j4)(ne,{key:0,class:"fullsize-overlay-ctas",ctas:e.ctas},null,8,["ctas"])):(0,t.kq)("v-if",!0)],8,["disabled"]))])):(0,t.kq)("v-if",!0),a[8]||(a[8]=(0,t.Uk)()),a[9]||(a[9]=(0,t._)("div",{id:"contentContainer",class:"d--contents"},null,-1))])])])])])}}}),Fe=(0,m.Z)(xe,[["__scopeId","data-v-f6853004"]]),Te={class:"container fullsize-overlay"},Be={class:"grid-row"},Ae={class:"fullsize-overlay-wrapper col-12"},Ve=["aria-label"],We={key:0,class:"fullsize-overlay__container"},Pe=Object.assign({name:"Interactive3dViewerFullsizeOverlay"},{__name:"Interactive3dViewer3dFullsizeOverlay",props:{endpoint:{type:String,default:null},isMobile:{type:Boolean,default:null},label:{type:String,default:null}},emits:["close","modelChange"],setup(e,l){let{emit:a}=l;const o=(0,t.iH)(null),i=e,n=a,{labelStore:s}=(0,r.b)({labelsRequired:["global"]}),c=(0,t.iH)(!1),d=(0,t.iH)(!1),v=(0,t.iH)(null),p=(0,t.iH)(null),_=(0,t.iH)(!1),y=(0,t.iH)(null),b=(0,t.Fl)(()=>p.value&&null!==v.value?p.value.hotspots[v.value]:null);async function m(){try{var e;const l=await u().get(i.endpoint);p.value=null===(e=l.data)||void 0===e?void 0:e.viewers[0]}catch(e){console.warn("fetchData failed",e)}}function f(e){return{partialOverlay:ke,fullsizeOverlay:Fe}[e]}function g(){n("close")}function w(){o.value.closeHotspot()}return(0,t.bv)(()=>{document.addEventListener("keyup",e=>{"Escape"===e.key&&(b.value?w():g())})}),(0,t.YP)(()=>i.endpoint,async()=>{d.value=!1,await m(),d.value=!0,v.value=null}),(async()=>{await m(),d.value=!0,i.isMobile&&(0,ue.JP)(!0,{noOverlay:!0})})(),(l,a)=>{const i=(0,t.up)("icon");return(0,t.wg)(),(0,t.iD)("div",Te,[(0,t._)("div",Be,[(0,t._)("div",Ae,[(0,t.Wm)(t.uT,{name:"fade-slow",appear:"",persisted:""},{default:(0,t.w5)(()=>[(0,t.wy)((0,t._)("button",{class:"fullsize-overlay__button","aria-label":(0,t.SU)(s)["global.close"],onClick:a[0]||(a[0]=e=>g())},[(0,t.Wm)(i,{name:"close",class:"fullsize-overlay__button-icon"})],8,Ve),[[t.F8,!f(b.value?b.value.type:null)]])]),_:1}),a[6]||(a[6]=(0,t.Uk)()),(0,t.Wm)(t.uT,{name:"fade-slow",appear:""},{default:(0,t.w5)(()=>[d.value?((0,t.wg)(),(0,t.iD)("div",We,[(0,t.Wm)(t.uT,{name:"fade-slow",appear:""},{default:(0,t.w5)(()=>[(0,t.Wm)(F,{viewerData:p.value,ref_key:"viewerElement",ref:o,onLoaded:a[1]||(a[1]=e=>c.value=!0),onHotspotChanged:a[2]||(a[2]=e=>async function(e){v.value=e,"3dFullsizeOverlay"===b.value.type&&n("modelChange",{content:b.value.content,id:b.value.id})}(e)),onAnimation:a[3]||(a[3]=e=>{return l=e,_.value=l.isActive,void(y.value=l.promise);var l}),class:"fullsize-overlay-viewer"},null,8,["viewerData"])]),_:1}),a[5]||(a[5]=(0,t.Uk)()),(0,t.Wm)(t.uT,{name:"fade-slow",appear:""},{default:(0,t.w5)(()=>[b.value?((0,t.wg)(),(0,t.j4)((0,t.LL)(f(b.value.type)),(0,t.dG)({key:0,class:"fullsize-overlay-content"},b.value.content,{onClose:a[4]||(a[4]=e=>w()),label:e.label,isMobile:e.isMobile}),null,16,["label","isMobile"])):(0,t.kq)("v-if",!0)]),_:1})])):(0,t.kq)("v-if",!0)]),_:1})])])])}}}),$e=(0,m.Z)(Pe,[["__scopeId","data-v-05246146"]]),Ee=Object.assign({name:"Interactive3dViewerOverlayCoordinator"},{__name:"Interactive3dViewerOverlayCoordinator",props:{type:{type:String,default:null},data:{type:Object,default:null},label:{type:String,default:null},isMobile:{type:Boolean,default:!0}},emits:["close"],setup(e,l){let{emit:a}=l;const o=e,i=a,n=(0,t.iH)(o.data);return(l,a)=>((0,t.wg)(),(0,t.j4)(t.uT,{name:"fade-slow",appear:""},{default:(0,t.w5)(()=>{return[((0,t.wg)(),(0,t.j4)((0,t.LL)((l=e.type,{partialOverlay:ke,fullsizeOverlay:Fe,"3dFullsizeOverlay":$e}[l])),(0,t.dG)(n.value,{onClose:a[0]||(a[0]=e=>{i("close")}

1),label:e.label,isMobile:e.isMobile,onModelChange:a[1]||(a[1]=e=>{return l=e,void(n.value=l.content);var l})}),null,16,["label","isMobile"]))];var l}),_:1}))}});var Ne=a(2612);const Re={class:"container coordinator__headline-container"},Ze={class:"grid-row"},Ge={class:"col-12 col-sm-8 col-md-9 col-lg-8 coordinator__headline-content"},Ye=Object.assign({name:"Interactive3dViewerCoordinator"},{__name:"Interactive3dViewerCoordinator",props:{dataEndpoint:{type:String,default:null},fullWidth:{type:Boolean,default:!1}},setup(e){const l=(0,t.iH)(null),a=(0,t.iH)(null),s=e,{labelStore:c}=(0,r.b)({labelsRequired:["apps.interactive_viewer"],labelKeyReplaceFn:e=>e.replace("apps.interactive_viewer.","")}),{activeLayout:d}=(0,n.S)(),v=(0,Ne.k)(),{bodyIsLocked:p}=(0,o.Jk)(v),_=(0,t.iH)(!1),y=(0,t.iH)(!1),b=(0,t.iH)(!1),m=(0,t.iH)(null),f=(0,t.iH)(!1),g=(0,t.iH)(null),w=(0,t.iH)(!1),k=(0,t.iH)([]),h=(0,t.iH)(0),H=(0,t.iH)([]),C=(0,t.Fl)(()=>k.value.map(e=>({label:e.tab}))),O=(0,t.Fl)(()=>"mobile"===d.value),S=(0,t.Fl)(()=>k.value[h.value]&&null!==m.value?k.value[h.value].hotspots[m.value]:null),D=(0,t.Fl)(()=>k.value[h.value]),{trackError:U,trackFullscreen:j,trackLinkClick:L,trackOverlay:I,trackTab:z,trackTooltip:M}=(0,i.FK)({activeViewerData:D,activeViewersIndex:h,viewers:k});function q(e){const l=e.target.closest("a");l&&L(l.pathname)}function x(e){return{partialOverlay:!0,fullsizeOverlay:!0,"3dFullsizeOverlay":!0}[e]}return(0,t.YP)(O,e=>{var l,a;e?x(null===(l=S.value)||void 0===l?void 0:l.type)&&!p.value&&(0,ue.JP)(!0,{noOverlay:!0}):x(null===(a=S.value)||void 0===a?void 0:a.type)&&p.value&&(0,ue.JP)(!1)}),(async()=>{await async function(){try{var e;const l=await u().get(s.dataEndpoint);k.value=null===(e=l.data)||void 0===e?void 0:e.viewers}catch(e){console.warn("fetchData failed",e)}}(),y.value=!0})(),(o,i)=>((0,t.wg)(),(0,t.iD)("section",{class:(0,t.C_)(["coordinator",{"coordinator--full-width":e.fullWidth}]),role:"presentation",tabindex:"-1"},[(0,t._)("div",{class:"coordinator__wrapper",ref_key:"wrapper",ref:l,onClick:(0,t.iM)(q,["stop"])},[y.value?((0,t.wg)(),(0,t.iD)(t.HY,{key:0},[_.value?((0,t.wg)(),(0,t.j4)(E,{key:0,tabs:C.value,onToggled:i[0]||(i[0]=e=>{return l=e,b.value=l,void a.value.toggleBackdrop();var l}),onTabChanged:i[1]||(i[1]=e=>{return l=e,m.value=null,h.value=l,z(),void a.value.resetCameraAndAnimation();var l}),onOnReset:i[2]||(i[2]=e=>{a.value.resetCameraAndAnimation()}),onOnFullscreen:i[3]||(i[3]=e=>{document.fullscreen?document.exitFullscreen():l.value.requestFullscreen().then(()=>{j()})}),ref:"tabNav"},null,8,["tabs"])):(0,t.kq)("v-if",!0),i[10]||(i[10]=(0,t.Uk)()),(0,t._)("div",Re,[(0,t._)("div",Ze,[(0,t._)("div",Ge,[(0,t.WI)(o.$slots,"default")])])]),i[11]||(i[11]=(0,t.Uk)()),(0,t.Wm)(t.uT,{name:"fade",appear:""},{default:(0,t.w5)(()=>[((0,t.wg)(),(0,t.j4)(F,{class:"coordinator__viewer",onBackdropToggle:i[4]||(i[4]=e=>f.value=e),onHotspotChanged:i[5]||(i[5]=e=>async function(e){const l=m.value;var a;m.value=e,null===e||l===e||H.value.find(l=>l===e)||(H.value.push(e),x(null===(a=S.value)||void 0===a?void 0:a.type)?I():M())}(e)),onLoaded:i[6]||(i[6]=e=>_.value=!0),onAnimation:i[7]||(i[7]=e=>{return l=e,w.value=l.isActive,void(g.value=l.promise);var l}),onError:i[8]||(i[8]=e=>(0,t.SU)(U)(e)),key:`viewer-${h.value}`,"viewer-data":D.value,isMobile:O.value,ref_key:"viewer",ref:a},null,8,["viewer-data","isMobile"]))]),_:1}),i[12]||(i[12]=(0,t.Uk)()),(0,t.Wm)(t.uT,{name:"fade",appear:""},{default:(0,t.w5)(()=>{var e;return[S.value&&!w.value?((0,t.wg)(),(0,t.j4)(Ee,{class:"coordinator__content",data:S.value.content,type:S.value.type,key:null===(e=S.value)||void 0===e?void 0:e.id,isMobile:O.value,label:(0,t.SU)(c).related_products,onClose:i[9]||(i[9]=e=>((0,ue.JP)(!1),void a.value.closeHotspot()))},null,8,["data","type","isMobile","label"])):(0,t.kq)("v-if",!0)]}),_:1})],64)):(0,t.kq)("v-if",!0)],512)],2))}}),Je=(0,m.Z)(Ye,[["__scopeId","data-v-55e9d9f8"]])}}]);