https://kulturpalast-dresden.de/includes/dist/2848.0a7a3ccd08222f9e99f1.js

1"use strict";(self.webpackChunkkupa=self.webpackChunkkupa||[]).push([[2848],{12848:function(e,s,t){t.r(s),t.d(s,{default:function(){return u}});var i=t(23577),n=Object.defineProperty,a=(e,s,t)=>(((e,s,t)=>{s in e?n(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t})(e,"symbol"!==typeof s?s+"":s,t),t);class l{constructor(e,s){a(this,"init",(()=>{this.cloneTextToFillWidth(),this.duplicateInnerElement(),this.setDuration(),this.pauseOnHover&&this.enablePauseOnHover(),this.reversed&&this.reverse(),this.bindEvents(),this.start()})),a(this,"bindEvents",(()=>{document.addEventListener("visibilitychange",(()=>{this.element.classList.contains(this.stateClasses.isRunning)&&(this.stop(),requestAnimationFrame((()=>requestAnimationFrame((()=>{this.start()})))))})),this.textElement.addEventListener("load",(()=>{this.element.classList.contains(this.stateClasses.isRunning)?(this.stop(),this.refresh(),requestAnimationFrame((()=>requestAnimationFrame((()=>{this.start()}))))):this.refresh()}),{capture:!0}),window.addEventListener("resize",(()=>{this.element.classList.contains(this.stateClasses.isRunning)?(this.stop(),requestAnimationFrame((()=>requestAnimationFrame((()=>{this.start()}))))):this.refresh()}))})),a(this,"setDuration",(()=>{const e=this.innerElement.clientWidth;this.textElement.clientWidth,this._duration=e/this.speed,this.element.style.setProperty("--animation-duration",`${this._duration}s`)})),a(this,"refresh",(()=>{this.removeClonedElements(),this.removeDuplicatedInnerElement(),this.cloneTextToFillWidth(),this.duplicateInnerElement(),this.setDuration()})),a(this,"cloneTextToFillWidth",(()=>{const e=this.element.clientWidth,s=this.innerElement.clientWidth,t=Math.floor(e/s);for(let i=0;i<t;i++){const e=this.textElement.cloneNode(!0);e.classList.add(this.cloneClasses.textClone),e.setAttribute("aria-hidden","true"),this.innerElement.appendChild(e)}})),a(this,"removeClonedElements",(()=>{this.innerElement.querySelectorAll(`.${this.cloneClasses.textClone}`).forEach((e=>e.remove()))})),a(this,"duplicateInnerElement",(()=>{const e=this.innerElement.cloneNode(!0);e.classList.add(this.cloneClasses.innerClone),e.setAttribute("aria-hidden","true"),this.element.appendChild(e)})),a(this,"removeDuplicatedInnerElement",(()=>{this.element.querySelector(`.${this.cloneClasses.innerClone}`).remove()})),a(this,"enablePauseOnHover",(()=>{this.element.classList.add(this.stateClasses.hasPauseOnHover)})),a(this,"reverse",(()=>{this.element.classList.toggle(this.stateClasses.isReversed)})),a(this,"start",(()=>{this.element.classList.add(this.stateClasses.hasAnimation),this.element.classList.add(this.stateClasses.isRunning)})),a(this,"stop",(()=>{this.element.classList.remove(this.stateClasses.hasAnimation),this.element.classList.remove(this.stateClasses.isRunning)})),a(this,"pause",(()=>{this.element.classList.remove(this.stateClasses.isRunning)})),a(this,"toggle",(()=>{this.element.classList.toggle(this.stateClasses.isRunning)})),a(this,"destroy",(()=>{this.removeDuplicatedInnerElement(),this.removeClonedElements(),this.element.classList.remove(this.stateClasses.hasAnimation),this.element.classList.remove(this.stateClasses.isRunning),this.element.classList.remove(this.stateClasses.hasPauseOnHover),this.element.classList.remove(this.stateClasses.isReversed),this.element.style.removeProperty("--animation-duration")})),this.element=e,this.blockClass=s.blockClass||"marquee",this.innerElement=s.innerElement||this.element.querySelector(`.${this.blockClass}__inner`),this.textElement=s.textElement||this.element.querySelector(`.${this.blockClass}__text`),this.reversed=s.reversed||!1,this.pauseOnHover=s.pauseOnHover||!1,this.speed=s.speed||40,this.stateClasses={isRunning:`${this.blockClass}--is-running`,hasAnimation:`${this.blockClass}--has-animation`,hasPauseOnHover:`${this.blockClass}--has-pause-on-hover`,isReversed:`${this.blockClass}--is-reversed`},this.cloneClasses={innerClone:`${this.blockClass}__inner-clone`,textClone:`${this.blockClass}__text-clone`},this._duration=null}}var r={key:0,class:"marquee-bar"},h={class:"marquee__inner"},o={class:"marquee__text"};var u={__name:"dpc-marquee-bar",setup:function(e){var s=(0,i.iH)(null),t=(0,i.XI)(null);(0,i.bv)((function(){t.value=new l(s.value,{speed:25,pauseOnHover:!0}

1),t.value.init()})),(0,i.Jd)((function(){t.value&&t.value.destroy()}));var n=(0,i.iH)(!0),a=function(){n.value=!1,t.value&&t.value.destroy()};return function(e,t){var l=(0,i.up)("dpc-icon");return n.value?((0,i.wg)(),(0,i.iD)("div",r,[(0,i._)("div",{ref_key:"marqueeElement",ref:s,class:"marquee-bar__marquee marquee"},[(0,i._)("div",h,[(0,i._)("span",o,[(0,i.WI)(e.$slots,"default")])])],512),(0,i._)("button",{class:"marquee-bar__button-close",type:"button",onClick:a},[(0,i.Wm)(l,{class:"marquee-bar__icon-close",icon:"close","label-path":"close"})])])):(0,i.kq)("",!0)}}}}}]);
2//# sourceMappingURL=2848.0a7a3ccd08222f9e99f1.js.map