@everymatrix/casino-most-played-section 1.60.0 → 1.60.1
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/{CasinoGameThumbnail-CjGUVsxf.js → CasinoGameThumbnail-Brp54Mkr.js} +1 -1
- package/components/{CasinoGameThumbnail-nAn0iQox.cjs → CasinoGameThumbnail-D1hFEtJA.cjs} +1 -1
- package/components/{CasinoGameThumbnail-ftaXUIU6.js → CasinoGameThumbnail-DdWkNS2C.js} +1 -1
- package/components/{CasinoGamesCategorySection-JdI1VKYy.cjs → CasinoGamesCategorySection-CHZiU-PO.cjs} +1 -1
- package/components/{CasinoGamesCategorySection-Bq_Rt5hY.js → CasinoGamesCategorySection-D1vQeCrE.js} +2 -2
- package/components/{CasinoGamesCategorySection-BqCNxAqN.js → CasinoGamesCategorySection-DyF270dL.js} +2 -2
- package/components/{CasinoMostPlayedSection-ZaHSeHfX.js → CasinoMostPlayedSection-Biz_quau.js} +1 -1
- package/components/{CasinoMostPlayedSection-C9CBMudx.js → CasinoMostPlayedSection-DqhZX69X.js} +1 -1
- package/components/{CasinoMostPlayedSection-DynYJDkW.cjs → CasinoMostPlayedSection-_lcsNiHC.cjs} +1 -1
- package/es2015/casino-most-played-section.cjs +1 -1
- package/es2015/casino-most-played-section.js +1 -1
- package/esnext/casino-most-played-section.js +1 -1
- package/package.json +1 -1
- package/stencil/index-b2193545-BLGDaRxR.js +519 -0
- package/stencil/index-b2193545-CgYO4hhs.cjs +1 -0
- package/stencil/index-b2193545-dQymAF3M.js +503 -0
- package/stencil/{ui-skeleton-C5gPr5Xv.js → ui-skeleton-BCx6m_uC.js} +4 -4
- package/stencil/ui-skeleton-BtNRiNfn.cjs +1 -0
- package/stencil/{ui-skeleton-M7HNQCk1.js → ui-skeleton-DypM319u.js} +8 -8
- package/stencil/ui-skeleton-ea659b95-Bo7WD0ao.js +152 -0
- package/stencil/ui-skeleton-ea659b95-Dc45mVmr.cjs +73 -0
- package/stencil/ui-skeleton-ea659b95-DyTVU8Ak.js +152 -0
- package/stencil/index-ae04a8b1-DPYODDdm.cjs +0 -1
- package/stencil/index-ae04a8b1-DRAR7dln.js +0 -532
- package/stencil/index-ae04a8b1-eSktas_K.js +0 -516
- package/stencil/ui-skeleton-C1buDKbo.cjs +0 -1
- package/stencil/ui-skeleton-a642cced-BFJMszWG.js +0 -122
- package/stencil/ui-skeleton-a642cced-DO34s50a.cjs +0 -1
- package/stencil/ui-skeleton-a642cced-p8tGooXk.js +0 -122
@@ -1,516 +0,0 @@
|
|
1
|
-
const $e = "ui-skeleton", U = (
|
2
|
-
/* ui-skeleton */
|
3
|
-
{ allRenderFn: !0, appendChildSlotFix: !1, asyncLoading: !0, asyncQueue: !1, attachStyles: !0, cloneNodeFix: !1, cmpDidLoad: !0, cmpDidRender: !1, cmpDidUnload: !1, cmpDidUpdate: !1, cmpShouldUpdate: !1, cmpWillLoad: !1, cmpWillRender: !1, cmpWillUpdate: !1, connectedCallback: !1, constructableCSS: !0, cssAnnotations: !0, devTools: !1, disconnectedCallback: !1, element: !1, event: !1, experimentalScopedSlotChanges: !1, experimentalSlotFixes: !1, formAssociated: !1, hasRenderFn: !0, hostListener: !1, hostListenerTarget: !1, hostListenerTargetBody: !1, hostListenerTargetDocument: !1, hostListenerTargetParent: !1, hostListenerTargetWindow: !1, hotModuleReplacement: !1, hydrateClientSide: !1, hydrateServerSide: !1, hydratedAttribute: !1, hydratedClass: !0, hydratedSelectorName: "hydrated", initializeNextTick: !1, invisiblePrehydration: !0, isDebug: !1, isDev: !1, isTesting: !1, lazyLoad: !0, lifecycle: !0, lifecycleDOMEvents: !1, member: !0, method: !1, mode: !1, observeAttribute: !0, profile: !1, prop: !0, propBoolean: !0, propMutable: !1, propNumber: !0, propString: !0, reflect: !1, scoped: !1, scopedSlotTextContentFix: !1, scriptDataOpts: !1, shadowDelegatesFocus: !1, shadowDom: !1, slot: !1, slotChildNodesFix: !1, slotRelocation: !1, state: !1, style: !0, svg: !1, taskQueue: !0, transformTagName: !1, updatable: !0, vdomAttribute: !0, vdomClass: !0, vdomFunctional: !1, vdomKey: !0, vdomListener: !1, vdomPropOrAttr: !1, vdomRef: !0, vdomRender: !0, vdomStyle: !0, vdomText: !1, vdomXlink: !1, watchCallback: !0 }
|
4
|
-
);
|
5
|
-
var fe = Object.defineProperty, de = (e, t) => {
|
6
|
-
for (var r in t)
|
7
|
-
fe(e, r, { get: t[r], enumerable: !0 });
|
8
|
-
}, I = /* @__PURE__ */ new WeakMap(), b = (e) => I.get(e), Xe = (e, t) => I.set(t.$lazyInstance$ = e, t), ue = (e, t) => {
|
9
|
-
const r = {
|
10
|
-
$flags$: 0,
|
11
|
-
$hostElement$: e,
|
12
|
-
$cmpMeta$: t,
|
13
|
-
$instanceValues$: /* @__PURE__ */ new Map()
|
14
|
-
};
|
15
|
-
return r.$onReadyPromise$ = new Promise((s) => r.$onReadyResolve$ = s), e["s-p"] = [], e["s-rc"] = [], I.set(e, r);
|
16
|
-
}, k = (e, t) => (0, console.error)(e, t), O = /* @__PURE__ */ new Map(), me = (e, t, r) => {
|
17
|
-
const s = e.$tagName$.replace(/-/g, "_"), n = e.$lazyBundleId$;
|
18
|
-
if (!n)
|
19
|
-
return;
|
20
|
-
const a = O.get(n);
|
21
|
-
if (a)
|
22
|
-
return a[s];
|
23
|
-
{
|
24
|
-
const l = (o) => (O.set(n, o), o[s]);
|
25
|
-
switch (n) {
|
26
|
-
case "ui-skeleton":
|
27
|
-
return import(
|
28
|
-
/* webpackMode: "lazy" */
|
29
|
-
"./ui-skeleton-C5gPr5Xv.js"
|
30
|
-
).then(l, k);
|
31
|
-
}
|
32
|
-
}
|
33
|
-
return import(
|
34
|
-
/* @vite-ignore */
|
35
|
-
/* webpackInclude: /\.entry\.js$/ */
|
36
|
-
/* webpackExclude: /\.system\.entry\.js$/ */
|
37
|
-
/* webpackMode: "lazy" */
|
38
|
-
`./${n}.entry.js`
|
39
|
-
).then((l) => (O.set(n, l), l[s]), k);
|
40
|
-
}, x = /* @__PURE__ */ new Map(), ve = "{visibility:hidden}.hydrated{visibility:inherit}", G = "slot-fb{display:contents}slot-fb[hidden]{display:none}", N = typeof window < "u" ? window : {}, y = N.document || { head: {} }, p = {
|
41
|
-
$flags$: 0,
|
42
|
-
$resourcesUrl$: "",
|
43
|
-
jmp: (e) => e(),
|
44
|
-
raf: (e) => requestAnimationFrame(e),
|
45
|
-
ael: (e, t, r, s) => e.addEventListener(t, r, s),
|
46
|
-
rel: (e, t, r, s) => e.removeEventListener(t, r, s),
|
47
|
-
ce: (e, t) => new CustomEvent(e, t)
|
48
|
-
}, pe = U.shadowDom, he = (e) => Promise.resolve(e), ge = /* @__PURE__ */ (() => {
|
49
|
-
try {
|
50
|
-
return new CSSStyleSheet(), typeof new CSSStyleSheet().replaceSync == "function";
|
51
|
-
} catch {
|
52
|
-
}
|
53
|
-
return !1;
|
54
|
-
})(), _ = !1, H = [], J = [], ye = (e, t) => (r) => {
|
55
|
-
e.push(r), _ || (_ = !0, p.$flags$ & 4 ? B(j) : p.raf(j));
|
56
|
-
}, F = (e) => {
|
57
|
-
for (let t = 0; t < e.length; t++)
|
58
|
-
try {
|
59
|
-
e[t](performance.now());
|
60
|
-
} catch (r) {
|
61
|
-
k(r);
|
62
|
-
}
|
63
|
-
e.length = 0;
|
64
|
-
}, j = () => {
|
65
|
-
F(H), F(J), (_ = H.length > 0) && p.raf(j);
|
66
|
-
}, B = (e) => he().then(e), Se = /* @__PURE__ */ ye(J), q = {}, K = (e) => (e = typeof e, e === "object" || e === "function");
|
67
|
-
function R(e) {
|
68
|
-
var t, r, s;
|
69
|
-
return (s = (r = (t = e.head) == null ? void 0 : t.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : r.getAttribute("content")) != null ? s : void 0;
|
70
|
-
}
|
71
|
-
var be = {};
|
72
|
-
de(be, {
|
73
|
-
err: () => X,
|
74
|
-
map: () => ke,
|
75
|
-
ok: () => C,
|
76
|
-
unwrap: () => Ee,
|
77
|
-
unwrapErr: () => we
|
78
|
-
});
|
79
|
-
var C = (e) => ({
|
80
|
-
isOk: !0,
|
81
|
-
isErr: !1,
|
82
|
-
value: e
|
83
|
-
}), X = (e) => ({
|
84
|
-
isOk: !1,
|
85
|
-
isErr: !0,
|
86
|
-
value: e
|
87
|
-
});
|
88
|
-
function ke(e, t) {
|
89
|
-
if (e.isOk) {
|
90
|
-
const r = t(e.value);
|
91
|
-
return r instanceof Promise ? r.then((s) => C(s)) : C(r);
|
92
|
-
}
|
93
|
-
if (e.isErr) {
|
94
|
-
const r = e.value;
|
95
|
-
return X(r);
|
96
|
-
}
|
97
|
-
throw "should never get here";
|
98
|
-
}
|
99
|
-
var Ee = (e) => {
|
100
|
-
if (e.isOk)
|
101
|
-
return e.value;
|
102
|
-
throw e.value;
|
103
|
-
}, we = (e) => {
|
104
|
-
if (e.isErr)
|
105
|
-
return e.value;
|
106
|
-
throw e.value;
|
107
|
-
}, S = (e, t = "") => () => {
|
108
|
-
}, Le = (e, t) => () => {
|
109
|
-
}, Te = (e, t, ...r) => {
|
110
|
-
let s = null, n = null, a = !1, l = !1;
|
111
|
-
const o = [], i = ($) => {
|
112
|
-
for (let f = 0; f < $.length; f++)
|
113
|
-
s = $[f], Array.isArray(s) ? i(s) : s != null && typeof s != "boolean" && ((a = typeof e != "function" && !K(s)) && (s = String(s)), a && l ? o[o.length - 1].$text$ += s : o.push(a ? D(null, s) : s), l = a);
|
114
|
-
};
|
115
|
-
if (i(r), t) {
|
116
|
-
t.key && (n = t.key);
|
117
|
-
{
|
118
|
-
const $ = t.className || t.class;
|
119
|
-
$ && (t.class = typeof $ != "object" ? $ : Object.keys($).filter((f) => $[f]).join(" "));
|
120
|
-
}
|
121
|
-
}
|
122
|
-
const c = D(e, null);
|
123
|
-
return c.$attrs$ = t, o.length > 0 && (c.$children$ = o), c.$key$ = n, c;
|
124
|
-
}, D = (e, t) => {
|
125
|
-
const r = {
|
126
|
-
$flags$: 0,
|
127
|
-
$tag$: e,
|
128
|
-
$text$: t,
|
129
|
-
$elm$: null,
|
130
|
-
$children$: null
|
131
|
-
};
|
132
|
-
return r.$attrs$ = null, r.$key$ = null, r;
|
133
|
-
}, xe = {}, Pe = (e) => e && e.$tag$ === xe, Ae = (e, t) => e != null && !K(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, Oe = (e, t, r) => {
|
134
|
-
const s = p.ce(t, r);
|
135
|
-
return e.dispatchEvent(s), s;
|
136
|
-
}, W = /* @__PURE__ */ new WeakMap(), _e = (e, t, r) => {
|
137
|
-
let s = x.get(e);
|
138
|
-
ge && r ? (s = s || new CSSStyleSheet(), typeof s == "string" ? s = t : s.replaceSync(t)) : s = t, x.set(e, s);
|
139
|
-
}, je = (e, t, r) => {
|
140
|
-
var s;
|
141
|
-
const n = Z(t), a = x.get(n);
|
142
|
-
if (e = e.nodeType === 11 ? e : y, a)
|
143
|
-
if (typeof a == "string") {
|
144
|
-
e = e.head || e;
|
145
|
-
let l = W.get(e), o;
|
146
|
-
if (l || W.set(e, l = /* @__PURE__ */ new Set()), !l.has(n)) {
|
147
|
-
{
|
148
|
-
o = y.createElement("style"), o.innerHTML = a;
|
149
|
-
const i = (s = p.$nonce$) != null ? s : R(y);
|
150
|
-
i != null && o.setAttribute("nonce", i), e.insertBefore(o, e.querySelector("link"));
|
151
|
-
}
|
152
|
-
t.$flags$ & 4 && (o.innerHTML += G), l && l.add(n);
|
153
|
-
}
|
154
|
-
} else
|
155
|
-
e.adoptedStyleSheets.includes(a) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, a]);
|
156
|
-
return n;
|
157
|
-
}, Ce = (e) => {
|
158
|
-
const t = e.$cmpMeta$, r = e.$hostElement$, s = S("attachStyles", t.$tagName$);
|
159
|
-
je(
|
160
|
-
r.getRootNode(),
|
161
|
-
t
|
162
|
-
), s();
|
163
|
-
}, Z = (e, t) => "sc-" + e.$tagName$, M = (e, t, r, s, n, a) => {
|
164
|
-
if (r !== s)
|
165
|
-
if (t.toLowerCase(), t === "class") {
|
166
|
-
const l = e.classList, o = Q(r), i = Q(s);
|
167
|
-
l.remove(...o.filter((c) => c && !i.includes(c))), l.add(...i.filter((c) => c && !o.includes(c)));
|
168
|
-
} else if (t === "style") {
|
169
|
-
for (const l in r)
|
170
|
-
(!s || s[l] == null) && (l.includes("-") ? e.style.removeProperty(l) : e.style[l] = "");
|
171
|
-
for (const l in s)
|
172
|
-
(!r || s[l] !== r[l]) && (l.includes("-") ? e.style.setProperty(l, s[l]) : e.style[l] = s[l]);
|
173
|
-
} else
|
174
|
-
t === "key" || t === "ref" && s && s(e);
|
175
|
-
}, De = /\s/, Q = (e) => e ? e.split(De) : [], V = (e, t, r) => {
|
176
|
-
const s = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, n = e && e.$attrs$ || q, a = t.$attrs$ || q;
|
177
|
-
for (const l of Y(Object.keys(n)))
|
178
|
-
l in a || M(s, l, n[l], void 0);
|
179
|
-
for (const l of Y(Object.keys(a)))
|
180
|
-
M(s, l, n[l], a[l]);
|
181
|
-
};
|
182
|
-
function Y(e) {
|
183
|
-
return e.includes("ref") ? (
|
184
|
-
// we need to sort these to ensure that `'ref'` is the last attr
|
185
|
-
[...e.filter((t) => t !== "ref"), "ref"]
|
186
|
-
) : (
|
187
|
-
// no need to sort, return the original array
|
188
|
-
e
|
189
|
-
);
|
190
|
-
}
|
191
|
-
var ee, te = !1, P = (e, t, r, s) => {
|
192
|
-
const n = t.$children$[r];
|
193
|
-
let a = 0, l, o;
|
194
|
-
if (l = n.$elm$ = y.createElement(
|
195
|
-
!te && U.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
|
196
|
-
), V(null, n), n.$children$)
|
197
|
-
for (a = 0; a < n.$children$.length; ++a)
|
198
|
-
o = P(e, n, a), o && l.appendChild(o);
|
199
|
-
return l["s-hn"] = ee, l;
|
200
|
-
}, se = (e, t, r, s, n, a) => {
|
201
|
-
let l = e, o;
|
202
|
-
for (; n <= a; ++n)
|
203
|
-
s[n] && (o = P(null, r, n), o && (s[n].$elm$ = o, T(l, o, t)));
|
204
|
-
}, ne = (e, t, r) => {
|
205
|
-
for (let s = t; s <= r; ++s) {
|
206
|
-
const n = e[s];
|
207
|
-
if (n) {
|
208
|
-
const a = n.$elm$;
|
209
|
-
re(n), a && a.remove();
|
210
|
-
}
|
211
|
-
}
|
212
|
-
}, Ue = (e, t, r, s, n = !1) => {
|
213
|
-
let a = 0, l = 0, o = 0, i = 0, c = t.length - 1, $ = t[0], f = t[c], d = s.length - 1, u = s[0], m = s[d], v, h;
|
214
|
-
for (; a <= c && l <= d; )
|
215
|
-
if ($ == null)
|
216
|
-
$ = t[++a];
|
217
|
-
else if (f == null)
|
218
|
-
f = t[--c];
|
219
|
-
else if (u == null)
|
220
|
-
u = s[++l];
|
221
|
-
else if (m == null)
|
222
|
-
m = s[--d];
|
223
|
-
else if (L($, u, n))
|
224
|
-
E($, u, n), $ = t[++a], u = s[++l];
|
225
|
-
else if (L(f, m, n))
|
226
|
-
E(f, m, n), f = t[--c], m = s[--d];
|
227
|
-
else if (L($, m, n))
|
228
|
-
E($, m, n), T(e, $.$elm$, f.$elm$.nextSibling), $ = t[++a], m = s[--d];
|
229
|
-
else if (L(f, u, n))
|
230
|
-
E(f, u, n), T(e, f.$elm$, $.$elm$), f = t[--c], u = s[++l];
|
231
|
-
else {
|
232
|
-
for (o = -1, i = a; i <= c; ++i)
|
233
|
-
if (t[i] && t[i].$key$ !== null && t[i].$key$ === u.$key$) {
|
234
|
-
o = i;
|
235
|
-
break;
|
236
|
-
}
|
237
|
-
o >= 0 ? (h = t[o], h.$tag$ !== u.$tag$ ? v = P(t && t[l], r, o) : (E(h, u, n), t[o] = void 0, v = h.$elm$), u = s[++l]) : (v = P(t && t[l], r, l), u = s[++l]), v && T($.$elm$.parentNode, v, $.$elm$);
|
238
|
-
}
|
239
|
-
a > c ? se(
|
240
|
-
e,
|
241
|
-
s[d + 1] == null ? null : s[d + 1].$elm$,
|
242
|
-
r,
|
243
|
-
s,
|
244
|
-
l,
|
245
|
-
d
|
246
|
-
) : l > d && ne(t, a, c);
|
247
|
-
}, L = (e, t, r = !1) => e.$tag$ === t.$tag$ ? r ? !0 : e.$key$ === t.$key$ : !1, E = (e, t, r = !1) => {
|
248
|
-
const s = t.$elm$ = e.$elm$, n = e.$children$, a = t.$children$;
|
249
|
-
V(e, t), n !== null && a !== null ? Ue(s, n, t, a, r) : a !== null ? se(s, null, t, a, 0, a.length - 1) : n !== null && ne(n, 0, n.length - 1);
|
250
|
-
}, re = (e) => {
|
251
|
-
e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(re);
|
252
|
-
}, T = (e, t, r) => e?.insertBefore(t, r), Ie = (e, t, r = !1) => {
|
253
|
-
const s = e.$hostElement$, n = e.$vnode$ || D(null, null), a = Pe(t) ? t : Te(null, null, t);
|
254
|
-
if (ee = s.tagName, r && a.$attrs$)
|
255
|
-
for (const l of Object.keys(a.$attrs$))
|
256
|
-
s.hasAttribute(l) && !["key", "ref", "style", "class"].includes(l) && (a.$attrs$[l] = s[l]);
|
257
|
-
a.$tag$ = null, a.$flags$ |= 4, e.$vnode$ = a, a.$elm$ = n.$elm$ = s, te = pe, E(n, a, r);
|
258
|
-
}, le = (e, t) => {
|
259
|
-
t && !e.$onRenderResolve$ && t["s-p"] && t["s-p"].push(new Promise((r) => e.$onRenderResolve$ = r));
|
260
|
-
}, z = (e, t) => {
|
261
|
-
if (e.$flags$ |= 16, e.$flags$ & 4) {
|
262
|
-
e.$flags$ |= 512;
|
263
|
-
return;
|
264
|
-
}
|
265
|
-
return le(e, e.$ancestorComponent$), Se(() => Ne(e, t));
|
266
|
-
}, Ne = (e, t) => {
|
267
|
-
const r = e.$hostElement$, s = S("scheduleUpdate", e.$cmpMeta$.$tagName$), n = e.$lazyInstance$;
|
268
|
-
if (!n)
|
269
|
-
throw new Error(
|
270
|
-
`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
|
271
|
-
);
|
272
|
-
let a;
|
273
|
-
return s(), Be(a, () => He(e, n, t));
|
274
|
-
}, Be = (e, t) => ze(e) ? e.then(t).catch((r) => {
|
275
|
-
console.error(r), t();
|
276
|
-
}) : t(), ze = (e) => e instanceof Promise || e && e.then && typeof e.then == "function", He = async (e, t, r) => {
|
277
|
-
var s;
|
278
|
-
const n = e.$hostElement$, a = S("update", e.$cmpMeta$.$tagName$), l = n["s-rc"];
|
279
|
-
r && Ce(e);
|
280
|
-
const o = S("render", e.$cmpMeta$.$tagName$);
|
281
|
-
Fe(e, t, n, r), l && (l.map((i) => i()), n["s-rc"] = void 0), o(), a();
|
282
|
-
{
|
283
|
-
const i = (s = n["s-p"]) != null ? s : [], c = () => qe(e);
|
284
|
-
i.length === 0 ? c() : (Promise.all(i).then(c), e.$flags$ |= 4, i.length = 0);
|
285
|
-
}
|
286
|
-
}, Fe = (e, t, r, s) => {
|
287
|
-
try {
|
288
|
-
t = t.render(), e.$flags$ &= -17, e.$flags$ |= 2, Ie(e, t, s);
|
289
|
-
} catch (n) {
|
290
|
-
k(n, e.$hostElement$);
|
291
|
-
}
|
292
|
-
return null;
|
293
|
-
}, qe = (e) => {
|
294
|
-
const t = e.$cmpMeta$.$tagName$, r = e.$hostElement$, s = S("postUpdate", t), n = e.$lazyInstance$, a = e.$ancestorComponent$;
|
295
|
-
e.$flags$ & 64 ? s() : (e.$flags$ |= 64, oe(r), We(n, "componentDidLoad"), s(), e.$onReadyResolve$(r), a || ae()), e.$onRenderResolve$ && (e.$onRenderResolve$(), e.$onRenderResolve$ = void 0), e.$flags$ & 512 && B(() => z(e, !1)), e.$flags$ &= -517;
|
296
|
-
}, ae = (e) => {
|
297
|
-
oe(y.documentElement), B(() => Oe(N, "appload", { detail: { namespace: $e } }));
|
298
|
-
}, We = (e, t, r) => {
|
299
|
-
if (e && e[t])
|
300
|
-
try {
|
301
|
-
return e[t](r);
|
302
|
-
} catch (s) {
|
303
|
-
k(s);
|
304
|
-
}
|
305
|
-
}, oe = (e) => {
|
306
|
-
var t;
|
307
|
-
return e.classList.add((t = U.hydratedSelectorName) != null ? t : "hydrated");
|
308
|
-
}, Me = (e, t) => b(e).$instanceValues$.get(t), Qe = (e, t, r, s) => {
|
309
|
-
const n = b(e);
|
310
|
-
if (!n)
|
311
|
-
throw new Error(
|
312
|
-
`Couldn't find host element for "${s.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
|
313
|
-
);
|
314
|
-
const a = n.$hostElement$, l = n.$instanceValues$.get(t), o = n.$flags$, i = n.$lazyInstance$;
|
315
|
-
r = Ae(r, s.$members$[t][0]);
|
316
|
-
const c = Number.isNaN(l) && Number.isNaN(r), $ = r !== l && !c;
|
317
|
-
if ((!(o & 8) || l === void 0) && $ && (n.$instanceValues$.set(t, r), i)) {
|
318
|
-
if (s.$watchers$ && o & 128) {
|
319
|
-
const f = s.$watchers$[t];
|
320
|
-
f && f.map((d) => {
|
321
|
-
try {
|
322
|
-
i[d](r, l, t);
|
323
|
-
} catch (u) {
|
324
|
-
k(u, a);
|
325
|
-
}
|
326
|
-
});
|
327
|
-
}
|
328
|
-
(o & 18) === 2 && z(n, !1);
|
329
|
-
}
|
330
|
-
}, ie = (e, t, r) => {
|
331
|
-
var s, n;
|
332
|
-
const a = e.prototype;
|
333
|
-
if (t.$members$ || t.$watchers$ || e.watchers) {
|
334
|
-
e.watchers && !t.$watchers$ && (t.$watchers$ = e.watchers);
|
335
|
-
const l = Object.entries((s = t.$members$) != null ? s : {});
|
336
|
-
if (l.map(([o, [i]]) => {
|
337
|
-
(i & 31 || r & 2 && i & 32) && Object.defineProperty(a, o, {
|
338
|
-
get() {
|
339
|
-
return Me(this, o);
|
340
|
-
},
|
341
|
-
set(c) {
|
342
|
-
Qe(this, o, c, t);
|
343
|
-
},
|
344
|
-
configurable: !0,
|
345
|
-
enumerable: !0
|
346
|
-
});
|
347
|
-
}), r & 1) {
|
348
|
-
const o = /* @__PURE__ */ new Map();
|
349
|
-
a.attributeChangedCallback = function(i, c, $) {
|
350
|
-
p.jmp(() => {
|
351
|
-
var f;
|
352
|
-
const d = o.get(i);
|
353
|
-
if (this.hasOwnProperty(d))
|
354
|
-
$ = this[d], delete this[d];
|
355
|
-
else {
|
356
|
-
if (a.hasOwnProperty(d) && typeof this[d] == "number" && this[d] == $)
|
357
|
-
return;
|
358
|
-
if (d == null) {
|
359
|
-
const u = b(this), m = u?.$flags$;
|
360
|
-
if (m && !(m & 8) && m & 128 && $ !== c) {
|
361
|
-
const v = u.$lazyInstance$, h = (f = t.$watchers$) == null ? void 0 : f[i];
|
362
|
-
h?.forEach((g) => {
|
363
|
-
v[g] != null && v[g].call(v, $, c, i);
|
364
|
-
});
|
365
|
-
}
|
366
|
-
return;
|
367
|
-
}
|
368
|
-
}
|
369
|
-
this[d] = $ === null && typeof this[d] == "boolean" ? !1 : $;
|
370
|
-
});
|
371
|
-
}, e.observedAttributes = Array.from(
|
372
|
-
/* @__PURE__ */ new Set([
|
373
|
-
...Object.keys((n = t.$watchers$) != null ? n : {}),
|
374
|
-
...l.filter(
|
375
|
-
([i, c]) => c[0] & 15
|
376
|
-
/* HasAttribute */
|
377
|
-
).map(([i, c]) => {
|
378
|
-
const $ = c[1] || i;
|
379
|
-
return o.set($, i), $;
|
380
|
-
})
|
381
|
-
])
|
382
|
-
);
|
383
|
-
}
|
384
|
-
}
|
385
|
-
return e;
|
386
|
-
}, Ye = async (e, t, r, s) => {
|
387
|
-
let n;
|
388
|
-
if (!(t.$flags$ & 32)) {
|
389
|
-
if (t.$flags$ |= 32, r.$lazyBundleId$) {
|
390
|
-
const i = me(r);
|
391
|
-
if (i && "then" in i) {
|
392
|
-
const $ = Le();
|
393
|
-
n = await i, $();
|
394
|
-
} else
|
395
|
-
n = i;
|
396
|
-
if (!n)
|
397
|
-
throw new Error(`Constructor for "${r.$tagName$}#${t.$modeName$}" was not found`);
|
398
|
-
n.isProxied || (r.$watchers$ = n.watchers, ie(
|
399
|
-
n,
|
400
|
-
r,
|
401
|
-
2
|
402
|
-
/* proxyState */
|
403
|
-
), n.isProxied = !0);
|
404
|
-
const c = S("createInstance", r.$tagName$);
|
405
|
-
t.$flags$ |= 8;
|
406
|
-
try {
|
407
|
-
new n(t);
|
408
|
-
} catch ($) {
|
409
|
-
k($);
|
410
|
-
}
|
411
|
-
t.$flags$ &= -9, t.$flags$ |= 128, c();
|
412
|
-
} else {
|
413
|
-
n = e.constructor;
|
414
|
-
const i = e.localName;
|
415
|
-
customElements.whenDefined(i).then(
|
416
|
-
() => t.$flags$ |= 128
|
417
|
-
/* isWatchReady */
|
418
|
-
);
|
419
|
-
}
|
420
|
-
if (n && n.style) {
|
421
|
-
let i;
|
422
|
-
typeof n.style == "string" && (i = n.style);
|
423
|
-
const c = Z(r);
|
424
|
-
if (!x.has(c)) {
|
425
|
-
const $ = S("registerStyles", r.$tagName$);
|
426
|
-
_e(c, i, !!(r.$flags$ & 1)), $();
|
427
|
-
}
|
428
|
-
}
|
429
|
-
}
|
430
|
-
const a = t.$ancestorComponent$, l = () => z(t, !0);
|
431
|
-
a && a["s-rc"] ? a["s-rc"].push(l) : l();
|
432
|
-
}, Ge = (e) => {
|
433
|
-
}, Je = (e) => {
|
434
|
-
if (!(p.$flags$ & 1)) {
|
435
|
-
const t = b(e), r = t.$cmpMeta$, s = S("connectedCallback", r.$tagName$);
|
436
|
-
if (t.$flags$ & 1)
|
437
|
-
t?.$lazyInstance$ || t?.$onReadyPromise$ && t.$onReadyPromise$.then(() => Ge());
|
438
|
-
else {
|
439
|
-
t.$flags$ |= 1;
|
440
|
-
{
|
441
|
-
let n = e;
|
442
|
-
for (; n = n.parentNode || n.host; )
|
443
|
-
if (n["s-p"]) {
|
444
|
-
le(t, t.$ancestorComponent$ = n);
|
445
|
-
break;
|
446
|
-
}
|
447
|
-
}
|
448
|
-
r.$members$ && Object.entries(r.$members$).map(([n, [a]]) => {
|
449
|
-
if (a & 31 && e.hasOwnProperty(n)) {
|
450
|
-
const l = e[n];
|
451
|
-
delete e[n], e[n] = l;
|
452
|
-
}
|
453
|
-
}), Ye(e, t, r);
|
454
|
-
}
|
455
|
-
s();
|
456
|
-
}
|
457
|
-
}, Ke = (e) => {
|
458
|
-
}, Re = async (e) => {
|
459
|
-
if (!(p.$flags$ & 1)) {
|
460
|
-
const t = b(e);
|
461
|
-
t?.$lazyInstance$ || t?.$onReadyPromise$ && t.$onReadyPromise$.then(() => Ke());
|
462
|
-
}
|
463
|
-
}, Ze = (e, t = {}) => {
|
464
|
-
var r;
|
465
|
-
const s = S(), n = [], a = t.exclude || [], l = N.customElements, o = y.head, i = /* @__PURE__ */ o.querySelector("meta[charset]"), c = /* @__PURE__ */ y.createElement("style"), $ = [];
|
466
|
-
let f, d = !0;
|
467
|
-
Object.assign(p, t), p.$resourcesUrl$ = new URL(t.resourcesUrl || "./", y.baseURI).href;
|
468
|
-
let u = !1;
|
469
|
-
if (e.map((m) => {
|
470
|
-
m[1].map((v) => {
|
471
|
-
var h;
|
472
|
-
const g = {
|
473
|
-
$flags$: v[0],
|
474
|
-
$tagName$: v[1],
|
475
|
-
$members$: v[2],
|
476
|
-
$listeners$: v[3]
|
477
|
-
};
|
478
|
-
g.$flags$ & 4 && (u = !0), g.$members$ = v[2], g.$watchers$ = (h = v[4]) != null ? h : {};
|
479
|
-
const w = g.$tagName$, ce = class extends HTMLElement {
|
480
|
-
// StencilLazyHost
|
481
|
-
constructor(A) {
|
482
|
-
super(A), this.hasRegisteredEventListeners = !1, A = this, ue(A, g);
|
483
|
-
}
|
484
|
-
connectedCallback() {
|
485
|
-
b(this), this.hasRegisteredEventListeners || (this.hasRegisteredEventListeners = !0), f && (clearTimeout(f), f = null), d ? $.push(this) : p.jmp(() => Je(this));
|
486
|
-
}
|
487
|
-
disconnectedCallback() {
|
488
|
-
p.jmp(() => Re(this));
|
489
|
-
}
|
490
|
-
componentOnReady() {
|
491
|
-
return b(this).$onReadyPromise$;
|
492
|
-
}
|
493
|
-
};
|
494
|
-
g.$lazyBundleId$ = m[0], !a.includes(w) && !l.get(w) && (n.push(w), l.define(
|
495
|
-
w,
|
496
|
-
ie(
|
497
|
-
ce,
|
498
|
-
g,
|
499
|
-
1
|
500
|
-
/* isElementConstructor */
|
501
|
-
)
|
502
|
-
));
|
503
|
-
});
|
504
|
-
}), n.length > 0 && (u && (c.textContent += G), c.textContent += n.sort() + ve, c.innerHTML.length)) {
|
505
|
-
c.setAttribute("data-styles", "");
|
506
|
-
const m = (r = p.$nonce$) != null ? r : R(y);
|
507
|
-
m != null && c.setAttribute("nonce", m), o.insertBefore(c, i ? i.nextSibling : o.firstChild);
|
508
|
-
}
|
509
|
-
d = !1, $.length ? $.map((m) => m.connectedCallback()) : p.jmp(() => f = setTimeout(ae, 30)), s();
|
510
|
-
};
|
511
|
-
export {
|
512
|
-
Ze as b,
|
513
|
-
Te as h,
|
514
|
-
he as p,
|
515
|
-
Xe as r
|
516
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";var c=(r,t,o)=>new Promise((u,s)=>{var d=e=>{try{n(o.next(e))}catch(i){s(i)}},m=e=>{try{n(o.throw(e))}catch(i){s(i)}},n=e=>e.done?u(e.value):Promise.resolve(e.value).then(d,m);n((o=o.apply(r,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-ae04a8b1-DPYODDdm.cjs"),p=require("./app-globals-0f993ce5-sCt45RkC.cjs"),g=require("./ui-skeleton-a642cced-DO34s50a.cjs");var a=typeof document!="undefined"?document.currentScript:null,y=()=>{const r=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:a&&a.tagName.toUpperCase()==="SCRIPT"&&a.src||new URL("stencil/ui-skeleton-C1buDKbo.cjs",document.baseURI).href,t={};return r!==""&&(t.resourcesUrl=new URL(".",r).href),l.promiseResolve(t)};y().then(r=>c(exports,null,function*(){return yield p.globalScripts(),l.bootstrapLazy([["ui-skeleton",[[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[2,"border-radius"],marginBottom:[2,"margin-bottom"],marginTop:[2,"margin-top"],marginLeft:[2,"margin-left"],marginRight:[2,"margin-right"],animation:[4],rows:[2],size:[1],color:[1],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"]},null,{structure:["handleStructureChange"],primaryColor:["updateStyles"],secondaryColor:["updateStyles"]}]]]],r)}));exports.ui_skeleton=g.UiSkeleton;
|
@@ -1,122 +0,0 @@
|
|
1
|
-
import { r as o, h as r } from "./index-ae04a8b1-eSktas_K.js";
|
2
|
-
const n = ".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, 2px)}.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, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.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, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.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, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}", s = n, a = class {
|
3
|
-
constructor(e) {
|
4
|
-
o(this, e), this.structure = void 0, this.width = void 0, this.height = void 0, this.borderRadius = void 0, this.marginBottom = void 0, this.marginTop = void 0, this.marginLeft = void 0, this.marginRight = void 0, this.animation = !0, this.rows = void 0, this.size = void 0, this.color = void 0, this.primaryColor = void 0, this.secondaryColor = void 0;
|
5
|
-
}
|
6
|
-
handleStructureChange(e, t) {
|
7
|
-
t !== e && this.handleStructure(e);
|
8
|
-
}
|
9
|
-
updateStyles() {
|
10
|
-
this.primaryColor && this.skeletonContainer.style.setProperty("--emw-skeleton-primary-color", this.primaryColor), this.secondaryColor && this.skeletonContainer.style.setProperty("--emw-skeleton-secondary-color", this.secondaryColor);
|
11
|
-
}
|
12
|
-
handleStructure(e) {
|
13
|
-
switch (e) {
|
14
|
-
case "logo":
|
15
|
-
return this.renderLogo();
|
16
|
-
case "image":
|
17
|
-
return this.renderImage();
|
18
|
-
case "title":
|
19
|
-
return this.renderTitle();
|
20
|
-
case "text":
|
21
|
-
return this.renderText();
|
22
|
-
case "rectangle":
|
23
|
-
return this.renderRectangle();
|
24
|
-
case "circle":
|
25
|
-
return this.renderCircle();
|
26
|
-
}
|
27
|
-
}
|
28
|
-
renderLogo() {
|
29
|
-
const e = {
|
30
|
-
width: `${this.width}`,
|
31
|
-
height: `${this.height}`,
|
32
|
-
"background-color": `${this.color}`,
|
33
|
-
"border-radius": `${this.borderRadius}px`,
|
34
|
-
"margin-bottom": `${this.marginBottom}px`,
|
35
|
-
"margin-top": `${this.marginTop}px`,
|
36
|
-
"margin-left": `${this.marginLeft}px`,
|
37
|
-
"margin-right": `${this.marginRight}px`
|
38
|
-
};
|
39
|
-
return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Logo " + (this.animation ? "Skeleton" : "") }));
|
40
|
-
}
|
41
|
-
renderImage() {
|
42
|
-
const e = {
|
43
|
-
width: `${this.width}`,
|
44
|
-
height: `${this.height}`,
|
45
|
-
"background-color": `${this.color}`,
|
46
|
-
"border-radius": `${this.borderRadius}px`,
|
47
|
-
"margin-bottom": `${this.marginBottom}px`,
|
48
|
-
"margin-top": `${this.marginTop}px`,
|
49
|
-
"margin-left": `${this.marginLeft}px`,
|
50
|
-
"margin-right": `${this.marginRight}px`
|
51
|
-
};
|
52
|
-
return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Image " + (this.animation ? "Skeleton" : "") }));
|
53
|
-
}
|
54
|
-
renderTitle() {
|
55
|
-
const e = {
|
56
|
-
width: `${this.width}`,
|
57
|
-
height: `${this.height}`,
|
58
|
-
"background-color": `${this.color}`,
|
59
|
-
"border-radius": `${this.borderRadius}px`,
|
60
|
-
"margin-bottom": `${this.marginBottom}px`,
|
61
|
-
"margin-top": `${this.marginTop}px`,
|
62
|
-
"margin-left": `${this.marginLeft}px`,
|
63
|
-
"margin-right": `${this.marginRight}px`
|
64
|
-
};
|
65
|
-
return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Title " + (this.animation ? "Skeleton" : "") }));
|
66
|
-
}
|
67
|
-
renderText() {
|
68
|
-
const e = {
|
69
|
-
width: `${this.width}`,
|
70
|
-
height: `${this.height}`,
|
71
|
-
"background-color": `${this.color}`,
|
72
|
-
"border-radius": `${this.borderRadius}px`,
|
73
|
-
"margin-bottom": `${this.marginBottom}px`,
|
74
|
-
"margin-top": `${this.marginTop}px`,
|
75
|
-
"margin-left": `${this.marginLeft}px`,
|
76
|
-
"margin-right": `${this.marginRight}px`
|
77
|
-
};
|
78
|
-
return Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((t, i) => r("div", { style: e, key: i, class: "Text " + (this.animation ? "Skeleton" : "") }));
|
79
|
-
}
|
80
|
-
renderRectangle() {
|
81
|
-
const e = {
|
82
|
-
width: `${this.width}`,
|
83
|
-
height: `${this.height}`,
|
84
|
-
"background-color": `${this.color}`,
|
85
|
-
"border-radius": `${this.borderRadius}px`,
|
86
|
-
"margin-bottom": `${this.marginBottom}px`,
|
87
|
-
"margin-top": `${this.marginTop}px`,
|
88
|
-
"margin-left": `${this.marginLeft}px`,
|
89
|
-
"margin-right": `${this.marginRight}px`
|
90
|
-
};
|
91
|
-
return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
|
92
|
-
}
|
93
|
-
renderCircle() {
|
94
|
-
const e = {
|
95
|
-
width: `${this.size}`,
|
96
|
-
height: `${this.size}`,
|
97
|
-
"background-color": `${this.color}`,
|
98
|
-
"margin-bottom": `${this.marginBottom}px`,
|
99
|
-
"margin-top": `${this.marginTop}px`,
|
100
|
-
"margin-left": `${this.marginLeft}px`,
|
101
|
-
"margin-right": `${this.marginRight}px`
|
102
|
-
};
|
103
|
-
return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Circle " + (this.animation ? "Skeleton" : "") }));
|
104
|
-
}
|
105
|
-
componentDidLoad() {
|
106
|
-
this.updateStyles();
|
107
|
-
}
|
108
|
-
render() {
|
109
|
-
return this.handleStructure(this.structure);
|
110
|
-
}
|
111
|
-
static get watchers() {
|
112
|
-
return {
|
113
|
-
structure: ["handleStructureChange"],
|
114
|
-
primaryColor: ["updateStyles"],
|
115
|
-
secondaryColor: ["updateStyles"]
|
116
|
-
};
|
117
|
-
}
|
118
|
-
};
|
119
|
-
a.style = s;
|
120
|
-
export {
|
121
|
-
a as U
|
122
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";const r=require("./index-ae04a8b1-DPYODDdm.cjs"),n=".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, 2px)}.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, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.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, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.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, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}",s=n,i=class{constructor(e){r.registerInstance(this,e),this.structure=void 0,this.width=void 0,this.height=void 0,this.borderRadius=void 0,this.marginBottom=void 0,this.marginTop=void 0,this.marginLeft=void 0,this.marginRight=void 0,this.animation=!0,this.rows=void 0,this.size=void 0,this.color=void 0,this.primaryColor=void 0,this.secondaryColor=void 0}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}updateStyles(){this.primaryColor&&this.skeletonContainer.style.setProperty("--emw-skeleton-primary-color",this.primaryColor),this.secondaryColor&&this.skeletonContainer.style.setProperty("--emw-skeleton-secondary-color",this.secondaryColor)}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()}}renderLogo(){const e={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:t=>this.skeletonContainer=t},r.h("div",{style:e,class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){const e={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:t=>this.skeletonContainer=t},r.h("div",{style:e,class:"Image "+(this.animation?"Skeleton":"")}))}renderTitle(){const e={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:t=>this.skeletonContainer=t},r.h("div",{style:e,class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){const e={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return Array.from({length:this.rows>0?this.rows:1}).map((t,o)=>r.h("div",{style:e,key:o,class:"Text "+(this.animation?"Skeleton":"")}))}renderRectangle(){const e={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:t=>this.skeletonContainer=t},r.h("div",{style:e,class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){const e={width:`${this.size}`,height:`${this.size}`,"background-color":`${this.color}`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:t=>this.skeletonContainer=t},r.h("div",{style:e,class:"Circle "+(this.animation?"Skeleton":"")}))}componentDidLoad(){this.updateStyles()}render(){return this.handleStructure(this.structure)}static get watchers(){return{structure:["handleStructureChange"],primaryColor:["updateStyles"],secondaryColor:["updateStyles"]}}};i.style=s;exports.UiSkeleton=i;
|