@everymatrix/casino-page-nd 1.77.10 → 1.77.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-page-nd",
-  "version": "1.77.10",
+  "version": "1.77.12",
   "type": "module",
   "main": "es2015/casino-page-nd.cjs",
   "module": "esnext/casino-page-nd.js",

package/stencil/{casino-play-random-game-RZvtsB6j.js → casino-play-random-game-C5MTrbms.js}

@@ -1,5 +1,5 @@
-import { b as a, p as t } from "../lazy/casino-play-random-game-B0jqtwb8.js";
-import { s as g } from "../lazy/casino-play-random-game-B0jqtwb8.js";
+import { b as a, p as t } from "../lazy/casino-play-random-game-DXY5a1vd.js";
+import { s as g } from "../lazy/casino-play-random-game-DXY5a1vd.js";
 import { g as e } from "./app-globals-0f993ce5-Cgk0KVAu.js";
 var r = () => {
   const n = import.meta.url, i = {};

package/stencil/{casino-play-random-game-7w8tLfw3.cjs → casino-play-random-game-D6quvMHY.cjs}

@@ -1 +1 @@
-"use strict";var s=(n,t,i)=>new Promise((d,c)=>{var g=e=>{try{a(i.next(e))}catch(r){c(r)}},m=e=>{try{a(i.throw(e))}catch(r){c(r)}},a=e=>e.done?d(e.value):Promise.resolve(e.value).then(g,m);a((i=i.apply(n,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../lazy/casino-play-random-game-Cka6VtRY.cjs"),u=require("./app-globals-0f993ce5-BD-Q0C8R.cjs");var o=typeof document!="undefined"?document.currentScript:null,h=()=>{const n=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:o&&o.tagName.toUpperCase()==="SCRIPT"&&o.src||new URL("stencil/casino-play-random-game-7w8tLfw3.cjs",document.baseURI).href,t={};return n!==""&&(t.resourcesUrl=new URL(".",n).href),l.promiseResolve(t)};h().then(n=>s(exports,null,function*(){return yield u.globalScripts(),l.bootstrapLazy([["casino-play-random-game_3",[[1,"casino-play-random-game",{endpoint:[513],datasource:[513],language:[513],specificCategory:[513,"specific-category"],iconVisible:[513,"icon-visible"],iconVisibleOnAnim:[513,"icon-visible-on-anim"],launchByGameCard:[513,"launch-by-game-card"],mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],hasErrors:[32],isLoading:[32],gamesToShow:[32],selectedGame:[32],animationDone:[32],animationStarted:[32],imageLoadingType:[32],detectDistance:[32]},null,{endpoint:["watchEndpoint"],datasource:["watchEndpoint"],language:["watchEndpoint"],translationUrl:["handleNewTranslations"],iconVisible:["handleIsIconVisible"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}],[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],loading:[1],imgLoaded:[32]},null,{src:["onSrcChange"],loading:["onLoadingChange"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]]],n)}));exports.setNonce=l.setNonce;
+"use strict";var s=(n,t,i)=>new Promise((d,c)=>{var g=e=>{try{a(i.next(e))}catch(r){c(r)}},m=e=>{try{a(i.throw(e))}catch(r){c(r)}},a=e=>e.done?d(e.value):Promise.resolve(e.value).then(g,m);a((i=i.apply(n,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../lazy/casino-play-random-game-DsvAa0pU.cjs"),u=require("./app-globals-0f993ce5-BD-Q0C8R.cjs");var o=typeof document!="undefined"?document.currentScript:null,h=()=>{const n=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:o&&o.tagName.toUpperCase()==="SCRIPT"&&o.src||new URL("stencil/casino-play-random-game-D6quvMHY.cjs",document.baseURI).href,t={};return n!==""&&(t.resourcesUrl=new URL(".",n).href),l.promiseResolve(t)};h().then(n=>s(exports,null,function*(){return yield u.globalScripts(),l.bootstrapLazy([["casino-play-random-game_3",[[1,"casino-play-random-game",{endpoint:[513],datasource:[513],language:[513],specificCategory:[513,"specific-category"],iconVisible:[513,"icon-visible"],iconVisibleOnAnim:[513,"icon-visible-on-anim"],launchByGameCard:[513,"launch-by-game-card"],mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],hasErrors:[32],isLoading:[32],gamesToShow:[32],selectedGame:[32],animationDone:[32],animationStarted:[32],imageLoadingType:[32],detectDistance:[32]},null,{endpoint:["watchEndpoint"],datasource:["watchEndpoint"],language:["watchEndpoint"],translationUrl:["handleNewTranslations"],iconVisible:["handleIsIconVisible"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}],[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],loading:[1],imgLoaded:[32]},null,{src:["onSrcChange"],loading:["onLoadingChange"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]]],n)}));exports.setNonce=l.setNonce;

package/stencil/{casino-play-random-game-lMSukf76.js → casino-play-random-game-fHX7Vj4m.js}

@@ -14,8 +14,8 @@ var l = (i, a, t) => new Promise((s, o) => {
   }, e = (n) => n.done ? s(n.value) : Promise.resolve(n.value).then(c, g);
   e((t = t.apply(i, a)).next());
 });
-import { b as m, p as d } from "../lazy/casino-play-random-game-BLjUToOl.js";
-import { s as f } from "../lazy/casino-play-random-game-BLjUToOl.js";
+import { b as m, p as d } from "../lazy/casino-play-random-game-Dx7GeDg-.js";
+import { s as f } from "../lazy/casino-play-random-game-Dx7GeDg-.js";
 import { g as h } from "./app-globals-0f993ce5-Cgk0KVAu.js";
 var u = () => {
   const i = import.meta.url, a = {};

package/stencil/{casino-play-random-game_3-BGi492Zx.js → casino-play-random-game_3-COuR8an7.js}

@@ -1,4 +1,4 @@
-import { r as d, c as w, h as t, g, H as l } from "../lazy/casino-play-random-game-B0jqtwb8.js";
+import { r as d, c as w, h as t, g, H as l } from "../lazy/casino-play-random-game-DXY5a1vd.js";
 const f = () => {
   let e = window.navigator.userAgent;
   return e.toLowerCase().match(/android/i) ? "Android" : e.toLowerCase().match(/iphone/i) ? "iPhone" : e.toLowerCase().match(/ipad|ipod/i) ? "iPad" : "PC";
@@ -589,15 +589,15 @@ const x = `:host {
 v.style = k;
 const G = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}", R = G, C = class {
   constructor(e) {
-    d(this, e), this.hasStarted = !1, this._onLoad = () => {
+    d(this, e), this._onLoad = () => {
       this.imgLoaded = !0;
     }, this.src = void 0, this.width = void 0, this.height = void 0, this.alt = void 0, this.styles = void 0, this.detectDistance = "200px", this.loading = "lazy", this.imgLoaded = !1;
   }
   onSrcChange() {
-    this.loading !== "eager" && (this.imgLoaded = !1, this.hasStarted = !1, (typeof window > "u" || !("IntersectionObserver" in window)) && this.beginLoad());
+    this.loading !== "eager" && (this.imgLoaded = !1, (typeof window > "u" || !("IntersectionObserver" in window)) && this.beginLoad());
   }
   onLoadingChange(e, n) {
-    e !== n && (this.cleanupObserver(), e === "eager" ? (this.imgEl && this.src && (this.imgEl.src = this.src), this.hasStarted = !0) : (this.imgLoaded = !1, this.hasStarted = !1, this.setupObserver()));
+    e !== n && (this.cleanupObserver(), e === "eager" ? this.imgEl && this.src && (this.imgEl.src = this.src) : (this.imgLoaded = !1, this.setupObserver()));
   }
   componentDidLoad() {
     this.loading !== "eager" && this.setupObserver();
@@ -629,7 +629,17 @@ const G = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;bord
     (e = this.io) === null || e === void 0 || e.disconnect(), this.io = void 0;
   }
   beginLoad() {
-    this.hasStarted || this.imgEl && this.src && (this.hasStarted = !0, this.imgEl.src = this.src, this.imgEl.complete && this.imgEl.naturalWidth > 0 && (this.imgLoaded = !0));
+    this.preloadAndSetSrc(), this.imgEl && this.imgEl.complete && this.imgEl.naturalWidth > 0 && (this.imgLoaded = !0);
+  }
+  preloadAndSetSrc() {
+    if (!this.src || !this.imgEl)
+      return;
+    const e = new Image();
+    e.onload = () => {
+      this.imgEl && (this.imgEl.src = e.src, this.imgLoaded = !0);
+    }, e.onerror = () => {
+      this.imgEl && (this.imgEl.src = this.src);
+    }, e.src = this.src;
   }
   get showSkeleton() {
     return this.loading !== "eager" && !this.imgLoaded;

package/stencil/{casino-play-random-game_3-qgVlR9ud.cjs → casino-play-random-game_3-DOusVAh7.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../lazy/casino-play-random-game-Cka6VtRY.cjs"),w=()=>{let e=window.navigator.userAgent;return e.toLowerCase().match(/android/i)?"Android":e.toLowerCase().match(/iphone/i)?"iPhone":e.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"},f="en",r={en:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},ro:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},fr:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},hr:{error:"Greška",randomGameLoading:"Učitavanje ...",playRandomGame:"Igraj nasumičnu igru",playNowRandomGame:"Igraj sada",spinRandomGame:"Zavrti"},hu:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},tr:{error:"Hata",randomGameLoading:"Yükleniyor...",playRandomGame:"Rastgele Bir Oyun Oyna",playNowRandomGame:"Şimdi Oyna",spinRandomGame:"DEĞİŞTİR"}},l=e=>new Promise(t=>{fetch(e).then(i=>i.json()).then(i=>{Object.keys(i).forEach(a=>{r[a]||(r[a]={});for(let s in i[a])r[a][s]=i[a][s]}),t(!0)})}),o=(e,t)=>{const i=t;return r[i!==void 0&&i in r?i:f][e]};function d(e,t){if(e){const i=document.createElement("style");i.innerHTML=t,e.appendChild(i)}}function m(e,t){const i=new URL(t);fetch(i.href).then(a=>a.text()).then(a=>{const s=document.createElement("style");s.innerHTML=a,e&&e.appendChild(s)}).catch(a=>{console.error("There was an error while trying to load client styling from URL",a)})}function y(e,t,i){if(window.emMessageBus){const a=document.createElement("style");window.emMessageBus.subscribe(t,s=>{a.innerHTML=s,e&&e.appendChild(a)})}}const b=`:host {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../lazy/casino-play-random-game-DsvAa0pU.cjs"),w=()=>{let e=window.navigator.userAgent;return e.toLowerCase().match(/android/i)?"Android":e.toLowerCase().match(/iphone/i)?"iPhone":e.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"},f="en",r={en:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},ro:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},fr:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},hr:{error:"Greška",randomGameLoading:"Učitavanje ...",playRandomGame:"Igraj nasumičnu igru",playNowRandomGame:"Igraj sada",spinRandomGame:"Zavrti"},hu:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},tr:{error:"Hata",randomGameLoading:"Yükleniyor...",playRandomGame:"Rastgele Bir Oyun Oyna",playNowRandomGame:"Şimdi Oyna",spinRandomGame:"DEĞİŞTİR"}},l=e=>new Promise(t=>{fetch(e).then(i=>i.json()).then(i=>{Object.keys(i).forEach(a=>{r[a]||(r[a]={});for(let s in i[a])r[a][s]=i[a][s]}),t(!0)})}),o=(e,t)=>{const i=t;return r[i!==void 0&&i in r?i:f][e]};function d(e,t){if(e){const i=document.createElement("style");i.innerHTML=t,e.appendChild(i)}}function m(e,t){const i=new URL(t);fetch(i.href).then(a=>a.text()).then(a=>{const s=document.createElement("style");s.innerHTML=a,e&&e.appendChild(s)}).catch(a=>{console.error("There was an error while trying to load client styling from URL",a)})}function y(e,t,i){if(window.emMessageBus){const a=document.createElement("style");window.emMessageBus.subscribe(t,s=>{a.innerHTML=s,e&&e.appendChild(a)})}}const b=`:host {
   display: block;
   font-family: inherit;
   -webkit-transform: translate3d(0, 0, 0);
@@ -375,7 +375,7 @@
     width: 70px;
     height: 85px;
   }
-}`,x=b,h=class{constructor(e){n.registerInstance(this,e),this.dataLoaded=n.createEvent(this,"data-loaded"),this.animation=null,this.selectedGameIndex=null,this.selectedGameEl=null,this.iconVisibility=null,this.shuffle=t=>{let i=t.length,a;for(;i!==0;)a=Math.floor(Math.random()*i),i--,[t[i],t[a]]=[t[a],t[i]];return t},this.endpoint=void 0,this.datasource=void 0,this.language="en",this.specificCategory="",this.iconVisible="",this.iconVisibleOnAnim="",this.launchByGameCard="",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.hasErrors=!1,this.isLoading=!0,this.gamesToShow=void 0,this.selectedGame=null,this.animationDone=!1,this.animationStarted=!1,this.imageLoadingType="lazy",this.detectDistance="200px"}watchEndpoint(e,t){e&&e!=t&&this.endpoint&&this.fetchGameList()}handleNewTranslations(){this.isLoading=!0,l(this.translationUrl).then(()=>{this.isLoading=!1})}handleIsIconVisible(){this.iconVisibility=this.iconVisible==="true"}handleClientStylingChange(e,t){e!=t&&d(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(e,t){e!=t&&this.clientStylingUrl&&m(this.stylingContainer,this.clientStylingUrl)}connectedCallback(){this.handleIsIconVisible()}componentWillLoad(){if(this.translationUrl.length>2&&l(this.translationUrl),this.endpoint&&this.language&&this.datasource)return this.fetchGameList()}componentDidLoad(){"IntersectionObserver"in window&&(this.io=new IntersectionObserver(e=>{e.forEach(t=>{var i;t.isIntersecting&&(this.imageLoadingType="eager",(i=this.io)===null||i===void 0||i.unobserve(t.target))})},{root:null,rootMargin:this.detectDistance}),this.io.observe(this.host)),window.emMessageBus!=null?y(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&d(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&m(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){var e;(e=this.io)===null||e===void 0||e.disconnect(),this.stylingSubscription&&this.stylingSubscription.unsubscribe()}fetchGameList(){let e=new URL(`${this.endpoint}/v1/casino/games`);return e.searchParams.append("platform",w()),e.searchParams.append("datasource",this.datasource),e.searchParams.append("fields","gId,id,href,thumbnail,name,vendor,launchUrl,subVendor"),e.searchParams.append("expand","vendor"),e.searchParams.append("pagination","offset=0,limit=423"),e.searchParams.append("language",this.language),this.specificCategory&&e.searchParams.append("filter",`categories(id=${this.specificCategory})`),new Promise((t,i)=>{this.isLoading=!0,fetch(e.href).then(a=>a.json()).then(a=>{this.gamesToShow=this.setUpGames(a==null?void 0:a.items),t(!0)}).catch(a=>{console.error(a),this.hasErrors=!0,i(a)}).finally(()=>{this.isLoading=!1,this.dataLoaded.emit({target:this.host})})})}setUpGames(e){const t=this.shuffle(e).slice(0,40);return t.concat(t)}selectRandomGame(){const e=this.gamesToShow.length/2;this.selectedGameIndex=Math.floor(Math.random()*(e-3)),this.selectedGameIndex+=e,this.selectedGameEl=this.gameContainer.children[this.selectedGameIndex]}playRandomGame(){this.animateGames(),typeof gtag=="function"&&gtag("event","PlayRandomGame",{context:"CasinoPlayRandomGame"})}respin(){this.animateGames(),typeof gtag=="function"&&gtag("event","RespinRandomGame",{context:"CasinoPlayRandomGame"})}animateGames(){this.iconVisibility=this.iconVisibleOnAnim==="true",this.animationStarted=!0,this.animationDone=!1,this.animation&&this.animation.cancel(),this.selectedGameEl&&(this.selectedGameEl.classList.remove("TheRandomGame"),this.selectedGame=null,this.selectedGameIndex=null),this.selectRandomGame();const e=window.getComputedStyle(this.gameContainer).getPropertyValue("gap"),t=parseInt(e,10),i=this.selectedGameEl.offsetWidth,a=this.gameContainer.offsetWidth,s=(i+t)*this.selectedGameIndex+i/2-a/2,u=[{transform:"translateX(0px)",scale:1},{scale:.75},{transform:`translateX(-${s}px)`,scale:1}],p={duration:3e3,easing:"cubic-bezier(0.5, 0, 0.5, 1.2)",fill:"forwards"};this.animation=this.gameContainer.animate(u,p),this.animation.onfinish=()=>{this.animationDone=!0,this.selectedGameEl.classList.add("TheRandomGame"),this.selectedGame=this.gamesToShow[this.selectedGameIndex]}}playGame(){this.selectedGame&&(window.postMessage({type:"PlayRandomGame",gameId:this.selectedGame.id,launchUrl:this.selectedGame.launchUrl,gameName:this.selectedGame.name,subVendor:this.selectedGame.subVendor},window.location.href),typeof gtag=="function"&&gtag("event","OpenRandomGame",{context:"CasinoPlayRandomGame"}))}showGameInfo(){window.postMessage({type:"InfoRandomGame",gameId:this.selectedGame.id,launchUrl:this.selectedGame.launchUrl,gameName:this.selectedGame.name,subVendor:this.selectedGame.subVendor},window.location.href),typeof gtag=="function"&&gtag("event","OpenRandomGameInfo",{context:"CasinoPlayRandomGame"})}renderGameDetails(){return n.h("div",{class:"RandomButtonsWrapper"},n.h("div",{class:"RandomGameDetails"},n.h("span",{class:"RandomGameTitle"},this.selectedGame.name),n.h("span",{class:"RandomGameInfo",onClick:()=>this.showGameInfo()},"i")),n.h("div",{class:"RandomButtons"},n.h("button",{class:"RandomButton On",onClick:()=>this.respin()},o("spinRandomGame",this.language)),!this.launchByGameCard&&n.h("button",{class:"RandomButton On",onClick:()=>this.playGame()},o("playNowRandomGame",this.language))))}renderSkeleton(){const e=Array.from({length:5},(t,i)=>n.h("div",{class:"RandomGameCard",key:i},n.h("ui-skeleton",{structure:"rectangle",width:"300px",height:"420px",borderRadius:"10px",animation:!0})));return n.h("div",{class:"RandomGameWrapper"},n.h("div",{class:"GameContainerGradient"}),n.h("div",{class:"GamesContainer"},e))}render(){return n.h("div",{key:"29fe3535d63177e6d1f30a757bf17b70d89ce386",ref:e=>this.stylingContainer=e},this.hasErrors?n.h("div",{class:"RandomGameError"},n.h("div",{class:"Title"},o("error",this.language))):this.isLoading?this.renderSkeleton():n.h("div",{class:"RandomGameWrapper"},n.h("div",{class:"GameContainerGradient"}),n.h("div",{class:"GamesContainer",ref:e=>this.gameContainer=e},this.gamesToShow&&this.gamesToShow.map((e,t)=>n.h("div",{class:"RandomGameCard",key:t,onClick:this.launchByGameCard==="true"?()=>this.playGame():void 0},n.h("div",{class:"RandomGameVendor"},e.vendor.name),n.h("ui-image",{class:"RandomGameImage",src:e.thumbnail,alt:e.name,title:e.name,loading:this.imageLoadingType}),this.selectedGame&&this.selectedGameIndex===t&&this.renderGameDetails()))),n.h("div",{class:`ButtonWrapper ${this.animationDone?"HideAnimation":""}`},n.h("div",{class:"ButtonContainer"},this.iconVisibility&&n.h("div",{class:`ButtonIcon ${this.animationStarted?"Flip":""}`},n.h("div",{class:"QustionMark"},"?"),n.h("div",{class:"HexagonMarkShadow"}),n.h("div",{class:"HexagonMark"})),!this.animationStarted&&n.h("div",{class:`RandomButton ${this.animationStarted?"HideAnimation":""}`,onClick:()=>this.playRandomGame()},o("playRandomGame",this.language))))))}get host(){return n.getElement(this)}static get watchers(){return{endpoint:["watchEndpoint"],datasource:["watchEndpoint"],language:["watchEndpoint"],translationUrl:["handleNewTranslations"],iconVisible:["handleIsIconVisible"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};h.style=x;const k=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}",v=k,c=class{constructor(e){n.registerInstance(this,e),this.hasStarted=!1,this._onLoad=()=>{this.imgLoaded=!0},this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.loading="lazy",this.imgLoaded=!1}onSrcChange(){this.loading!=="eager"&&(this.imgLoaded=!1,this.hasStarted=!1,(typeof window=="undefined"||!("IntersectionObserver"in window))&&this.beginLoad())}onLoadingChange(e,t){e!==t&&(this.cleanupObserver(),e==="eager"?(this.imgEl&&this.src&&(this.imgEl.src=this.src),this.hasStarted=!0):(this.imgLoaded=!1,this.hasStarted=!1,this.setupObserver()))}componentDidLoad(){this.loading!=="eager"&&this.setupObserver()}disconnectedCallback(){this.cleanupObserver(),this.imgEl&&(this.imgEl.src="")}canUseIO(){return typeof window!="undefined"&&"IntersectionObserver"in window}setupObserver(){if(this.loading!=="eager"){if(!this.canUseIO()){this.beginLoad();return}this.io=new IntersectionObserver(e=>{var t;for(const i of e)if(i.isIntersecting){this.beginLoad(),(t=this.io)===null||t===void 0||t.unobserve(i.target),this.cleanupObserver();break}},{root:null,rootMargin:this.detectDistance,threshold:0}),this.io.observe(this.el)}}cleanupObserver(){var e;(e=this.io)===null||e===void 0||e.disconnect(),this.io=void 0}beginLoad(){this.hasStarted||this.imgEl&&this.src&&(this.hasStarted=!0,this.imgEl.src=this.src,this.imgEl.complete&&this.imgEl.naturalWidth>0&&(this.imgLoaded=!0))}get showSkeleton(){return this.loading!=="eager"&&!this.imgLoaded}renderEager(){return n.h(n.Host,{class:"HostContainer"},n.h("img",{src:this.src,decoding:"async",style:this.styles,class:"UiContainer Visible",alt:this.alt,width:this.width,height:this.height,loading:"eager"}))}renderLazy(){return n.h(n.Host,{class:"HostContainer","aria-busy":this.imgLoaded?"false":"true"},this.showSkeleton&&n.h("ui-skeleton",{class:"UiContainer",structure:"image",width:"100%",height:"100%"}),n.h("img",{ref:e=>this.imgEl=e,src:void 0,decoding:"async",style:this.styles,onLoad:this._onLoad,class:`UiContainer ${this.imgLoaded?"Visible":"Hidden"}`,alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}render(){return this.loading==="eager"?this.renderEager():this.renderLazy()}get el(){return n.getElement(this)}static get watchers(){return{src:["onSrcChange"],loading:["onLoadingChange"]}}};c.style=v;const G=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}",R=G,g=class{constructor(e){n.registerInstance(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return e===0?0:`${e}px`;case"undefined":return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset";default:return"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return n.h("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return n.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,t)=>n.h("div",{key:t,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
+}`,x=b,h=class{constructor(e){n.registerInstance(this,e),this.dataLoaded=n.createEvent(this,"data-loaded"),this.animation=null,this.selectedGameIndex=null,this.selectedGameEl=null,this.iconVisibility=null,this.shuffle=t=>{let i=t.length,a;for(;i!==0;)a=Math.floor(Math.random()*i),i--,[t[i],t[a]]=[t[a],t[i]];return t},this.endpoint=void 0,this.datasource=void 0,this.language="en",this.specificCategory="",this.iconVisible="",this.iconVisibleOnAnim="",this.launchByGameCard="",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.hasErrors=!1,this.isLoading=!0,this.gamesToShow=void 0,this.selectedGame=null,this.animationDone=!1,this.animationStarted=!1,this.imageLoadingType="lazy",this.detectDistance="200px"}watchEndpoint(e,t){e&&e!=t&&this.endpoint&&this.fetchGameList()}handleNewTranslations(){this.isLoading=!0,l(this.translationUrl).then(()=>{this.isLoading=!1})}handleIsIconVisible(){this.iconVisibility=this.iconVisible==="true"}handleClientStylingChange(e,t){e!=t&&d(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(e,t){e!=t&&this.clientStylingUrl&&m(this.stylingContainer,this.clientStylingUrl)}connectedCallback(){this.handleIsIconVisible()}componentWillLoad(){if(this.translationUrl.length>2&&l(this.translationUrl),this.endpoint&&this.language&&this.datasource)return this.fetchGameList()}componentDidLoad(){"IntersectionObserver"in window&&(this.io=new IntersectionObserver(e=>{e.forEach(t=>{var i;t.isIntersecting&&(this.imageLoadingType="eager",(i=this.io)===null||i===void 0||i.unobserve(t.target))})},{root:null,rootMargin:this.detectDistance}),this.io.observe(this.host)),window.emMessageBus!=null?y(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&d(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&m(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){var e;(e=this.io)===null||e===void 0||e.disconnect(),this.stylingSubscription&&this.stylingSubscription.unsubscribe()}fetchGameList(){let e=new URL(`${this.endpoint}/v1/casino/games`);return e.searchParams.append("platform",w()),e.searchParams.append("datasource",this.datasource),e.searchParams.append("fields","gId,id,href,thumbnail,name,vendor,launchUrl,subVendor"),e.searchParams.append("expand","vendor"),e.searchParams.append("pagination","offset=0,limit=423"),e.searchParams.append("language",this.language),this.specificCategory&&e.searchParams.append("filter",`categories(id=${this.specificCategory})`),new Promise((t,i)=>{this.isLoading=!0,fetch(e.href).then(a=>a.json()).then(a=>{this.gamesToShow=this.setUpGames(a==null?void 0:a.items),t(!0)}).catch(a=>{console.error(a),this.hasErrors=!0,i(a)}).finally(()=>{this.isLoading=!1,this.dataLoaded.emit({target:this.host})})})}setUpGames(e){const t=this.shuffle(e).slice(0,40);return t.concat(t)}selectRandomGame(){const e=this.gamesToShow.length/2;this.selectedGameIndex=Math.floor(Math.random()*(e-3)),this.selectedGameIndex+=e,this.selectedGameEl=this.gameContainer.children[this.selectedGameIndex]}playRandomGame(){this.animateGames(),typeof gtag=="function"&&gtag("event","PlayRandomGame",{context:"CasinoPlayRandomGame"})}respin(){this.animateGames(),typeof gtag=="function"&&gtag("event","RespinRandomGame",{context:"CasinoPlayRandomGame"})}animateGames(){this.iconVisibility=this.iconVisibleOnAnim==="true",this.animationStarted=!0,this.animationDone=!1,this.animation&&this.animation.cancel(),this.selectedGameEl&&(this.selectedGameEl.classList.remove("TheRandomGame"),this.selectedGame=null,this.selectedGameIndex=null),this.selectRandomGame();const e=window.getComputedStyle(this.gameContainer).getPropertyValue("gap"),t=parseInt(e,10),i=this.selectedGameEl.offsetWidth,a=this.gameContainer.offsetWidth,s=(i+t)*this.selectedGameIndex+i/2-a/2,u=[{transform:"translateX(0px)",scale:1},{scale:.75},{transform:`translateX(-${s}px)`,scale:1}],p={duration:3e3,easing:"cubic-bezier(0.5, 0, 0.5, 1.2)",fill:"forwards"};this.animation=this.gameContainer.animate(u,p),this.animation.onfinish=()=>{this.animationDone=!0,this.selectedGameEl.classList.add("TheRandomGame"),this.selectedGame=this.gamesToShow[this.selectedGameIndex]}}playGame(){this.selectedGame&&(window.postMessage({type:"PlayRandomGame",gameId:this.selectedGame.id,launchUrl:this.selectedGame.launchUrl,gameName:this.selectedGame.name,subVendor:this.selectedGame.subVendor},window.location.href),typeof gtag=="function"&&gtag("event","OpenRandomGame",{context:"CasinoPlayRandomGame"}))}showGameInfo(){window.postMessage({type:"InfoRandomGame",gameId:this.selectedGame.id,launchUrl:this.selectedGame.launchUrl,gameName:this.selectedGame.name,subVendor:this.selectedGame.subVendor},window.location.href),typeof gtag=="function"&&gtag("event","OpenRandomGameInfo",{context:"CasinoPlayRandomGame"})}renderGameDetails(){return n.h("div",{class:"RandomButtonsWrapper"},n.h("div",{class:"RandomGameDetails"},n.h("span",{class:"RandomGameTitle"},this.selectedGame.name),n.h("span",{class:"RandomGameInfo",onClick:()=>this.showGameInfo()},"i")),n.h("div",{class:"RandomButtons"},n.h("button",{class:"RandomButton On",onClick:()=>this.respin()},o("spinRandomGame",this.language)),!this.launchByGameCard&&n.h("button",{class:"RandomButton On",onClick:()=>this.playGame()},o("playNowRandomGame",this.language))))}renderSkeleton(){const e=Array.from({length:5},(t,i)=>n.h("div",{class:"RandomGameCard",key:i},n.h("ui-skeleton",{structure:"rectangle",width:"300px",height:"420px",borderRadius:"10px",animation:!0})));return n.h("div",{class:"RandomGameWrapper"},n.h("div",{class:"GameContainerGradient"}),n.h("div",{class:"GamesContainer"},e))}render(){return n.h("div",{key:"29fe3535d63177e6d1f30a757bf17b70d89ce386",ref:e=>this.stylingContainer=e},this.hasErrors?n.h("div",{class:"RandomGameError"},n.h("div",{class:"Title"},o("error",this.language))):this.isLoading?this.renderSkeleton():n.h("div",{class:"RandomGameWrapper"},n.h("div",{class:"GameContainerGradient"}),n.h("div",{class:"GamesContainer",ref:e=>this.gameContainer=e},this.gamesToShow&&this.gamesToShow.map((e,t)=>n.h("div",{class:"RandomGameCard",key:t,onClick:this.launchByGameCard==="true"?()=>this.playGame():void 0},n.h("div",{class:"RandomGameVendor"},e.vendor.name),n.h("ui-image",{class:"RandomGameImage",src:e.thumbnail,alt:e.name,title:e.name,loading:this.imageLoadingType}),this.selectedGame&&this.selectedGameIndex===t&&this.renderGameDetails()))),n.h("div",{class:`ButtonWrapper ${this.animationDone?"HideAnimation":""}`},n.h("div",{class:"ButtonContainer"},this.iconVisibility&&n.h("div",{class:`ButtonIcon ${this.animationStarted?"Flip":""}`},n.h("div",{class:"QustionMark"},"?"),n.h("div",{class:"HexagonMarkShadow"}),n.h("div",{class:"HexagonMark"})),!this.animationStarted&&n.h("div",{class:`RandomButton ${this.animationStarted?"HideAnimation":""}`,onClick:()=>this.playRandomGame()},o("playRandomGame",this.language))))))}get host(){return n.getElement(this)}static get watchers(){return{endpoint:["watchEndpoint"],datasource:["watchEndpoint"],language:["watchEndpoint"],translationUrl:["handleNewTranslations"],iconVisible:["handleIsIconVisible"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};h.style=x;const k=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}",v=k,c=class{constructor(e){n.registerInstance(this,e),this._onLoad=()=>{this.imgLoaded=!0},this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.loading="lazy",this.imgLoaded=!1}onSrcChange(){this.loading!=="eager"&&(this.imgLoaded=!1,(typeof window=="undefined"||!("IntersectionObserver"in window))&&this.beginLoad())}onLoadingChange(e,t){e!==t&&(this.cleanupObserver(),e==="eager"?this.imgEl&&this.src&&(this.imgEl.src=this.src):(this.imgLoaded=!1,this.setupObserver()))}componentDidLoad(){this.loading!=="eager"&&this.setupObserver()}disconnectedCallback(){this.cleanupObserver(),this.imgEl&&(this.imgEl.src="")}canUseIO(){return typeof window!="undefined"&&"IntersectionObserver"in window}setupObserver(){if(this.loading!=="eager"){if(!this.canUseIO()){this.beginLoad();return}this.io=new IntersectionObserver(e=>{var t;for(const i of e)if(i.isIntersecting){this.beginLoad(),(t=this.io)===null||t===void 0||t.unobserve(i.target),this.cleanupObserver();break}},{root:null,rootMargin:this.detectDistance,threshold:0}),this.io.observe(this.el)}}cleanupObserver(){var e;(e=this.io)===null||e===void 0||e.disconnect(),this.io=void 0}beginLoad(){this.preloadAndSetSrc(),this.imgEl&&this.imgEl.complete&&this.imgEl.naturalWidth>0&&(this.imgLoaded=!0)}preloadAndSetSrc(){if(!this.src||!this.imgEl)return;const e=new Image;e.onload=()=>{this.imgEl&&(this.imgEl.src=e.src,this.imgLoaded=!0)},e.onerror=()=>{this.imgEl&&(this.imgEl.src=this.src)},e.src=this.src}get showSkeleton(){return this.loading!=="eager"&&!this.imgLoaded}renderEager(){return n.h(n.Host,{class:"HostContainer"},n.h("img",{src:this.src,decoding:"async",style:this.styles,class:"UiContainer Visible",alt:this.alt,width:this.width,height:this.height,loading:"eager"}))}renderLazy(){return n.h(n.Host,{class:"HostContainer","aria-busy":this.imgLoaded?"false":"true"},this.showSkeleton&&n.h("ui-skeleton",{class:"UiContainer",structure:"image",width:"100%",height:"100%"}),n.h("img",{ref:e=>this.imgEl=e,src:void 0,decoding:"async",style:this.styles,onLoad:this._onLoad,class:`UiContainer ${this.imgLoaded?"Visible":"Hidden"}`,alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}render(){return this.loading==="eager"?this.renderEager():this.renderLazy()}get el(){return n.getElement(this)}static get watchers(){return{src:["onSrcChange"],loading:["onLoadingChange"]}}};c.style=v;const G=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}",R=G,g=class{constructor(e){n.registerInstance(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return e===0?0:`${e}px`;case"undefined":return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset";default:return"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return n.h("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return n.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,t)=>n.h("div",{key:t,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
           :host {
             --emw-skeleton-logo-width: ${this.stylingValue.width};
             --emw-skeleton-logo-height: ${this.stylingValue.height};

package/stencil/{casino-play-random-game_3-DeMIDfdZ.js → casino-play-random-game_3-FMiWkeIB.js}

@@ -1,4 +1,4 @@
-import { r as d, c as w, h as t, g, H as l } from "../lazy/casino-play-random-game-BLjUToOl.js";
+import { r as d, c as w, h as t, g, H as l } from "../lazy/casino-play-random-game-Dx7GeDg-.js";
 const f = () => {
   let e = window.navigator.userAgent;
   return e.toLowerCase().match(/android/i) ? "Android" : e.toLowerCase().match(/iphone/i) ? "iPhone" : e.toLowerCase().match(/ipad|ipod/i) ? "iPad" : "PC";
@@ -589,15 +589,15 @@ const x = `:host {
 v.style = k;
 const G = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}", R = G, C = class {
   constructor(e) {
-    d(this, e), this.hasStarted = !1, this._onLoad = () => {
+    d(this, e), this._onLoad = () => {
       this.imgLoaded = !0;
     }, this.src = void 0, this.width = void 0, this.height = void 0, this.alt = void 0, this.styles = void 0, this.detectDistance = "200px", this.loading = "lazy", this.imgLoaded = !1;
   }
   onSrcChange() {
-    this.loading !== "eager" && (this.imgLoaded = !1, this.hasStarted = !1, (typeof window == "undefined" || !("IntersectionObserver" in window)) && this.beginLoad());
+    this.loading !== "eager" && (this.imgLoaded = !1, (typeof window == "undefined" || !("IntersectionObserver" in window)) && this.beginLoad());
   }
   onLoadingChange(e, n) {
-    e !== n && (this.cleanupObserver(), e === "eager" ? (this.imgEl && this.src && (this.imgEl.src = this.src), this.hasStarted = !0) : (this.imgLoaded = !1, this.hasStarted = !1, this.setupObserver()));
+    e !== n && (this.cleanupObserver(), e === "eager" ? this.imgEl && this.src && (this.imgEl.src = this.src) : (this.imgLoaded = !1, this.setupObserver()));
   }
   componentDidLoad() {
     this.loading !== "eager" && this.setupObserver();
@@ -629,7 +629,17 @@ const G = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;bord
     (e = this.io) === null || e === void 0 || e.disconnect(), this.io = void 0;
   }
   beginLoad() {
-    this.hasStarted || this.imgEl && this.src && (this.hasStarted = !0, this.imgEl.src = this.src, this.imgEl.complete && this.imgEl.naturalWidth > 0 && (this.imgLoaded = !0));
+    this.preloadAndSetSrc(), this.imgEl && this.imgEl.complete && this.imgEl.naturalWidth > 0 && (this.imgLoaded = !0);
+  }
+  preloadAndSetSrc() {
+    if (!this.src || !this.imgEl)
+      return;
+    const e = new Image();
+    e.onload = () => {
+      this.imgEl && (this.imgEl.src = e.src, this.imgLoaded = !0);
+    }, e.onerror = () => {
+      this.imgEl && (this.imgEl.src = this.src);
+    }, e.src = this.src;
   }
   get showSkeleton() {
     return this.loading !== "eager" && !this.imgLoaded;

package/stencil/{ui-image-Bc9Okpqm.js → ui-image-B1gnYL7S.js}

@@ -1,4 +1,4 @@
-import { b as a, p as e } from "../lazy/ui-image-DfAu-p11.js";
+import { b as a, p as e } from "../lazy/ui-image-DN4m37SE.js";
 import { a as i } from "./app-globals-0f993ce5-Cgk0KVAu.js";
 var o = () => {
   const t = import.meta.url, r = {};

package/stencil/{ui-image-BucplX2u.js → ui-image-BfKM3Qq_.js}

@@ -14,7 +14,7 @@ var s = (r, a, e) => new Promise((g, n) => {
   }, i = (t) => t.done ? g(t.value) : Promise.resolve(t.value).then(m, u);
   i((e = e.apply(r, a)).next());
 });
-import { b as c, p as l } from "../lazy/ui-image-CwC1nmDQ.js";
+import { b as c, p as l } from "../lazy/ui-image-Gj7rJvHi.js";
 import { a as d } from "./app-globals-0f993ce5-Cgk0KVAu.js";
 var h = () => {
   const r = import.meta.url, a = {};

package/stencil/{ui-image-YhLF4F-p.cjs → ui-image-Dv6GC1lm.cjs}

@@ -1 +1 @@
-"use strict";var c=(t,r,i)=>new Promise((g,s)=>{var m=e=>{try{n(i.next(e))}catch(a){s(a)}},d=e=>{try{n(i.throw(e))}catch(a){s(a)}},n=e=>e.done?g(e.value):Promise.resolve(e.value).then(m,d);n((i=i.apply(t,r)).next())});const u=require("../lazy/ui-image-Co06JuWa.cjs"),l=require("./app-globals-0f993ce5-BD-Q0C8R.cjs");var o=typeof document!="undefined"?document.currentScript:null,h=()=>{const t=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:o&&o.tagName.toUpperCase()==="SCRIPT"&&o.src||new URL("stencil/ui-image-YhLF4F-p.cjs",document.baseURI).href,r={};return t!==""&&(r.resourcesUrl=new URL(".",t).href),u.promiseResolve(r)};h().then(t=>c(exports,null,function*(){return yield l.globalScripts$1(),u.bootstrapLazy([["ui-image_2",[[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],loading:[1],imgLoaded:[32]},null,{src:["onSrcChange"],loading:["onLoadingChange"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]]],t)}));
+"use strict";var c=(t,r,i)=>new Promise((g,s)=>{var m=e=>{try{n(i.next(e))}catch(a){s(a)}},d=e=>{try{n(i.throw(e))}catch(a){s(a)}},n=e=>e.done?g(e.value):Promise.resolve(e.value).then(m,d);n((i=i.apply(t,r)).next())});const u=require("../lazy/ui-image-Bfp60xra.cjs"),l=require("./app-globals-0f993ce5-BD-Q0C8R.cjs");var o=typeof document!="undefined"?document.currentScript:null,h=()=>{const t=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:o&&o.tagName.toUpperCase()==="SCRIPT"&&o.src||new URL("stencil/ui-image-Dv6GC1lm.cjs",document.baseURI).href,r={};return t!==""&&(r.resourcesUrl=new URL(".",t).href),u.promiseResolve(r)};h().then(t=>c(exports,null,function*(){return yield l.globalScripts$1(),u.bootstrapLazy([["ui-image_2",[[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],loading:[1],imgLoaded:[32]},null,{src:["onSrcChange"],loading:["onLoadingChange"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]]],t)}));

package/stencil/{ui-image-8975d115-C4aRPj4L.js → ui-image-ae115205-CrezTJRy.js}

@@ -1,15 +1,15 @@
-import { r as n, h as t, H as r, g as a } from "../lazy/ui-image-CwC1nmDQ.js";
-const h = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}", o = h, d = class {
+import { r as n, h as t, H as r, g as a } from "../lazy/ui-image-Gj7rJvHi.js";
+const o = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}", d = o, h = class {
   constructor(i) {
-    n(this, i), this.hasStarted = !1, this._onLoad = () => {
+    n(this, i), this._onLoad = () => {
       this.imgLoaded = !0;
     }, this.src = void 0, this.width = void 0, this.height = void 0, this.alt = void 0, this.styles = void 0, this.detectDistance = "200px", this.loading = "lazy", this.imgLoaded = !1;
   }
   onSrcChange() {
-    this.loading !== "eager" && (this.imgLoaded = !1, this.hasStarted = !1, (typeof window == "undefined" || !("IntersectionObserver" in window)) && this.beginLoad());
+    this.loading !== "eager" && (this.imgLoaded = !1, (typeof window == "undefined" || !("IntersectionObserver" in window)) && this.beginLoad());
   }
   onLoadingChange(i, e) {
-    i !== e && (this.cleanupObserver(), i === "eager" ? (this.imgEl && this.src && (this.imgEl.src = this.src), this.hasStarted = !0) : (this.imgLoaded = !1, this.hasStarted = !1, this.setupObserver()));
+    i !== e && (this.cleanupObserver(), i === "eager" ? this.imgEl && this.src && (this.imgEl.src = this.src) : (this.imgLoaded = !1, this.setupObserver()));
   }
   componentDidLoad() {
     this.loading !== "eager" && this.setupObserver();
@@ -41,7 +41,17 @@ const h = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;bord
     (i = this.io) === null || i === void 0 || i.disconnect(), this.io = void 0;
   }
   beginLoad() {
-    this.hasStarted || this.imgEl && this.src && (this.hasStarted = !0, this.imgEl.src = this.src, this.imgEl.complete && this.imgEl.naturalWidth > 0 && (this.imgLoaded = !0));
+    this.preloadAndSetSrc(), this.imgEl && this.imgEl.complete && this.imgEl.naturalWidth > 0 && (this.imgLoaded = !0);
+  }
+  preloadAndSetSrc() {
+    if (!this.src || !this.imgEl)
+      return;
+    const i = new Image();
+    i.onload = () => {
+      this.imgEl && (this.imgEl.src = i.src, this.imgLoaded = !0);
+    }, i.onerror = () => {
+      this.imgEl && (this.imgEl.src = this.src);
+    }, i.src = this.src;
   }
   get showSkeleton() {
     return this.loading !== "eager" && !this.imgLoaded;
@@ -65,7 +75,7 @@ const h = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;bord
     };
   }
 };
-d.style = o;
+h.style = d;
 export {
-  d as U
+  h as U
 };

package/stencil/{ui-image-8975d115-DA_xNMMW.js → ui-image-ae115205-D6AaeZwA.js}

@@ -1,15 +1,15 @@
-import { r as n, h as t, H as r, g as a } from "../lazy/ui-image-DfAu-p11.js";
-const h = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}", o = h, d = class {
+import { r as n, h as t, H as r, g as a } from "../lazy/ui-image-DN4m37SE.js";
+const o = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}", d = o, h = class {
   constructor(i) {
-    n(this, i), this.hasStarted = !1, this._onLoad = () => {
+    n(this, i), this._onLoad = () => {
       this.imgLoaded = !0;
     }, this.src = void 0, this.width = void 0, this.height = void 0, this.alt = void 0, this.styles = void 0, this.detectDistance = "200px", this.loading = "lazy", this.imgLoaded = !1;
   }
   onSrcChange() {
-    this.loading !== "eager" && (this.imgLoaded = !1, this.hasStarted = !1, (typeof window > "u" || !("IntersectionObserver" in window)) && this.beginLoad());
+    this.loading !== "eager" && (this.imgLoaded = !1, (typeof window > "u" || !("IntersectionObserver" in window)) && this.beginLoad());
   }
   onLoadingChange(i, e) {
-    i !== e && (this.cleanupObserver(), i === "eager" ? (this.imgEl && this.src && (this.imgEl.src = this.src), this.hasStarted = !0) : (this.imgLoaded = !1, this.hasStarted = !1, this.setupObserver()));
+    i !== e && (this.cleanupObserver(), i === "eager" ? this.imgEl && this.src && (this.imgEl.src = this.src) : (this.imgLoaded = !1, this.setupObserver()));
   }
   componentDidLoad() {
     this.loading !== "eager" && this.setupObserver();
@@ -41,7 +41,17 @@ const h = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;bord
     (i = this.io) === null || i === void 0 || i.disconnect(), this.io = void 0;
   }
   beginLoad() {
-    this.hasStarted || this.imgEl && this.src && (this.hasStarted = !0, this.imgEl.src = this.src, this.imgEl.complete && this.imgEl.naturalWidth > 0 && (this.imgLoaded = !0));
+    this.preloadAndSetSrc(), this.imgEl && this.imgEl.complete && this.imgEl.naturalWidth > 0 && (this.imgLoaded = !0);
+  }
+  preloadAndSetSrc() {
+    if (!this.src || !this.imgEl)
+      return;
+    const i = new Image();
+    i.onload = () => {
+      this.imgEl && (this.imgEl.src = i.src, this.imgLoaded = !0);
+    }, i.onerror = () => {
+      this.imgEl && (this.imgEl.src = this.src);
+    }, i.src = this.src;
   }
   get showSkeleton() {
     return this.loading !== "eager" && !this.imgLoaded;
@@ -65,7 +75,7 @@ const h = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;bord
     };
   }
 };
-d.style = o;
+h.style = d;
 export {
-  d as U
+  h as U
 };

package/stencil/ui-image-ae115205-QubhRQ2C.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("../lazy/ui-image-Bfp60xra.cjs"),n=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}",a=n,r=class{constructor(i){e.registerInstance(this,i),this._onLoad=()=>{this.imgLoaded=!0},this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.loading="lazy",this.imgLoaded=!1}onSrcChange(){this.loading!=="eager"&&(this.imgLoaded=!1,(typeof window=="undefined"||!("IntersectionObserver"in window))&&this.beginLoad())}onLoadingChange(i,t){i!==t&&(this.cleanupObserver(),i==="eager"?this.imgEl&&this.src&&(this.imgEl.src=this.src):(this.imgLoaded=!1,this.setupObserver()))}componentDidLoad(){this.loading!=="eager"&&this.setupObserver()}disconnectedCallback(){this.cleanupObserver(),this.imgEl&&(this.imgEl.src="")}canUseIO(){return typeof window!="undefined"&&"IntersectionObserver"in window}setupObserver(){if(this.loading!=="eager"){if(!this.canUseIO()){this.beginLoad();return}this.io=new IntersectionObserver(i=>{var t;for(const s of i)if(s.isIntersecting){this.beginLoad(),(t=this.io)===null||t===void 0||t.unobserve(s.target),this.cleanupObserver();break}},{root:null,rootMargin:this.detectDistance,threshold:0}),this.io.observe(this.el)}}cleanupObserver(){var i;(i=this.io)===null||i===void 0||i.disconnect(),this.io=void 0}beginLoad(){this.preloadAndSetSrc(),this.imgEl&&this.imgEl.complete&&this.imgEl.naturalWidth>0&&(this.imgLoaded=!0)}preloadAndSetSrc(){if(!this.src||!this.imgEl)return;const i=new Image;i.onload=()=>{this.imgEl&&(this.imgEl.src=i.src,this.imgLoaded=!0)},i.onerror=()=>{this.imgEl&&(this.imgEl.src=this.src)},i.src=this.src}get showSkeleton(){return this.loading!=="eager"&&!this.imgLoaded}renderEager(){return e.h(e.Host,{class:"HostContainer"},e.h("img",{src:this.src,decoding:"async",style:this.styles,class:"UiContainer Visible",alt:this.alt,width:this.width,height:this.height,loading:"eager"}))}renderLazy(){return e.h(e.Host,{class:"HostContainer","aria-busy":this.imgLoaded?"false":"true"},this.showSkeleton&&e.h("ui-skeleton",{class:"UiContainer",structure:"image",width:"100%",height:"100%"}),e.h("img",{ref:i=>this.imgEl=i,src:void 0,decoding:"async",style:this.styles,onLoad:this._onLoad,class:`UiContainer ${this.imgLoaded?"Visible":"Hidden"}`,alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}render(){return this.loading==="eager"?this.renderEager():this.renderLazy()}get el(){return e.getElement(this)}static get watchers(){return{src:["onSrcChange"],loading:["onLoadingChange"]}}};r.style=a;exports.UiImage=r;

package/stencil/{ui-image_2-CU7-9W4b.js → ui-image_2-CG9gShl1.js}

@@ -1,5 +1,5 @@
-import { U as m } from "./ui-image-8975d115-C4aRPj4L.js";
-import { r, h as t, H as n } from "../lazy/ui-image-CwC1nmDQ.js";
+import { U as m } from "./ui-image-ae115205-CrezTJRy.js";
+import { r, h as t, H as n } from "../lazy/ui-image-Gj7rJvHi.js";
 const s = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}", a = s, l = class {
   constructor(e) {
     r(this, e), this.stylingValue = {

package/stencil/{ui-image_2-DUlGtGaX.cjs → ui-image_2-D6Y1TRww.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ui-image-8975d115-CsGWHOum.cjs"),t=require("../lazy/ui-image-Co06JuWa.cjs"),s=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}",a=s,n=class{constructor(e){t.registerInstance(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,i){i!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return e===0?0:`${e}px`;case"undefined":return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset";default:return"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t.h("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,i)=>t.h("div",{key:i,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ui-image-ae115205-QubhRQ2C.cjs"),t=require("../lazy/ui-image-Bfp60xra.cjs"),s=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}",a=s,n=class{constructor(e){t.registerInstance(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,i){i!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return e===0?0:`${e}px`;case"undefined":return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset";default:return"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t.h("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,i)=>t.h("div",{key:i,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
           :host {
             --emw-skeleton-logo-width: ${this.stylingValue.width};
             --emw-skeleton-logo-height: ${this.stylingValue.height};

package/stencil/{ui-image_2-DmmjcHqK.js → ui-image_2-DA8s2q6a.js}

@@ -1,5 +1,5 @@
-import { U as m } from "./ui-image-8975d115-DA_xNMMW.js";
-import { r, h as t, H as n } from "../lazy/ui-image-DfAu-p11.js";
+import { U as m } from "./ui-image-ae115205-D6AaeZwA.js";
+import { r, h as t, H as n } from "../lazy/ui-image-DN4m37SE.js";
 const s = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}", a = s, l = class {
   constructor(e) {
     r(this, e), this.stylingValue = {

package/stencil/ui-image-8975d115-CsGWHOum.cjs

@@ -1 +0,0 @@
-"use strict";const i=require("../lazy/ui-image-Co06JuWa.cjs"),n=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}",a=n,r=class{constructor(e){i.registerInstance(this,e),this.hasStarted=!1,this._onLoad=()=>{this.imgLoaded=!0},this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.loading="lazy",this.imgLoaded=!1}onSrcChange(){this.loading!=="eager"&&(this.imgLoaded=!1,this.hasStarted=!1,(typeof window=="undefined"||!("IntersectionObserver"in window))&&this.beginLoad())}onLoadingChange(e,t){e!==t&&(this.cleanupObserver(),e==="eager"?(this.imgEl&&this.src&&(this.imgEl.src=this.src),this.hasStarted=!0):(this.imgLoaded=!1,this.hasStarted=!1,this.setupObserver()))}componentDidLoad(){this.loading!=="eager"&&this.setupObserver()}disconnectedCallback(){this.cleanupObserver(),this.imgEl&&(this.imgEl.src="")}canUseIO(){return typeof window!="undefined"&&"IntersectionObserver"in window}setupObserver(){if(this.loading!=="eager"){if(!this.canUseIO()){this.beginLoad();return}this.io=new IntersectionObserver(e=>{var t;for(const s of e)if(s.isIntersecting){this.beginLoad(),(t=this.io)===null||t===void 0||t.unobserve(s.target),this.cleanupObserver();break}},{root:null,rootMargin:this.detectDistance,threshold:0}),this.io.observe(this.el)}}cleanupObserver(){var e;(e=this.io)===null||e===void 0||e.disconnect(),this.io=void 0}beginLoad(){this.hasStarted||this.imgEl&&this.src&&(this.hasStarted=!0,this.imgEl.src=this.src,this.imgEl.complete&&this.imgEl.naturalWidth>0&&(this.imgLoaded=!0))}get showSkeleton(){return this.loading!=="eager"&&!this.imgLoaded}renderEager(){return i.h(i.Host,{class:"HostContainer"},i.h("img",{src:this.src,decoding:"async",style:this.styles,class:"UiContainer Visible",alt:this.alt,width:this.width,height:this.height,loading:"eager"}))}renderLazy(){return i.h(i.Host,{class:"HostContainer","aria-busy":this.imgLoaded?"false":"true"},this.showSkeleton&&i.h("ui-skeleton",{class:"UiContainer",structure:"image",width:"100%",height:"100%"}),i.h("img",{ref:e=>this.imgEl=e,src:void 0,decoding:"async",style:this.styles,onLoad:this._onLoad,class:`UiContainer ${this.imgLoaded?"Visible":"Hidden"}`,alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}render(){return this.loading==="eager"?this.renderEager():this.renderLazy()}get el(){return i.getElement(this)}static get watchers(){return{src:["onSrcChange"],loading:["onLoadingChange"]}}};r.style=a;exports.UiImage=r;