@everymatrix/casino-challenges-list 1.77.16 → 1.77.18
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/dist/casino-challenges-list/casino-challenge-card_3.entry.js +1 -0
- package/dist/casino-challenges-list/casino-challenges-list-d0d9a1e1.js +1 -0
- package/dist/casino-challenges-list/casino-challenges-list.esm.js +1 -1
- package/dist/casino-challenges-list/index-d84ca385.js +2 -0
- package/dist/casino-challenges-list/index.esm.js +1 -1
- package/dist/cjs/casino-challenge-card_3.cjs.entry.js +631 -0
- package/dist/cjs/{casino-challenges-list-d6873cbb.js → casino-challenges-list-b4bc1590.js} +6 -3
- package/dist/cjs/casino-challenges-list.cjs.js +2 -2
- package/dist/cjs/{index-4ab9ba12.js → index-6a66c51c.js} +37 -5
- package/dist/cjs/index.cjs.js +2 -3
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/casino-challenges-list/casino-challenges-list.js +21 -2
- package/dist/esm/casino-challenge-card_3.entry.js +626 -0
- package/dist/esm/{casino-challenges-list-faf39d72.js → casino-challenges-list-d0d9a1e1.js} +4 -4
- package/dist/esm/casino-challenges-list.js +3 -3
- package/dist/esm/{index-ce64c965.js → index-d84ca385.js} +37 -5
- package/dist/esm/index.js +2 -3
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/casino-challenges-list/casino-challenges-list.d.ts +2 -1
- package/dist/types/components.d.ts +2 -0
- package/package.json +1 -1
- package/dist/casino-challenges-list/casino-challenges-list-faf39d72.js +0 -1
- package/dist/casino-challenges-list/casino-challenges-list_2.entry.js +0 -1
- package/dist/casino-challenges-list/index-ce64c965.js +0 -2
- package/dist/cjs/casino-challenges-list_2.cjs.entry.js +0 -184
- package/dist/esm/casino-challenges-list_2.entry.js +0 -179
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-
|
|
2
|
-
import '@everymatrix/casino-challenge-card';
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d84ca385.js';
|
|
3
2
|
|
|
4
3
|
/**
|
|
5
4
|
* @name setClientStyling
|
|
@@ -84,6 +83,7 @@ const CasinoChallengeList = class {
|
|
|
84
83
|
this.challenges = [];
|
|
85
84
|
this.loading = false;
|
|
86
85
|
this.hasMore = false;
|
|
86
|
+
this.activeTabIndex = 0;
|
|
87
87
|
}
|
|
88
88
|
handleClientStylingChange(newValue, oldValue) {
|
|
89
89
|
if (newValue != oldValue) {
|
|
@@ -145,7 +145,7 @@ const CasinoChallengeList = class {
|
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
147
|
render() {
|
|
148
|
-
return (h("div", { key: '
|
|
148
|
+
return (h("div", { key: 'a86f75428a1ada59409164e3c83582794d186c5c', ref: (el) => (this.stylingContainer = el), class: "challenges-list" }, this.challenges.map((challenge, index) => (h("div", { key: challenge.Id, ref: index === this.challenges.length - 1 ? this.setLastItemRef : null }, h("casino-challenge-card", { challenge: challenge, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, onTimerExpired: this.onTimerExpired, activeTabIndex: this.activeTabIndex })))), this.loading && this.renderSkeletons()));
|
|
149
149
|
}
|
|
150
150
|
get el() { return getElement(this); }
|
|
151
151
|
static get watchers() { return {
|
|
@@ -156,4 +156,4 @@ const CasinoChallengeList = class {
|
|
|
156
156
|
};
|
|
157
157
|
CasinoChallengeList.style = CasinoChallengesListStyle0;
|
|
158
158
|
|
|
159
|
-
export { CasinoChallengeList as C };
|
|
159
|
+
export { CasinoChallengeList as C, setClientStylingURL as a, setStreamStyling as b, setClientStyling as s };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-d84ca385.js';
|
|
2
|
+
export { s as setNonce } from './index-d84ca385.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["casino-
|
|
19
|
+
return bootstrapLazy([["casino-challenge-card_3",[[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeTabIndex":[514,"active-tab-index"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeTabIndex":[514,"active-tab-index"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"]}]]]], options);
|
|
20
20
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const NAMESPACE = 'casino-challenges-list';
|
|
2
|
-
const BUILD = /* casino-challenges-list */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad:
|
|
2
|
+
const BUILD = /* casino-challenges-list */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
@@ -49,10 +49,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
49
49
|
}
|
|
50
50
|
switch(bundleId) {
|
|
51
51
|
|
|
52
|
-
case 'casino-
|
|
52
|
+
case 'casino-challenge-card_3':
|
|
53
53
|
return import(
|
|
54
54
|
/* webpackMode: "lazy" */
|
|
55
|
-
'./casino-
|
|
55
|
+
'./casino-challenge-card_3.entry.js').then(processMod, consoleError);
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
return import(
|
|
@@ -383,6 +383,27 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
383
383
|
const newClasses = parseClassList(newValue);
|
|
384
384
|
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
385
385
|
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
386
|
+
} else if (memberName === "style") {
|
|
387
|
+
{
|
|
388
|
+
for (const prop in oldValue) {
|
|
389
|
+
if (!newValue || newValue[prop] == null) {
|
|
390
|
+
if (prop.includes("-")) {
|
|
391
|
+
elm.style.removeProperty(prop);
|
|
392
|
+
} else {
|
|
393
|
+
elm.style[prop] = "";
|
|
394
|
+
}
|
|
395
|
+
}
|
|
396
|
+
}
|
|
397
|
+
}
|
|
398
|
+
for (const prop in newValue) {
|
|
399
|
+
if (!oldValue || newValue[prop] !== oldValue[prop]) {
|
|
400
|
+
if (prop.includes("-")) {
|
|
401
|
+
elm.style.setProperty(prop, newValue[prop]);
|
|
402
|
+
} else {
|
|
403
|
+
elm.style[prop] = newValue[prop];
|
|
404
|
+
}
|
|
405
|
+
}
|
|
406
|
+
}
|
|
386
407
|
} else if (memberName === "key") ; else if (memberName === "ref") {
|
|
387
408
|
if (newValue) {
|
|
388
409
|
newValue(elm);
|
|
@@ -716,6 +737,11 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
716
737
|
);
|
|
717
738
|
}
|
|
718
739
|
let maybePromise;
|
|
740
|
+
if (isInitialLoad) {
|
|
741
|
+
{
|
|
742
|
+
maybePromise = safeCall(instance, "componentWillLoad");
|
|
743
|
+
}
|
|
744
|
+
}
|
|
719
745
|
endSchedule();
|
|
720
746
|
return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
|
|
721
747
|
};
|
|
@@ -983,6 +1009,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
983
1009
|
hostRef.$flags$ |= 128 /* isWatchReady */;
|
|
984
1010
|
}
|
|
985
1011
|
endNewInstance();
|
|
1012
|
+
fireConnectedCallback(hostRef.$lazyInstance$);
|
|
986
1013
|
} else {
|
|
987
1014
|
Cstr = elm.constructor;
|
|
988
1015
|
const cmpTag = elm.localName;
|
|
@@ -1010,6 +1037,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1010
1037
|
}
|
|
1011
1038
|
};
|
|
1012
1039
|
var fireConnectedCallback = (instance) => {
|
|
1040
|
+
{
|
|
1041
|
+
safeCall(instance, "connectedCallback");
|
|
1042
|
+
}
|
|
1013
1043
|
};
|
|
1014
1044
|
|
|
1015
1045
|
// src/runtime/connected-callback.ts
|
|
@@ -1042,8 +1072,10 @@ var connectedCallback = (elm) => {
|
|
|
1042
1072
|
initializeComponent(elm, hostRef, cmpMeta);
|
|
1043
1073
|
}
|
|
1044
1074
|
} else {
|
|
1045
|
-
if (hostRef == null ? void 0 : hostRef.$lazyInstance$)
|
|
1046
|
-
hostRef.$
|
|
1075
|
+
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1076
|
+
fireConnectedCallback(hostRef.$lazyInstance$);
|
|
1077
|
+
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1078
|
+
hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));
|
|
1047
1079
|
}
|
|
1048
1080
|
}
|
|
1049
1081
|
endConnected();
|
package/dist/esm/index.js
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
export { C as CasinoChallengeList } from './casino-challenges-list-
|
|
2
|
-
import './index-
|
|
3
|
-
import '@everymatrix/casino-challenge-card';
|
|
1
|
+
export { C as CasinoChallengeList } from './casino-challenges-list-d0d9a1e1.js';
|
|
2
|
+
import './index-d84ca385.js';
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-d84ca385.js';
|
|
2
|
+
export { s as setNonce } from './index-d84ca385.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["casino-
|
|
8
|
+
return bootstrapLazy([["casino-challenge-card_3",[[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeTabIndex":[514,"active-tab-index"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeTabIndex":[514,"active-tab-index"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
2
|
import "../../../../../../dist/packages/stencil/ui-skeleton/dist/types/index";
|
|
3
|
-
import
|
|
3
|
+
import "../../../../../../dist/packages/stencil/casino-challenge-card/dist/types/index";
|
|
4
4
|
import { IChallenge } from '../../components';
|
|
5
5
|
export declare class CasinoChallengeList {
|
|
6
6
|
mbSource: string;
|
|
@@ -11,6 +11,7 @@ export declare class CasinoChallengeList {
|
|
|
11
11
|
challenges: IChallenge[];
|
|
12
12
|
loading: boolean;
|
|
13
13
|
hasMore: boolean;
|
|
14
|
+
activeTabIndex: number;
|
|
14
15
|
el: HTMLElement;
|
|
15
16
|
loadMore: EventEmitter;
|
|
16
17
|
timerExpired: EventEmitter;
|
|
@@ -9,6 +9,7 @@ import { unknown as IChallenge } from "./components";
|
|
|
9
9
|
export { unknown as IChallenge } from "./components";
|
|
10
10
|
export namespace Components {
|
|
11
11
|
interface CasinoChallengesList {
|
|
12
|
+
"activeTabIndex": number;
|
|
12
13
|
"challenges": IChallenge[];
|
|
13
14
|
"clientStyling": string;
|
|
14
15
|
"clientStylingUrl": string;
|
|
@@ -48,6 +49,7 @@ declare global {
|
|
|
48
49
|
}
|
|
49
50
|
declare namespace LocalJSX {
|
|
50
51
|
interface CasinoChallengesList {
|
|
52
|
+
"activeTabIndex"?: number;
|
|
51
53
|
"challenges"?: IChallenge[];
|
|
52
54
|
"clientStyling"?: string;
|
|
53
55
|
"clientStylingUrl"?: string;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as n}from"./index-ce64c965.js";import"@everymatrix/casino-challenge-card";function s(t,e){if(t){const i=document.createElement("style");i.innerHTML=e,t.appendChild(i)}}function r(t,e){const i=new URL(e);fetch(i.href).then((t=>t.text())).then((e=>{const i=document.createElement("style");i.innerHTML=e,t&&t.appendChild(i)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}function o(t,e){if(window.emMessageBus){const i=document.createElement("style");window.emMessageBus.subscribe(e,(e=>{i.innerHTML=e,t&&t.appendChild(i)}))}}const h=[0,1,2,3,4,5,6,7,8,9],l=class{constructor(i){t(this,i),this.loadMore=e(this,"loadMore",7),this.timerExpired=e(this,"timerExpired",7),this.setLastItemRef=t=>{this.lastItemRef&&this.observer&&this.observer.unobserve(this.lastItemRef),this.lastItemRef=t,t&&this.observer&&!this.loading&&this.observer.observe(t)},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl=void 0,this.challenges=[],this.loading=!1,this.hasMore=!1}handleClientStylingChange(t,e){t!=e&&s(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&r(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&o(this.stylingContainer,`${this.mbSource}.Style`)}setupObserver(){this.lastItemRef&&!this.loading&&this.hasMore&&(this.observer||(this.observer=new IntersectionObserver((([t])=>{t.isIntersecting&&!this.loading&&this.hasMore&&(this.observer.unobserve(t.target),this.loadMore.emit())}),{root:null,rootMargin:"0px",threshold:.1})),this.observer.disconnect(),this.observer.observe(this.lastItemRef))}componentDidRender(){this.setupObserver()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect(),this.observer=void 0}componentDidLoad(){this.stylingContainer&&(this.mbSource&&o(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&s(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&r(this.stylingContainer,this.clientStylingUrl))}renderSkeletons(){return h.map((t=>i("div",{class:"loader",key:t},i("ui-skeleton",{structure:"image",height:"200px","border-radius":"16px 16px 0 0"}),i("ui-skeleton",{class:"SkeletonRows",structure:"text",width:"220px",height:"16px",rows:"3"}),i("ui-skeleton",{class:"SkeletonButton",structure:"text",width:"100%"}))))}onTimerExpired(t){this.timerExpired&&this.timerExpired.emit(t.detail)}render(){return i("div",{key:"c2dc103d0aa9777b8b79bd8e787985a69f2e2457",ref:t=>this.stylingContainer=t,class:"challenges-list"},this.challenges.map(((t,e)=>i("div",{key:t.Id,ref:e===this.challenges.length-1?this.setLastItemRef:null},i("casino-challenge-card",{challenge:t,language:this.language,mbSource:this.mbSource,clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,translationUrl:this.translationUrl,onTimerExpired:this.onTimerExpired})))),this.loading&&this.renderSkeletons())}get el(){return n(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};l.style=".challenges-list {\n display: flex;\n flex-wrap: wrap;\n gap: 30px;\n width: 100%;\n}\n\n.loader {\n width: 308px;\n border-radius: 16px;\n border: 2px solid var(--emw--button-border-color, rgba(221, 255, 207, 0.1019607843));\n background-color: var(--emw--color-background, #141515);\n box-sizing: border-box;\n position: relative;\n}\n@container challenge-list (max-width: 576px) {\n .loader {\n width: 100%;\n }\n}\n.loader:hover {\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n cursor: pointer;\n}\n.loader .SkeletonRows .SkeletonContainer {\n padding: 0 20px 0 20px;\n}\n.loader .SkeletonButton .Skeleton.Text {\n margin: 0;\n height: 28px;\n margin: 0 20px 20px 20px;\n border-radius: var(--emw--button-border-radius, 99px);\n width: auto;\n}\n.loader .Skeleton.Image {\n border-radius: 16px 16px 0 0;\n}\n.loader .Skeleton.Text {\n margin: 20px 0;\n}";export{l as C}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{C as casino_challenges_list}from"./casino-challenges-list-faf39d72.js";import{r as e,h as t,H as n}from"./index-ce64c965.js";import"@everymatrix/casino-challenge-card";const i=class{constructor(t){e(this,t),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 0===e?0:`${e}px`;case"undefined":default:return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"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("div",{class:"SkeletonContainer"},t("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((e,n)=>t("div",{key:n,class:"Text "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`\n :host {\n --emw-skeleton-logo-width: ${this.stylingValue.width};\n --emw-skeleton-logo-height: ${this.stylingValue.height};\n --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"image":e=`\n :host {\n --emw-skeleton-image-width: ${this.stylingValue.width};\n --emw-skeleton-image-height: ${this.stylingValue.height};\n --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"title":e=`\n :host {\n --emw-skeleton-title-width: ${this.stylingValue.width};\n --emw-skeleton-title-height: ${this.stylingValue.height};\n --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"text":e=`\n :host {\n --emw-skeleton-text-width: ${this.stylingValue.width};\n --emw-skeleton-text-height: ${this.stylingValue.height};\n --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"rectangle":e=`\n :host {\n --emw-skeleton-rectangle-width: ${this.stylingValue.width};\n --emw-skeleton-rectangle-height: ${this.stylingValue.height};\n --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"circle":e=`\n :host {\n --emw-skeleton-circle-size: ${this.stylingValue.size};\n }\n `;break;default:e=""}return t(n,{key:"e6b885bfd985ce7663d990756fe9101e25eb97f0"},t("style",{key:"06ae24c7bb74f4dacfc12ae58085333f9dc89da5"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};i.style=":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)}}";export{i as ui_skeleton}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>t.set(n.t=e,n),o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),r=new Map,i=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a=u.document||{head:{}},f={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,m=[],y=[],$=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&f.l?v(w):f.raf(w))},b=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},w=()=>{b(m),b(y),(p=m.length>0)&&f.raf(w)},v=e=>h().then(e),g=$(y,!0),S={},j=e=>"object"==(e=typeof e)||"function"===e;function k(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>E,map:()=>C,ok:()=>O,unwrap:()=>P,unwrapErr:()=>R});var O=e=>({isOk:!0,isErr:!1,value:e}),E=e=>({isOk:!1,isErr:!0,value:e});function C(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>O(e))):O(n)}if(e.isErr)return E(e.value);throw"should never get here"}var M,x,P=e=>{if(e.isOk)return e.value;throw e.value},R=e=>{if(e.isErr)return e.value;throw e.value},T=(e,t,...n)=>{let l=null,o=null,s=!1,r=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!j(l))&&(l+=""),s&&r?i[i.length-1].i+=l:i.push(s?A(null,l):l),r=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=A(e,null);return u.u=t,i.length>0&&(u.h=i),u.p=o,u},A=(e,t)=>({l:0,m:e,i:t,$:null,h:null,u:null,p:null}),D={},F=e=>n(e).$hostElement$,H=(e,t,n)=>{const l=F(e);return{emit:e=>L(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},L=(e,t,n)=>{const l=f.ce(t,n);return e.dispatchEvent(l),l},N=new WeakMap,U=e=>"sc-"+e.v,W=(e,t,n,l,s,r)=>{if(n!==l){let i=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=G(n),s=G(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const o=j(l);if((i||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||s)&&!o&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(u,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(V);t=t.replace(_,""),n&&f.rel(e,t,n,o),l&&f.ael(e,t,l,o)}}},q=/\s/,G=e=>e?e.split(q):[],V="Capture",_=RegExp(V+"$"),z=(e,t,n)=>{const l=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.u||S,s=t.u||S;for(const e of B(Object.keys(o)))e in s||W(l,e,o[e],void 0,n,t.l);for(const e of B(Object.keys(s)))W(l,e,o[e],s[e],n,t.l)};function B(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var I=!1,J=(e,t,n)=>{const l=t.h[n];let o,s,r=0;if(null!==l.i)o=l.$=a.createTextNode(l.i);else if(o=l.$=a.createElement(l.m),z(null,l,I),null!=M&&o["s-si"]!==M&&o.classList.add(o["s-si"]=M),l.h)for(r=0;r<l.h.length;++r)s=J(e,l,r),s&&o.appendChild(s);return o["s-hn"]=x,o},K=(e,t,n,l,o,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===x&&(i=i.shadowRoot);o<=s;++o)l[o]&&(r=J(null,n,o),r&&(l[o].$=r,ee(i,r,t)))},Q=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;Z(t),e&&e.remove()}}},X=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),Y=(e,t,n=!1)=>{const l=t.$=e.$,o=e.h,s=t.h,r=t.i;null===r?(z(e,t,I),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=t.length-1,h=t[0],d=t[f],p=l.length-1,m=l[0],y=l[p];for(;i<=f&&c<=p;)if(null==h)h=t[++i];else if(null==d)d=t[--f];else if(null==m)m=l[++c];else if(null==y)y=l[--p];else if(X(h,m,o))Y(h,m,o),h=t[++i],m=l[++c];else if(X(d,y,o))Y(d,y,o),d=t[--f],y=l[--p];else if(X(h,y,o))Y(h,y,o),ee(e,h.$,d.$.nextSibling),h=t[++i],y=l[--p];else if(X(d,m,o))Y(d,m,o),ee(e,d.$,h.$),d=t[--f],m=l[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(r=t[u],r.m!==m.m?s=J(t&&t[c],n,u):(Y(r,m,o),t[u]=void 0,s=r.$),m=l[++c]):(s=J(t&&t[c],n,c),m=l[++c]),s&&ee(h.$.parentNode,s,h.$)}i>f?K(e,null==l[p+1]?null:l[p+1].$,n,l,c,p):c>p&&Q(t,i,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),K(l,null,t,s,0,s.length-1)):null!==o&&Q(o,0,o.length-1)):e.i!==r&&(l.data=r)},Z=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(Z)},ee=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),te=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},ne=(e,t)=>{if(e.l|=16,!(4&e.l))return te(e,e.j),g((()=>le(e,t)));e.l|=512},le=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.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`);return oe(void 0,(()=>re(e,n,t)))},oe=(e,t)=>se(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),se=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,re=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=U(t),o=i.get(l);if(e=11===e.nodeType?e:a,o)if("string"==typeof o){let s,r=N.get(e=e.head||e);if(r||N.set(e,r=new Set),!r.has(l)){{s=a.createElement("style"),s.innerHTML=o;const t=null!=(n=f.O)?n:k(a);null!=t&&s.setAttribute("nonce",t),e.insertBefore(s,e.querySelector("link"))}4&t.l&&(s.innerHTML+=c),r&&r.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);ie(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>ce(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},ie=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.k,s=e.C||A(null,null),r=(e=>e&&e.m===D)(t)?t:T(null,null,t);if(x=l.tagName,o.M&&(r.u=r.u||{},o.M.map((([e,t])=>r.u[t]=l[e]))),n&&r.u)for(const e of Object.keys(r.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=l[e]);r.m=null,r.l|=4,e.C=r,r.$=s.$=l.shadowRoot||l,M=l["s-sc"],Y(s,r,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},ce=e=>{const t=e.$hostElement$,n=e.t,l=e.j;ae(n,"componentDidRender"),64&e.l||(e.l|=64,fe(t),ae(n,"componentDidLoad"),e.P(t),l||ue()),e.S&&(e.S(),e.S=void 0),512&e.l&&v((()=>ne(e,!1))),e.l&=-517},ue=()=>{fe(a.documentElement),v((()=>L(u,"appload",{detail:{namespace:"casino-challenges-list"}})))},ae=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},fe=e=>e.classList.add("hydrated"),he=(e,t,l)=>{var o,r;const i=e.prototype;if(t.R||t.T||e.watchers){e.watchers&&!t.T&&(t.T=e.watchers);const c=Object.entries(null!=(o=t.R)?o:{});if(c.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(i,e,{get(){return((e,t)=>n(this).A.get(t))(0,e)},set(l){((e,t,l,o)=>{const r=n(e);if(!r)throw Error(`Couldn't find host element for "${o.v}" 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).`);const i=r.$hostElement$,c=r.A.get(t),u=r.l,a=r.t;if(l=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,o.R[t][0]),(!(8&u)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(r.A.set(t,l),a)){if(o.T&&128&u){const e=o.T[t];e&&e.map((e=>{try{a[e](l,c,t)}catch(e){s(e,i)}}))}2==(18&u)&&ne(r,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0})})),1&l){const l=new Map;i.attributeChangedCallback=function(e,o,s){f.jmp((()=>{var r;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),i=null==l?void 0:l.l;if(i&&!(8&i)&&128&i&&s!==o){const n=l.t,i=null==(r=t.T)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=t.T)?r:{}),...c.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.M)||o.push([e,s])),s}))]))}}return e},de=e=>{ae(e,"disconnectedCallback")},pe=(e,l={})=>{var o;const h=[],p=l.exclude||[],m=u.customElements,y=a.head,$=y.querySelector("meta[charset]"),b=a.createElement("style"),w=[];let v,g=!0;Object.assign(f,l),f.o=new URL(l.resourcesUrl||"./",a.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((l=>{var o;const c={l:l[0],v:l[1],R:l[2],D:l[3]};4&c.l&&(S=!0),c.R=l[2],c.M=[],c.T=null!=(o=l[4])?o:{};const u=c.v,a=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,k:n,A:new Map};l.F=new Promise((e=>l.P=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),v&&(clearTimeout(v),v=null),g?w.push(this):f.jmp((()=>(e=>{if(!(1&f.l)){const t=n(e),l=t.k,o=()=>{};if(1&t.l)(null==t?void 0:t.t)||(null==t?void 0:t.F)&&t.F.then((()=>{}));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){te(t,t.j=n);break}}l.R&&Object.entries(l.R).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n.H){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.H;if(!n)return;const l=r.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(r.set(n,e),e[t])),s)
|
|
2
|
-
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.v}#${t.L}" was not found`);l.isProxied||(n.T=l.watchers,he(l,n,2),l.isProxied=!0);const o=()=>{};t.l|=8;try{new l(t)}catch(e){s(e)}t.l&=-9,t.l|=128,o()}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=U(n);if(!i.has(t)){const l=()=>{};((e,t,n)=>{let l=i.get(e);d&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,i.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.j,c=()=>ne(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}})(this)))}disconnectedCallback(){f.jmp((()=>(async()=>{if(!(1&f.l)){const e=n(this);(null==e?void 0:e.t)?de(e.t):(null==e?void 0:e.F)&&e.F.then((()=>de(e.t)))}})()))}componentOnReady(){return n(this).F}};c.H=e[0],p.includes(u)||m.get(u)||(h.push(u),m.define(u,he(a,c,1)))}))})),h.length>0&&(S&&(b.textContent+=c),b.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",b.innerHTML.length)){b.setAttribute("data-styles","");const e=null!=(o=f.O)?o:k(a);null!=e&&b.setAttribute("nonce",e),y.insertBefore(b,$?$.nextSibling:y.firstChild)}g=!1,w.length?w.map((e=>e.connectedCallback())):f.jmp((()=>v=setTimeout(ue,30)))},me=e=>f.O=e;export{D as H,pe as b,H as c,F as g,T as h,h as p,l as r,me as s}
|
|
@@ -1,184 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const casinoChallengesList = require('./casino-challenges-list-d6873cbb.js');
|
|
6
|
-
const index = require('./index-4ab9ba12.js');
|
|
7
|
-
require('@everymatrix/casino-challenge-card');
|
|
8
|
-
|
|
9
|
-
const uiSkeletonCss = ":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)}}";
|
|
10
|
-
const UiSkeletonStyle0 = uiSkeletonCss;
|
|
11
|
-
|
|
12
|
-
const UiSkeleton = class {
|
|
13
|
-
constructor(hostRef) {
|
|
14
|
-
index.registerInstance(this, hostRef);
|
|
15
|
-
this.stylingValue = {
|
|
16
|
-
width: this.handleStylingProps(this.width),
|
|
17
|
-
height: this.handleStylingProps(this.height),
|
|
18
|
-
borderRadius: this.handleStylingProps(this.borderRadius),
|
|
19
|
-
marginBottom: this.handleStylingProps(this.marginBottom),
|
|
20
|
-
marginTop: this.handleStylingProps(this.marginTop),
|
|
21
|
-
marginLeft: this.handleStylingProps(this.marginLeft),
|
|
22
|
-
marginRight: this.handleStylingProps(this.marginRight),
|
|
23
|
-
size: this.handleStylingProps(this.size)
|
|
24
|
-
};
|
|
25
|
-
this.structure = undefined;
|
|
26
|
-
this.width = 'unset';
|
|
27
|
-
this.height = 'unset';
|
|
28
|
-
this.borderRadius = 'unset';
|
|
29
|
-
this.marginBottom = 'unset';
|
|
30
|
-
this.marginTop = 'unset';
|
|
31
|
-
this.marginLeft = 'unset';
|
|
32
|
-
this.marginRight = 'unset';
|
|
33
|
-
this.animation = true;
|
|
34
|
-
this.rows = 0;
|
|
35
|
-
this.size = '100%';
|
|
36
|
-
}
|
|
37
|
-
handleStructureChange(newValue, oldValue) {
|
|
38
|
-
if (oldValue !== newValue) {
|
|
39
|
-
this.handleStructure(newValue);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
handleStylingProps(value) {
|
|
43
|
-
switch (typeof value) {
|
|
44
|
-
case 'number':
|
|
45
|
-
return value === 0 ? 0 : `${value}px`;
|
|
46
|
-
case 'undefined':
|
|
47
|
-
return 'unset';
|
|
48
|
-
case 'string':
|
|
49
|
-
if (['auto', 'unset', 'none', 'inherit', 'initial'].includes(value) ||
|
|
50
|
-
value.endsWith('px') ||
|
|
51
|
-
value.endsWith('%')) {
|
|
52
|
-
return value;
|
|
53
|
-
}
|
|
54
|
-
else {
|
|
55
|
-
return 'unset';
|
|
56
|
-
}
|
|
57
|
-
default:
|
|
58
|
-
return 'unset';
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
handleStructure(structure) {
|
|
62
|
-
switch (structure) {
|
|
63
|
-
case 'logo':
|
|
64
|
-
return this.renderLogo();
|
|
65
|
-
case 'image':
|
|
66
|
-
return this.renderImage();
|
|
67
|
-
case 'title':
|
|
68
|
-
return this.renderTitle();
|
|
69
|
-
case 'text':
|
|
70
|
-
return this.renderText();
|
|
71
|
-
case 'rectangle':
|
|
72
|
-
return this.renderRectangle();
|
|
73
|
-
case 'circle':
|
|
74
|
-
return this.renderCircle();
|
|
75
|
-
default:
|
|
76
|
-
return null;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
renderLogo() {
|
|
80
|
-
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'Logo ' + (this.animation ? 'Skeleton' : '') })));
|
|
81
|
-
}
|
|
82
|
-
renderImage() {
|
|
83
|
-
return index.h("div", { class: 'Image ' + (this.animation ? 'Skeleton' : '') });
|
|
84
|
-
}
|
|
85
|
-
renderTitle() {
|
|
86
|
-
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'Title ' + (this.animation ? 'Skeleton' : '') })));
|
|
87
|
-
}
|
|
88
|
-
renderText() {
|
|
89
|
-
return (index.h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index$1) => (index.h("div", { key: index$1, class: 'Text ' + (this.animation ? 'Skeleton' : '') })))));
|
|
90
|
-
}
|
|
91
|
-
renderRectangle() {
|
|
92
|
-
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'Rectangle ' + (this.animation ? 'Skeleton' : '') })));
|
|
93
|
-
}
|
|
94
|
-
renderCircle() {
|
|
95
|
-
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'Circle ' + (this.animation ? 'Skeleton' : '') })));
|
|
96
|
-
}
|
|
97
|
-
render() {
|
|
98
|
-
let styleBlock = '';
|
|
99
|
-
switch (this.structure) {
|
|
100
|
-
case 'logo':
|
|
101
|
-
styleBlock = `
|
|
102
|
-
:host {
|
|
103
|
-
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
104
|
-
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
105
|
-
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
106
|
-
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
107
|
-
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
108
|
-
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
109
|
-
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
110
|
-
}
|
|
111
|
-
`;
|
|
112
|
-
break;
|
|
113
|
-
case 'image':
|
|
114
|
-
styleBlock = `
|
|
115
|
-
:host {
|
|
116
|
-
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
117
|
-
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
118
|
-
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
119
|
-
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
120
|
-
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
121
|
-
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
122
|
-
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
123
|
-
}
|
|
124
|
-
`;
|
|
125
|
-
break;
|
|
126
|
-
case 'title':
|
|
127
|
-
styleBlock = `
|
|
128
|
-
:host {
|
|
129
|
-
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
130
|
-
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
131
|
-
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
132
|
-
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
133
|
-
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
134
|
-
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
135
|
-
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
136
|
-
}
|
|
137
|
-
`;
|
|
138
|
-
break;
|
|
139
|
-
case 'text':
|
|
140
|
-
styleBlock = `
|
|
141
|
-
:host {
|
|
142
|
-
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
143
|
-
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
144
|
-
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
145
|
-
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
146
|
-
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
147
|
-
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
148
|
-
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
149
|
-
}
|
|
150
|
-
`;
|
|
151
|
-
break;
|
|
152
|
-
case 'rectangle':
|
|
153
|
-
styleBlock = `
|
|
154
|
-
:host {
|
|
155
|
-
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
156
|
-
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
157
|
-
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
158
|
-
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
159
|
-
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
160
|
-
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
161
|
-
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
162
|
-
}
|
|
163
|
-
`;
|
|
164
|
-
break;
|
|
165
|
-
case 'circle':
|
|
166
|
-
styleBlock = `
|
|
167
|
-
:host {
|
|
168
|
-
--emw-skeleton-circle-size: ${this.stylingValue.size};
|
|
169
|
-
}
|
|
170
|
-
`;
|
|
171
|
-
break;
|
|
172
|
-
default:
|
|
173
|
-
styleBlock = '';
|
|
174
|
-
}
|
|
175
|
-
return (index.h(index.Host, { key: 'e6b885bfd985ce7663d990756fe9101e25eb97f0' }, index.h("style", { key: '06ae24c7bb74f4dacfc12ae58085333f9dc89da5' }, styleBlock), this.handleStructure(this.structure)));
|
|
176
|
-
}
|
|
177
|
-
static get watchers() { return {
|
|
178
|
-
"structure": ["handleStructureChange"]
|
|
179
|
-
}; }
|
|
180
|
-
};
|
|
181
|
-
UiSkeleton.style = UiSkeletonStyle0;
|
|
182
|
-
|
|
183
|
-
exports.casino_challenges_list = casinoChallengesList.CasinoChallengeList;
|
|
184
|
-
exports.ui_skeleton = UiSkeleton;
|