https://www.daunen-federn.de/theme/41f3b6bfae6473a5fdce3463390f662…m-gallery-slider-viewer.plugin.ts.bbc27a.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[58833],{3362(e,i,t){t.d(i,{A:()=>a});var s=t(4335),n=t(6647);class a extends s.A{async init(){await (0,n.X)(),await this.initViewer()}async initViewer(){if(this.setReady(!1),this.canvas=this.el,this.canvas.tabIndex=0,void 0==this.dive){this.dive=await window.DIVEQuickViewPlugin.QuickView(this.options.modelUrl,{autoStart:!1,canvas:this.canvas});let e=this.dive.model.animations;if(e.length>0){let i=new window.DIVEAnimationPlugin.AnimationSystem;await i.fromClips(this.dive.model,e),this.dive.clock.addTicker(i);let t=await i.fromClips(this.dive.model,e);t.loop="repeat",t.play();let s=this.canvas.parentElement?.querySelector(".spatial-anim-container");if(!s)return;let n=s.querySelector(".spatial-anim-button");if(!n)return;n.addEventListener("click",()=>{"playing"===t.state?(t.pause(),n.classList.remove("spatial-anim-play")):(t.resume(),n.classList.add("spatial-anim-play"))});let a=n.querySelector(".spatial-anim-button-circle");if(!a)return;a.style.setProperty("--progress",String(0));let l=t.update.bind(t);if(t.update=e=>{l(e);let i=t.duration>0?t.time/t.duration:0;a.style.setProperty("--progress",String(i))},n.classList.add("spatial-anim-play"),n.classList.remove("visually-hidden"),e.length>1){let i=s.querySelector(".spatial-anim-switch-container");if(!i)return;let l=i.querySelector(".spatial-anim-switch");if(!l)return;e.forEach(e=>{let i=document.createElement("option");i.value=e.name,i.textContent=e.name,l.appendChild(i)}),l.addEventListener("change",e=>{let i=e.target.value;t.play(i),n.classList.add("spatial-anim-play"),a.style.setProperty("--progress",String(0))}),i.classList.remove("visually-hidden")}}}this.$emitter.publish("Viewer/initViewer")}startRendering(){this.rendering||(this.rendering=!0,this.dive?.start(),this.canvas?.parentElement?.classList.add("spatial-canvas-rendering"),this.ready&&this.canvas?.parentElement?.classList.add("spatial-canvas-display"),this.$emitter.publish("Viewer/startRendering"))}stopRendering(){this.rendering=!1,this.dive?.stop(),this.canvas?.parentElement?.classList.remove("spatial-canvas-rendering"),this.$emitter.publish("Viewer/stopRendering")}setReady(e){this.ready!==e&&(this.ready=e,this.onReady(e))}onReady(e){void 0!=this.canvas&&(e?(this.$emitter.publish("Viewer/ready"),this.canvas.parentElement?.classList.add("spatial-canvas-ready"),this.rendering&&this.canvas.parentElement?.classList.add("spatial-canvas-display")):(this.$emitter.publish("Viewer/notReady"),this.canvas.parentElement?.classList.remove("spatial-canvas-ready"),this.canvas.parentElement?.classList.remove("spatial-canvas-display")))}constructor(...e){super(...e),this.rendering=!1,this.ready=!1}}},6647(e,i,t){t.d(i,{X:()=>s});async function s(){return(window.loadDiveUtil||(window.loadDiveUtil={promise:null}),window.DIVEClass||window.DIVEARPlugin||window.DIVEQuickViewPlugin||window.DIVEAnimationPlugin)?Promise.resolve():(window.loadDiveUtil.promise||(window.loadDiveUtil.promise=new Promise(e=>{let i=Promise.all([t.e(99451),t.e(86179),t.e(50209)]).then(t.bind(t,209));Promise.all([i,Promise.all([t.e(99451),t.e(86179),t.e(55399),t.e(20947),t.e(93772)]).then(t.bind(t,3772)),Promise.all([t.e(99451),t.e(86179),t.e(87411)]).then(t.bind(t,7411)),Promise.all([t.e(99451),t.e(95939)]).then(t.bind(t,5939))]).then(i=>{let[t,s,n,a]=i;window.DIVEClass=t.DIVE,window.DIVEARPlugin=s,window.DIVEQuickViewPlugin=n,window.DIVEAnimationPlugin=a,e()})})),window.loadDiveUtil.promise)}},8833(e,i,t){t.r(i),t.d(i,{default:()=>l});var s=t(3362);class n{static #e=this.options={zoomSliderPositionAttribute:"data-zoom-product-slider-position",gallerySliderSelector:".gallery-slider-row",zoomModalSelector:"[data-zoom-modal]",zoomModalActionsSelector:".zoom-modal-actions",zoomSliderDisabledClass:"gallery-slider-canvas-disabled"};constructor(e){if(this.plugin=e,!this.plugin.el)return;let i=this.plugin.el.closest(n.options.gallerySliderSelector);if(!i)return;let t=i.querySelector(n.options.zoomModalSelector);if(!t)return;this.zoomModalElement=t,this.zoomModalPlugin=window.PluginManager.getPluginInstanceFromElement(this.zoomModalElement,"ZoomModal"),this.zoomModalPlugin.$emitter.subscribe("initSlider",()=>{this.plugin.initViewer()})}initViewer(){this.sliderPlugin=this.zoomModalPlugin.gallerySliderPlugin,this.tnsSlider=this.sliderPlugin?._slider,(this.tnsSlider?.getInfo().index??0)==this.plugin.sliderIndex&&(this.changeZoomActionsVisibility(!1),this.plugin.startRendering()),this.initEventListeners()}initEventListeners(){this.tnsSlider?.events.on("indexChanged",this.indexChangedEvent.bind(this)),this.sliderPlugin?.$emitter.subscribe("rebuild",this.rebuildEvent.bind(this))}rebuildEvent(e){this.plugin.setReady(!1),this.plugin.el=e.target.querySelector(`[${n.options.zoomSliderPositionAttribute}="${this.plugin.sliderIndex}"]`),this.initViewer(),this.plugin.initViewer()}indexChangedEvent(e){this.plugin.sliderIndex==e.index?setTimeout(()=>{this.plugin.sliderIndex==this.tnsSlider.getInfo().index&&(this.changeZoomActionsVisibility(!1),this.plugin.startRendering())},500):(this.changeZoomActionsVisibility(!0),this.plugin.stopRendering())}changeZoomActionsVisibility(e){let i=document.querySelector(n.options.zoomModalActionsSelector);e?i?.classList.remove("d-none"):i?.classList.add("d-none")}removeDisabled(){this.plugin.el?.parentElement?.parentElement?.classList.remove(n.options.zoomSliderDisabledClass)}}var a=t(6647);

1class l extends s.A{async init(){let e=document.querySelector(".zoom-modal-wrapper"),i=e?.querySelector(".zoom-modal");i?.addEventListener("shown.bs.modal",()=>{this.dive?.start()}),i?.addEventListener("hidden.bs.modal",()=>{this.dive?.stop()}),await (0,a.X)(),this.el&&(this.sliderIndex=Number(this.options.sliderPosition),this.SpatialZoomGallerySliderRenderUtil=new n(this),this.SpatialZoomGallerySliderRenderUtil.removeDisabled(),await this.initViewer())}async initViewer(){try{await super.initViewer()}catch(e){this.el?.parentElement?.parentElement?.classList.add("gallery-slider-canvas-disabled")}finally{this.setReady(!0),this.SpatialZoomGallerySliderRenderUtil?.initViewer()}}}}}]);