https://www.webermarking.it/_resources/themes/bluhm/client/dist/index-CC905SFE.js

1import{s as e}from"./style-inject.es-BnTDb6vU.js";import{Modal as t}from"./index-BoDX7LM4.js";function o(e,t,o,n){return new(o||(o=Promise))(function(i,a){function c(e){try{r(n.next(e))}catch(e){a(e)}}function s(e){try{r(n.throw(e))}catch(e){a(e)}}function r(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o(function(e){e(t)})).then(c,s)}r((n=n.apply(e,t||[])).next())})}e('@font-face{font-family:IconDefault;src:url(/_resources/themes/bluhm/client/icons/default/IconDefault.eot?t=1765206224457);src:url(/_resources/themes/bluhm/client/icons/default/IconDefault.eot?t=1765206224457#iefix) format("embedded-opentype"),url(/_resources/themes/bluhm/client/icons/default/IconDefault.woff2?t=1765206224457) format("woff2"),url(/_resources/themes/bluhm/client/icons/default/IconDefault.woff?t=1765206224457) format("woff"),url(/_resources/themes/bluhm/client/icons/default/IconDefault.ttf?t=1765206224457) format("truetype"),url(/_resources/themes/bluhm/client/icons/default/IconDefault.svg?t=1765206224457) format("svg")}[class*=" icon-"],[class^=icon-]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IconDefault!important;font-size:24px;font-style:normal}.icon-adjustments-alt:before{content:"\\ea01"}.icon-arrow-bottom:before{content:"\\ea02"}.icon-arrow-left:before{content:"\\ea03"}.icon-arrow-right:before{content:"\\ea04"}.icon-arrow-top:before{content:"\\ea05"}.icon-brand-facebook:before{content:"\\ea06"}.icon-brand-instagram:before{content:"\\ea07"}.icon-brand-linkedin:before{content:"\\ea08"}.icon-brand-whatsapp:before{content:"\\ea09"}.icon-brand-x:before{content:"\\ea0a"}.icon-brand-xing:before{content:"\\ea0b"}.icon-brand-youtube:before{content:"\\ea0c"}.icon-calendar-month:before{content:"\\ea0d"}.icon-check:before{content:"\\ea0e"}.icon-chevron-down:before{content:"\\ea0f"}.icon-chevron-left:before{content:"\\ea10"}.icon-chevron-right:before{content:"\\ea11"}.icon-chevron-up:before{content:"\\ea12"}.icon-close:before{content:"\\ea13"}.icon-download:before{content:"\\ea14"}.icon-file:before{content:"\\ea15"}.icon-info-circle:before{content:"\\ea16"}.icon-leaf:before{content:"\\ea17"}.icon-login:before{content:"\\ea18"}.icon-logout:before{content:"\\ea19"}.icon-mail:before{content:"\\ea1a"}.icon-map-pin:before{content:"\\ea1b"}.icon-map-search:before{content:"\\ea1c"}.icon-map:before{content:"\\ea1d"}.icon-menu-2:before{content:"\\ea1e"}.icon-message-2:before{content:"\\ea1f"}.icon-minus:before{content:"\\ea20"}.icon-phone:before{content:"\\ea21"}.icon-player-eject:before{content:"\\ea22"}.icon-player-pause:before{content:"\\ea23"}.icon-player-play:before{content:"\\ea24"}.icon-player-record:before{content:"\\ea25"}.icon-player-skip-back:before{content:"\\ea26"}.icon-player-skip-forward:before{content:"\\ea27"}.icon-player-stop:before{content:"\\ea28"}.icon-player-track-next:before{content:"\\ea29"}.icon-player-track-prev:before{content:"\\ea2a"}.icon-plus:before{content:"\\ea2b"}.icon-search:before{content:"\\ea2c"}.icon-switch-3:before{content:"\\ea2d"}.icon-switch-horizontal:before{content:"\\ea2e"}.icon-switch-vertical:before{content:"\\ea2f"}.icon-tag:before{content:"\\ea30"}.icon-tool:before{content:"\\ea31"}.icon-trash:before{content:"\\ea32"}.icon-upload:before{content:"\\ea33"}.icon-urgent:before{content:"\\ea34"}.icon-user-circle:before{content:"\\ea35"}.icon-user:before{content:"\\ea36"}.icon-users:before{content:"\\ea37"}.icon-video:before{content:"\\ea38"}.icon-view-360-arrow:before{content:"\\ea39"}.icon-vocabulary:before{content:"\\ea3a"}.icon-world:before{content:"\\ea3b"}.icon-zoom-in:before{content:"\\ea3c"}.icon-zoom-out:before{content:"\\ea3d"}@media (min-width:768px){.special-hotspot-element{column-gap:24px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr;row-gap:0}}@media (min-width:992px){.special-hotspot-element{column-gap:32px}}.special-hotspot-element__hotspots{margin-bottom:64px;position:relative}@media (min-width:768px){.special-hotspot-element__hotspots{grid-column:1/7;margin-bottom:0}}.special-hotspot-element__hotspots-inner{position:inherit}@media (min-width:768px){.special-hotspot-element__content{grid-column:7/13}}.special-hotspot-element__content .intro{margin-bottom:18px}@media (min-width:576px){.special-hotspot-element__content .intro{margin-bottom:24px}}@media (min-width:768px){.special-hotspot-element__content .intro{margin-bottom:32px}}@media (min-width:992px){.special-hotspot-element__content .intro{margin-bottom:40px}}.special-hotspot-element__hotspot{--size:52px;cursor:pointer;height:var(--size);position:absolute;width:var(--size)}.special-hotspot-element__hotspot-inner{background-color:var(--red);border:1px solid var(--white);border-radius:50%;display:block;height:inherit;pointer-events:none;position:relative;scale:1;width:inherit;z-index:1}.special-hotspot-element__hotspot-icon{color:var(--white);display:block;inset:50% auto auto 50%;position:absolute;translate:-50% -50%}.special-hotspot-element__hotspot-animation{background-color:var(--white);border-radius:50%;height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.special-hotspot-element__hotspot.animated .special-hotspot-element__hotspot-animation{animation:scaleUp 1s ease-in-out;animation-delay:var(--animation-delay)}

1.special-hotspot-element__hotspot:hover .special-hotspot-element__hotspot-inner{background-color:var(--white);border-color:var(--red);scale:1.2;transition:scale .2s ease-in-out}.special-hotspot-element__hotspot:hover .special-hotspot-element__hotspot-icon:before{color:var(--red)}.special-hotspot-element__preview{margin-bottom:18px}@media (min-width:576px){.special-hotspot-element__preview{margin-bottom:24px}}@media (min-width:768px){.special-hotspot-element__preview{margin-bottom:32px}}@media (min-width:992px){.special-hotspot-element__preview{margin-bottom:40px}}.special-hotspot-element__preview .link{cursor:pointer;margin-bottom:2px}@media (min-width:576px){.special-hotspot-element__preview .link{margin-bottom:4px}}@media (min-width:768px){.special-hotspot-element__preview .link{margin-bottom:8px}}.special-hotspot-element__modal{width:1360px}.special-hotspot-element__modal-body{display:grid;gap:8px;grid-template-rows:auto auto}@media (min-width:768px){.special-hotspot-element__modal-body{gap:24px;grid-template-columns:repeat(12,1fr);grid-template-rows:auto}}@media (min-width:992px){.special-hotspot-element__modal-body{gap:32px}}@media (min-width:768px){.special-hotspot-element__modal-image{grid-column:1/7}.special-hotspot-element__modal-content{grid-column:7/13}}@keyframes scaleUp{0%{opacity:0;scale:1}50%{opacity:1;scale:1}to{opacity:0;scale:1.6}}'),"function"==typeof SuppressedError&&SuppressedError;class n{constructor(e){this.baseUrl=window.CONF.API_URL,this.baseUrl=void 0!==e?e:this.baseUrl}static create(e){return new n(e)}get(e){return o(this,void 0,void 0,function*(){return(yield fetch(`${this.baseUrl}${e}`)).json()})}}class i{constructor(e,t,o,n,i,a){this.headline=e,this.introtext=n,this.overline=i,this.overlineStyle=a,this.headlineTag=t,this.headlineStyle=o}static create(e,t,o,n,a,c){return new i(e,t,o,n,a,c)}el(e){const t=document.createElement("div");if(e&&t.classList.add(e),this.overline){const e=document.createElement("span");this.overlineStyle&&e.classList.add(this.overlineStyle),e.textContent=this.overline,t.appendChild(e)}const o=document.createElement(this.headlineTag);this.headlineStyle.split(" ").forEach(e=>o.classList.add(e)),o.textContent=this.headline,t.appendChild(o);const n=document.createElement("p");return n.innerHTML=this.introtext,t.appendChild(n),t}}class a{constructor(e){this.uuid=e.uuid,this.title=e.title,this.overline=e.overline,this.overlineStyle=e.overlineStyle,this.headline=e.headline,this.headlineTag=e.headlineTag,this.headlineStyle=e.headlineStyle,this.introtext=e.introtext,this.image=e.image,this.previewText=e.previewText,this.posX=e.posX,this.posY=e.posY}static create(e){return new a(e)}forModalBody(){const e=document.createElement("div");e.classList.add("special-hotspot-element__modal-body");const t=document.createElement("div");t.classList.add("special-hotspot-element__modal-image");const o=document.createElement("img");o.classList.add("image"),o.classList.add("image--cover"),o.classList.add("image--fw"),o.src=this.image,t.append(o),e.append(t);const n=document.createElement("div");n.classList.add("special-hotspot-element__modal-content");const a=i.create(this.headline,this.headlineTag,this.headlineStyle,this.introtext,this.overline,this.overlineStyle);return n.append(a.el()),e.append(n),e}}class c{constructor(e){this.el=e,this.hotspots=e.querySelectorAll("[data-id]"),this.apiClient=n.create(),this.modal=t.create(null,this.el,"special-hotspot-element__modal"),this.addEventListeners()}static create(e){return new c(e)}addEventListeners(){this.hotspots.forEach(e=>{e.addEventListener("click",this.handleClick.bind(this))})}openModal(e){const t=a.create(e);this.modal.setTitle(t.title),this.modal.setBody(t.forModalBody()),this.modal.show()}handleClick(e){const t=e.target;if(t){const e=t.getAttribute("data-id");e&&this.apiClient.get(`/hotspots/${e}`).then(e=>{this.openModal(e)}).catch(e=>{console.error(e)})}}}const s=".special-hotspot-element",r=document.querySelector(s);if(r){c.create(r);const l=null==r?void 0:r.querySelectorAll(".special-hotspot-element__hotspot");function p(){l.forEach((e,t)=>{const o=1*t;e.style.setProperty("--animation-delay",`${o}s`),e.classList.add("animated")})}l.forEach((e,t,o)=>{p(),e.addEventListener("animationend",()=>

1{t===o.length-1&&(l.forEach(e=>{e.style.removeProperty("--animation-delay"),e.classList.remove("animated")}),setTimeout(()=>{p()},100))})})}else console.error('Could not find root element "%s"',s);
2//# sourceMappingURL=index-CC905SFE.js.map