@everymatrix/casino-page 1.76.11 → 1.76.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/{CasinoCalendar-BEFWuyZL.cjs → CasinoCalendar-BYV7Jkb3.cjs} +1 -1
- package/components/{CasinoCalendar-nkrznZpo.js → CasinoCalendar-C87haj_O.js} +2 -2
- package/components/{CasinoCalendar-OJZrTCla.js → CasinoCalendar-Dl5rdRDv.js} +2 -2
- package/components/{CasinoCalendarDailyDetails-D-PrPj8s.js → CasinoCalendarDailyDetails-Cc4iwCGm.js} +2 -2
- package/components/{CasinoCalendarDailyDetails-Jxs5L-1T.js → CasinoCalendarDailyDetails-D3VBYPtA.js} +2 -2
- package/components/{CasinoCalendarDailyDetails-B0uEWbbt.cjs → CasinoCalendarDailyDetails-twhKWee5.cjs} +1 -1
- package/components/{CasinoCalendarDailyItem-BJHwZkKJ.cjs → CasinoCalendarDailyItem-CBrK-0Cg.cjs} +1 -1
- package/components/{CasinoCalendarDailyItem-DrZ46wZq.js → CasinoCalendarDailyItem-Cf02HaSu.js} +2 -2
- package/components/{CasinoCalendarDailyItem-D24LBmnc.js → CasinoCalendarDailyItem-DP7arIWF.js} +2 -2
- package/components/{CasinoCollectionsProviders-DBLRCWWo.js → CasinoCollectionsProviders-BO_QPAkQ.js} +1 -1
- package/components/{CasinoCollectionsProviders-CTlOHOW4.js → CasinoCollectionsProviders-DodWHT-n.js} +1 -1
- package/components/{CasinoCollectionsProviders-CzBxsowK.cjs → CasinoCollectionsProviders-Dy5oZRij.cjs} +1 -1
- package/components/{CasinoFavoritesSection-Bii3n309.cjs → CasinoFavoritesSection-0ld0leDz.cjs} +1 -1
- package/components/{CasinoFavoritesSection-D7yYQwFM.js → CasinoFavoritesSection-3ztqm6wj.js} +2 -2
- package/components/{CasinoFavoritesSection-BB3vwdI6.js → CasinoFavoritesSection-DHhGCYbk.js} +2 -2
- package/components/{CasinoFilter-CTkRb1UC.js → CasinoFilter-BiFRqe6s.js} +1 -1
- package/components/{CasinoFilter-5hTa8CKw.js → CasinoFilter-Cxp3z_JJ.js} +1 -1
- package/components/{CasinoFilter-BAo8wmWH.cjs → CasinoFilter-DN6wvGFG.cjs} +1 -1
- package/components/{CasinoGameThumbnail-CFBYoiMW.js → CasinoGameThumbnail-BGqs-yiN.js} +2 -2
- package/components/{CasinoGameThumbnail-Bzj5m3wW.cjs → CasinoGameThumbnail-Cn50Mnpa.cjs} +1 -1
- package/components/{CasinoGameThumbnail-BHB8fvqJ.js → CasinoGameThumbnail-D1NHRqNC.js} +2 -2
- package/components/{CasinoGamesCategorySection-G4F1PaID.js → CasinoGamesCategorySection-B9MO1cr6.js} +5 -5
- package/components/{CasinoGamesCategorySection-CiyP6kX_.cjs → CasinoGamesCategorySection-CCD9iKBk.cjs} +1 -1
- package/components/{CasinoGamesCategorySection-DIzrrgBt.js → CasinoGamesCategorySection-CLPYePZG.js} +5 -5
- package/components/{CasinoJackpotBanner-DBer4LlE.cjs → CasinoJackpotBanner-3c1xcQqD.cjs} +1 -1
- package/components/{CasinoJackpotBanner-C51E4rGA.js → CasinoJackpotBanner-Bv5mPRE0.js} +2 -2
- package/components/{CasinoJackpotBanner-CTxmfDSK.js → CasinoJackpotBanner-CzIO2X74.js} +2 -2
- package/components/{CasinoLastPlayedSection-DKluSauU.cjs → CasinoLastPlayedSection-CZvMrFF0.cjs} +1 -1
- package/components/{CasinoLastPlayedSection-B0mXeAxm.js → CasinoLastPlayedSection-CvZ8t98Q.js} +2 -2
- package/components/{CasinoLastPlayedSection-BEdPMbdX.js → CasinoLastPlayedSection-D9_JyaUG.js} +2 -2
- package/components/{CasinoMostPlayedSection-C3oLlKeK.cjs → CasinoMostPlayedSection-8i1-se03.cjs} +1 -1
- package/components/{CasinoMostPlayedSection-BWWmYlad.js → CasinoMostPlayedSection-B6UYCrK1.js} +2 -2
- package/components/{CasinoMostPlayedSection-CQcg23Mh.js → CasinoMostPlayedSection-BWHSFIl9.js} +2 -2
- package/components/{CasinoMyGames-PH9lFwYB.cjs → CasinoMyGames-CCybLX9d.cjs} +1 -1
- package/components/{CasinoMyGames-DjCeMiOi.js → CasinoMyGames-GXbEOUz0.js} +4 -4
- package/components/{CasinoMyGames-DgaCGZZY.js → CasinoMyGames-XuUh0Iw1.js} +4 -4
- package/components/{CasinoPage-Dfa5MIJN.cjs → CasinoPage-B1KZPcC9.cjs} +1 -1
- package/components/{CasinoPage-ZArp5o29.js → CasinoPage-BYXAGDvR.js} +11 -11
- package/components/{CasinoPage-Naj-FYxv.js → CasinoPage-keVckhvA.js} +11 -11
- package/components/{CasinoRandomGame-BAEkb2tu.js → CasinoRandomGame-Be_OC1nS.js} +1 -1
- package/components/{CasinoRandomGame-KabCqklE.cjs → CasinoRandomGame-C-olALcp.cjs} +1 -1
- package/components/{CasinoRandomGame-BmMyshhG.js → CasinoRandomGame-Do9Ry6mX.js} +1 -1
- package/components/{CasinoSearch-BM_P0O72.cjs → CasinoSearch-BxbK1vfB.cjs} +1 -1
- package/components/{CasinoSearch-D7_wWPS-.js → CasinoSearch-C1MuxfEt.js} +3 -3
- package/components/{CasinoSearch-NtaZKgg0.js → CasinoSearch-C6_uloxT.js} +3 -3
- package/components/{CasinoSort-DuhCSjcj.js → CasinoSort-CFXBcyqN.js} +1 -1
- package/components/{CasinoSort-Bq2rlwaB.js → CasinoSort-CVx2JF6c.js} +1 -1
- package/components/{CasinoSort-DoQJjcDE.cjs → CasinoSort-CXseP4mp.cjs} +1 -1
- package/components/{CasinoWinners-D7mQLu0o.cjs → CasinoWinners-D_veH7OJ.cjs} +1 -1
- package/components/{CasinoWinners-DrPaYn8M.js → CasinoWinners-PplSTWYp.js} +2 -2
- package/components/{CasinoWinners-BW3nKr2t.js → CasinoWinners-Se8Tt2Fa.js} +2 -2
- package/components/{GeneralAnimationLoading-BK4eHT2E.js → GeneralAnimationLoading-BG-JznT6.js} +1 -1
- package/components/{GeneralAnimationLoading-BlaU9rOM.js → GeneralAnimationLoading-Begig657.js} +1 -1
- package/components/{GeneralAnimationLoading-QrfZPZRh.cjs → GeneralAnimationLoading-BySVl_wz.cjs} +1 -1
- package/es2015/casino-page.cjs +1 -1
- package/es2015/casino-page.js +1 -1
- package/esnext/casino-page.js +1 -1
- package/package.json +1 -1
- package/stencil/{casino-play-random-game-rSOIFZ4R.js → casino-play-random-game-Bcp8xLrL.js} +1 -1
- package/stencil/{casino-play-random-game-X98kjjp6.cjs → casino-play-random-game-DHBKaeAX.cjs} +1 -1
- package/stencil/{casino-play-random-game-BmY8ENyy.js → casino-play-random-game-W_JDRP5P.js} +1 -1
- package/stencil/{casino-play-random-game_2-rMFQqRp8.js → casino-play-random-game_2-BGE-oMV1.js} +2 -2
- package/stencil/{casino-play-random-game_2-BJVoDn1D.cjs → casino-play-random-game_2-CsaKuS_m.cjs} +1 -1
- package/stencil/{casino-play-random-game_2-Cr07t-U3.js → casino-play-random-game_2-EAIMj5kG.js} +2 -2
- package/stencil/index-242ac81a-BqeIndhr.js +554 -0
- package/stencil/index-242ac81a-CI4JxPRf.js +538 -0
- package/stencil/index-242ac81a-CjjM4VND.cjs +1 -0
- package/stencil/{index-328e660d-Dti9H7_B.js → index-328e660d-CV2Ft9VG.js} +1 -1
- package/stencil/{index-328e660d-Cex2hzsG.js → index-328e660d-CX4nYxdf.js} +1 -1
- package/stencil/{index-328e660d-MaaYKutI.cjs → index-328e660d-rQhlf25X.cjs} +1 -1
- package/stencil/ui-image-2ff23cd5-BHGIWJop.cjs +1 -0
- package/stencil/ui-image-2ff23cd5-D0rXudCW.js +86 -0
- package/stencil/ui-image-2ff23cd5-DCLQ0SIO.js +86 -0
- package/stencil/ui-image-CVrTqLhl.js +25 -0
- package/stencil/ui-image-Cd2KxMB7.cjs +1 -0
- package/stencil/ui-image-adPxpjgH.js +7 -0
- package/stencil/{ui-image_2-Bm97-wkj.js → ui-image_2-B21W_djK.js} +2 -2
- package/stencil/{ui-image_2-DdFjzzNO.cjs → ui-image_2-CLk629jW.cjs} +1 -1
- package/stencil/{ui-image_2-qO3reSlr.js → ui-image_2-VgK3B8gQ.js} +2 -2
- package/stencil/index-97d17652--F7PvMq9.js +0 -542
- package/stencil/index-97d17652-BhLhk_xz.cjs +0 -1
- package/stencil/index-97d17652-CCFHkzJw.js +0 -558
- package/stencil/ui-image-2_i-_1cj.js +0 -25
- package/stencil/ui-image-b7b48fe5-ByRuJtdE.js +0 -39
- package/stencil/ui-image-b7b48fe5-D6iig_uN.js +0 -39
- package/stencil/ui-image-b7b48fe5-DG83WzAo.cjs +0 -1
- package/stencil/ui-image-bN_3pDWc.js +0 -7
- package/stencil/ui-image-eY8BEG3a.cjs +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const i=require("./index-242ac81a-CjjM4VND.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.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(),this.detachImgHandlers(),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.detachImgHandlers()}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}wireOnceHandlers(){this.imgEl&&(this.detachImgHandlers(),this._onLoad=()=>{var e;this.currentSrc&&(!((e=this.imgEl)===null||e===void 0)&&e.currentSrc)&&!this.imgEl.currentSrc.includes(this.currentSrc)||(this.imgLoaded=!0)},this._onError=()=>{console.error("Load image failed:",this.src)},this.imgEl.addEventListener("load",this._onLoad,{once:!0}),this.imgEl.addEventListener("error",this._onError,{once:!0}))}detachImgHandlers(){this.imgEl&&(this._onLoad&&this.imgEl.removeEventListener("load",this._onLoad),this._onError&&this.imgEl.removeEventListener("error",this._onError),this._onLoad=void 0,this._onError=void 0)}beginLoad(){if(!this.hasStarted&&this.imgEl&&this.src){if(this.hasStarted=!0,this.wireOnceHandlers(),this.imgEl.complete&&this.imgEl.naturalWidth>0){this.imgLoaded=!0;return}this.currentSrc=this.src,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,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;
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { r as n, h as t, H as r, g as a } from "./index-242ac81a-CI4JxPRf.js";
|
|
2
|
+
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 {
|
|
3
|
+
constructor(e) {
|
|
4
|
+
n(this, e), this.hasStarted = !1, 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;
|
|
5
|
+
}
|
|
6
|
+
onSrcChange() {
|
|
7
|
+
this.loading !== "eager" && (this.imgLoaded = !1, this.hasStarted = !1, (typeof window > "u" || !("IntersectionObserver" in window)) && this.beginLoad());
|
|
8
|
+
}
|
|
9
|
+
onLoadingChange(e, i) {
|
|
10
|
+
e !== i && (this.cleanupObserver(), this.detachImgHandlers(), e === "eager" ? (this.imgEl && this.src && (this.imgEl.src = this.src), this.hasStarted = !0) : (this.imgLoaded = !1, this.hasStarted = !1, this.setupObserver()));
|
|
11
|
+
}
|
|
12
|
+
componentDidLoad() {
|
|
13
|
+
this.loading !== "eager" && this.setupObserver();
|
|
14
|
+
}
|
|
15
|
+
disconnectedCallback() {
|
|
16
|
+
this.cleanupObserver(), this.detachImgHandlers();
|
|
17
|
+
}
|
|
18
|
+
canUseIO() {
|
|
19
|
+
return typeof window < "u" && "IntersectionObserver" in window;
|
|
20
|
+
}
|
|
21
|
+
setupObserver() {
|
|
22
|
+
if (this.loading !== "eager") {
|
|
23
|
+
if (!this.canUseIO()) {
|
|
24
|
+
this.beginLoad();
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
this.io = new IntersectionObserver((e) => {
|
|
28
|
+
var i;
|
|
29
|
+
for (const s of e)
|
|
30
|
+
if (s.isIntersecting) {
|
|
31
|
+
this.beginLoad(), (i = this.io) === null || i === void 0 || i.unobserve(s.target), this.cleanupObserver();
|
|
32
|
+
break;
|
|
33
|
+
}
|
|
34
|
+
}, { root: null, rootMargin: this.detectDistance, threshold: 0 }), this.io.observe(this.el);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
cleanupObserver() {
|
|
38
|
+
var e;
|
|
39
|
+
(e = this.io) === null || e === void 0 || e.disconnect(), this.io = void 0;
|
|
40
|
+
}
|
|
41
|
+
wireOnceHandlers() {
|
|
42
|
+
this.imgEl && (this.detachImgHandlers(), this._onLoad = () => {
|
|
43
|
+
var e;
|
|
44
|
+
this.currentSrc && (!((e = this.imgEl) === null || e === void 0) && e.currentSrc) && !this.imgEl.currentSrc.includes(this.currentSrc) || (this.imgLoaded = !0);
|
|
45
|
+
}, this._onError = () => {
|
|
46
|
+
console.error("Load image failed:", this.src);
|
|
47
|
+
}, this.imgEl.addEventListener("load", this._onLoad, { once: !0 }), this.imgEl.addEventListener("error", this._onError, { once: !0 }));
|
|
48
|
+
}
|
|
49
|
+
detachImgHandlers() {
|
|
50
|
+
this.imgEl && (this._onLoad && this.imgEl.removeEventListener("load", this._onLoad), this._onError && this.imgEl.removeEventListener("error", this._onError), this._onLoad = void 0, this._onError = void 0);
|
|
51
|
+
}
|
|
52
|
+
beginLoad() {
|
|
53
|
+
if (!this.hasStarted && this.imgEl && this.src) {
|
|
54
|
+
if (this.hasStarted = !0, this.wireOnceHandlers(), this.imgEl.complete && this.imgEl.naturalWidth > 0) {
|
|
55
|
+
this.imgLoaded = !0;
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
this.currentSrc = this.src, this.imgEl.src = this.src, this.imgEl.complete && this.imgEl.naturalWidth > 0 && (this.imgLoaded = !0);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
get showSkeleton() {
|
|
62
|
+
return this.loading !== "eager" && !this.imgLoaded;
|
|
63
|
+
}
|
|
64
|
+
renderEager() {
|
|
65
|
+
return t(r, { class: "HostContainer" }, t("img", { src: this.src, decoding: "async", style: this.styles, class: "UiContainer Visible", alt: this.alt, width: this.width, height: this.height, loading: "eager" }));
|
|
66
|
+
}
|
|
67
|
+
renderLazy() {
|
|
68
|
+
return t(r, { class: "HostContainer", "aria-busy": this.imgLoaded ? "false" : "true" }, this.showSkeleton && t("ui-skeleton", { class: "UiContainer", structure: "image", width: "100%", height: "100%" }), t("img", { ref: (e) => this.imgEl = e, src: void 0, decoding: "async", style: this.styles, class: `UiContainer ${this.imgLoaded ? "Visible" : "Hidden"}`, alt: this.alt, width: this.width, height: this.height, loading: "lazy" }));
|
|
69
|
+
}
|
|
70
|
+
render() {
|
|
71
|
+
return this.loading === "eager" ? this.renderEager() : this.renderLazy();
|
|
72
|
+
}
|
|
73
|
+
get el() {
|
|
74
|
+
return a(this);
|
|
75
|
+
}
|
|
76
|
+
static get watchers() {
|
|
77
|
+
return {
|
|
78
|
+
src: ["onSrcChange"],
|
|
79
|
+
loading: ["onLoadingChange"]
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
d.style = o;
|
|
84
|
+
export {
|
|
85
|
+
d as U
|
|
86
|
+
};
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { r as n, h as t, H as r, g as a } from "./index-242ac81a-BqeIndhr.js";
|
|
2
|
+
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 {
|
|
3
|
+
constructor(e) {
|
|
4
|
+
n(this, e), this.hasStarted = !1, 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;
|
|
5
|
+
}
|
|
6
|
+
onSrcChange() {
|
|
7
|
+
this.loading !== "eager" && (this.imgLoaded = !1, this.hasStarted = !1, (typeof window == "undefined" || !("IntersectionObserver" in window)) && this.beginLoad());
|
|
8
|
+
}
|
|
9
|
+
onLoadingChange(e, i) {
|
|
10
|
+
e !== i && (this.cleanupObserver(), this.detachImgHandlers(), e === "eager" ? (this.imgEl && this.src && (this.imgEl.src = this.src), this.hasStarted = !0) : (this.imgLoaded = !1, this.hasStarted = !1, this.setupObserver()));
|
|
11
|
+
}
|
|
12
|
+
componentDidLoad() {
|
|
13
|
+
this.loading !== "eager" && this.setupObserver();
|
|
14
|
+
}
|
|
15
|
+
disconnectedCallback() {
|
|
16
|
+
this.cleanupObserver(), this.detachImgHandlers();
|
|
17
|
+
}
|
|
18
|
+
canUseIO() {
|
|
19
|
+
return typeof window != "undefined" && "IntersectionObserver" in window;
|
|
20
|
+
}
|
|
21
|
+
setupObserver() {
|
|
22
|
+
if (this.loading !== "eager") {
|
|
23
|
+
if (!this.canUseIO()) {
|
|
24
|
+
this.beginLoad();
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
this.io = new IntersectionObserver((e) => {
|
|
28
|
+
var i;
|
|
29
|
+
for (const s of e)
|
|
30
|
+
if (s.isIntersecting) {
|
|
31
|
+
this.beginLoad(), (i = this.io) === null || i === void 0 || i.unobserve(s.target), this.cleanupObserver();
|
|
32
|
+
break;
|
|
33
|
+
}
|
|
34
|
+
}, { root: null, rootMargin: this.detectDistance, threshold: 0 }), this.io.observe(this.el);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
cleanupObserver() {
|
|
38
|
+
var e;
|
|
39
|
+
(e = this.io) === null || e === void 0 || e.disconnect(), this.io = void 0;
|
|
40
|
+
}
|
|
41
|
+
wireOnceHandlers() {
|
|
42
|
+
this.imgEl && (this.detachImgHandlers(), this._onLoad = () => {
|
|
43
|
+
var e;
|
|
44
|
+
this.currentSrc && (!((e = this.imgEl) === null || e === void 0) && e.currentSrc) && !this.imgEl.currentSrc.includes(this.currentSrc) || (this.imgLoaded = !0);
|
|
45
|
+
}, this._onError = () => {
|
|
46
|
+
console.error("Load image failed:", this.src);
|
|
47
|
+
}, this.imgEl.addEventListener("load", this._onLoad, { once: !0 }), this.imgEl.addEventListener("error", this._onError, { once: !0 }));
|
|
48
|
+
}
|
|
49
|
+
detachImgHandlers() {
|
|
50
|
+
this.imgEl && (this._onLoad && this.imgEl.removeEventListener("load", this._onLoad), this._onError && this.imgEl.removeEventListener("error", this._onError), this._onLoad = void 0, this._onError = void 0);
|
|
51
|
+
}
|
|
52
|
+
beginLoad() {
|
|
53
|
+
if (!this.hasStarted && this.imgEl && this.src) {
|
|
54
|
+
if (this.hasStarted = !0, this.wireOnceHandlers(), this.imgEl.complete && this.imgEl.naturalWidth > 0) {
|
|
55
|
+
this.imgLoaded = !0;
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
this.currentSrc = this.src, this.imgEl.src = this.src, this.imgEl.complete && this.imgEl.naturalWidth > 0 && (this.imgLoaded = !0);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
get showSkeleton() {
|
|
62
|
+
return this.loading !== "eager" && !this.imgLoaded;
|
|
63
|
+
}
|
|
64
|
+
renderEager() {
|
|
65
|
+
return t(r, { class: "HostContainer" }, t("img", { src: this.src, decoding: "async", style: this.styles, class: "UiContainer Visible", alt: this.alt, width: this.width, height: this.height, loading: "eager" }));
|
|
66
|
+
}
|
|
67
|
+
renderLazy() {
|
|
68
|
+
return t(r, { class: "HostContainer", "aria-busy": this.imgLoaded ? "false" : "true" }, this.showSkeleton && t("ui-skeleton", { class: "UiContainer", structure: "image", width: "100%", height: "100%" }), t("img", { ref: (e) => this.imgEl = e, src: void 0, decoding: "async", style: this.styles, class: `UiContainer ${this.imgLoaded ? "Visible" : "Hidden"}`, alt: this.alt, width: this.width, height: this.height, loading: "lazy" }));
|
|
69
|
+
}
|
|
70
|
+
render() {
|
|
71
|
+
return this.loading === "eager" ? this.renderEager() : this.renderLazy();
|
|
72
|
+
}
|
|
73
|
+
get el() {
|
|
74
|
+
return a(this);
|
|
75
|
+
}
|
|
76
|
+
static get watchers() {
|
|
77
|
+
return {
|
|
78
|
+
src: ["onSrcChange"],
|
|
79
|
+
loading: ["onLoadingChange"]
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
d.style = o;
|
|
84
|
+
export {
|
|
85
|
+
d as U
|
|
86
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
var s = (r, a, e) => new Promise((g, n) => {
|
|
2
|
+
var m = (t) => {
|
|
3
|
+
try {
|
|
4
|
+
i(e.next(t));
|
|
5
|
+
} catch (o) {
|
|
6
|
+
n(o);
|
|
7
|
+
}
|
|
8
|
+
}, u = (t) => {
|
|
9
|
+
try {
|
|
10
|
+
i(e.throw(t));
|
|
11
|
+
} catch (o) {
|
|
12
|
+
n(o);
|
|
13
|
+
}
|
|
14
|
+
}, i = (t) => t.done ? g(t.value) : Promise.resolve(t.value).then(m, u);
|
|
15
|
+
i((e = e.apply(r, a)).next());
|
|
16
|
+
});
|
|
17
|
+
import { b as c, p as l } from "./index-242ac81a-BqeIndhr.js";
|
|
18
|
+
import { a as d } from "./app-globals-0f993ce5-DfNOCk8l.js";
|
|
19
|
+
var h = () => {
|
|
20
|
+
const r = import.meta.url, a = {};
|
|
21
|
+
return r !== "" && (a.resourcesUrl = new URL(".", r).href), l(a);
|
|
22
|
+
};
|
|
23
|
+
h().then((r) => s(void 0, null, function* () {
|
|
24
|
+
return yield d(), c([["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"] }]]]], r);
|
|
25
|
+
}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var c=(t,r,i)=>new Promise((d,s)=>{var g=e=>{try{n(i.next(e))}catch(a){s(a)}},l=e=>{try{n(i.throw(e))}catch(a){s(a)}},n=e=>e.done?d(e.value):Promise.resolve(e.value).then(g,l);n((i=i.apply(t,r)).next())});const u=require("./index-242ac81a-CjjM4VND.cjs"),m=require("./app-globals-0f993ce5-4b17CI_n.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-Cd2KxMB7.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 m.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)}));
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { b as a, p as e } from "./index-242ac81a-CI4JxPRf.js";
|
|
2
|
+
import { a as i } from "./app-globals-0f993ce5-DfNOCk8l.js";
|
|
3
|
+
var o = () => {
|
|
4
|
+
const t = import.meta.url, r = {};
|
|
5
|
+
return t !== "" && (r.resourcesUrl = new URL(".", t).href), e(r);
|
|
6
|
+
};
|
|
7
|
+
o().then(async (t) => (await i(), a([["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)));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { U as m } from "./ui-image-
|
|
2
|
-
import { r, h as t, H as n } from "./index-
|
|
1
|
+
import { U as m } from "./ui-image-2ff23cd5-D0rXudCW.js";
|
|
2
|
+
import { r, h as t, H as n } from "./index-242ac81a-CI4JxPRf.js";
|
|
3
3
|
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 {
|
|
4
4
|
constructor(e) {
|
|
5
5
|
r(this, e), this.stylingValue = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ui-image-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ui-image-2ff23cd5-BHGIWJop.cjs"),t=require("./index-242ac81a-CjjM4VND.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=`
|
|
2
2
|
:host {
|
|
3
3
|
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
4
4
|
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { U as m } from "./ui-image-
|
|
2
|
-
import { r, h as t, H as n } from "./index-
|
|
1
|
+
import { U as m } from "./ui-image-2ff23cd5-DCLQ0SIO.js";
|
|
2
|
+
import { r, h as t, H as n } from "./index-242ac81a-BqeIndhr.js";
|
|
3
3
|
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 {
|
|
4
4
|
constructor(e) {
|
|
5
5
|
r(this, e), this.stylingValue = {
|