@everymatrix/casino-engagement-suite-challenges-details 1.55.0 → 1.56.0
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-engagement-suite-challenges-details/casino-engagement-suite-challenges-details.esm.js +1 -1
- package/dist/casino-engagement-suite-challenges-details/p-3a67b441.js +2 -0
- package/dist/casino-engagement-suite-challenges-details/p-cadab9e8.entry.js +1 -0
- package/dist/cjs/casino-engagement-suite-challenges-details.cjs.js +2 -2
- package/dist/cjs/casino-engagement-suite-challenges-details_2.cjs.entry.js +54 -21
- package/dist/cjs/{index-6ff53f03.js → index-748a8ad7.js} +170 -69
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/casino-engagement-suite-challenges-details/casino-engagement-suite-challenges-details.js +48 -15
- package/dist/esm/casino-engagement-suite-challenges-details.js +3 -3
- package/dist/esm/casino-engagement-suite-challenges-details_2.entry.js +54 -21
- package/dist/esm/{index-483d521d.js → index-aeeed9d1.js} +170 -69
- package/dist/esm/loader.js +2 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-details/.stencil/packages/stencil/casino-engagement-suite-challenges-details/stencil.config.d.ts +2 -0
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-details/.stencil/packages/stencil/casino-engagement-suite-challenges-details/stencil.config.dev.d.ts +2 -0
- package/package.json +1 -1
- package/dist/casino-engagement-suite-challenges-details/p-481c61a8.js +0 -2
- package/dist/casino-engagement-suite-challenges-details/p-6f85f7fe.entry.js +0 -1
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-details/.stencil/packages/stencil/casino-engagement-suite-challenges-details/stencil.config.d.ts +0 -2
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-details/.stencil/packages/stencil/casino-engagement-suite-challenges-details/stencil.config.dev.d.ts +0 -2
- /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-details/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-details/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-details/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-details/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-aeeed9d1.js';
|
|
2
2
|
|
|
3
3
|
const DEFAULT_LANGUAGE = 'en';
|
|
4
4
|
const SUPPORTED_LANGUAGES = ['en'];
|
|
@@ -57,6 +57,34 @@ const CasinoEngagementSuiteChallengesDetails = class {
|
|
|
57
57
|
this.close = createEvent(this, "close", 7);
|
|
58
58
|
this.back = createEvent(this, "back", 7);
|
|
59
59
|
this.resetNewChallengeLabel = createEvent(this, "resetNewChallengeLabel", 7);
|
|
60
|
+
/**
|
|
61
|
+
* Client custom styling via string
|
|
62
|
+
*/
|
|
63
|
+
this.clientStyling = '';
|
|
64
|
+
/**
|
|
65
|
+
* Client custom styling via url
|
|
66
|
+
*/
|
|
67
|
+
this.clientStylingUrl = '';
|
|
68
|
+
/**
|
|
69
|
+
* Language of the widget
|
|
70
|
+
*/
|
|
71
|
+
this.language = 'en';
|
|
72
|
+
/**
|
|
73
|
+
* Current game slug
|
|
74
|
+
*/
|
|
75
|
+
this.gameSlug = '';
|
|
76
|
+
/**
|
|
77
|
+
* User's device type
|
|
78
|
+
*/
|
|
79
|
+
this.device = 'Mobile';
|
|
80
|
+
/**
|
|
81
|
+
*Paused Challenge Ids
|
|
82
|
+
*/
|
|
83
|
+
this.pausedChallengeIds = [];
|
|
84
|
+
this.limitStylingAppends = false;
|
|
85
|
+
this.timer = '';
|
|
86
|
+
this.showDetails = false;
|
|
87
|
+
this.isExpiredChallenge = false;
|
|
60
88
|
this.setClientStyling = () => {
|
|
61
89
|
let sheet = document.createElement('style');
|
|
62
90
|
sheet.innerHTML = this.clientStyling;
|
|
@@ -122,19 +150,6 @@ const CasinoEngagementSuiteChallengesDetails = class {
|
|
|
122
150
|
this.toggle = () => {
|
|
123
151
|
this.showDetails = !this.showDetails;
|
|
124
152
|
};
|
|
125
|
-
this.clientStyling = '';
|
|
126
|
-
this.clientStylingUrl = '';
|
|
127
|
-
this.challenge = undefined;
|
|
128
|
-
this.inProgressChallenges = undefined;
|
|
129
|
-
this.language = 'en';
|
|
130
|
-
this.gameSlug = '';
|
|
131
|
-
this.device = 'Mobile';
|
|
132
|
-
this.isJoiningToChallenge = undefined;
|
|
133
|
-
this.pausedChallengeIds = [];
|
|
134
|
-
this.limitStylingAppends = false;
|
|
135
|
-
this.timer = '';
|
|
136
|
-
this.showDetails = false;
|
|
137
|
-
this.isExpiredChallenge = false;
|
|
138
153
|
}
|
|
139
154
|
challengePropHandler(value) {
|
|
140
155
|
if (!this.interval && value) {
|
|
@@ -272,6 +287,31 @@ const CasinoEngagementSuiteProgressBarStyle0 = casinoEngagementSuiteProgressBarC
|
|
|
272
287
|
const CasinoEngagementSuiteProgressBar = class {
|
|
273
288
|
constructor(hostRef) {
|
|
274
289
|
registerInstance(this, hostRef);
|
|
290
|
+
/**
|
|
291
|
+
* Value for the widget
|
|
292
|
+
*/
|
|
293
|
+
this.value = 0;
|
|
294
|
+
/**
|
|
295
|
+
* Shows disabled styles
|
|
296
|
+
*/
|
|
297
|
+
this.disabled = false;
|
|
298
|
+
/**
|
|
299
|
+
* Hide percent value
|
|
300
|
+
*/
|
|
301
|
+
this.hidePercent = false;
|
|
302
|
+
/**
|
|
303
|
+
* Constantly animates
|
|
304
|
+
*/
|
|
305
|
+
this.indeterminate = false;
|
|
306
|
+
/**
|
|
307
|
+
* Client custom styling via string
|
|
308
|
+
*/
|
|
309
|
+
this.clientStyling = '';
|
|
310
|
+
/**
|
|
311
|
+
* Client custom styling via url
|
|
312
|
+
*/
|
|
313
|
+
this.clientStylingUrl = '';
|
|
314
|
+
this.limitStylingAppends = false;
|
|
275
315
|
this.setClientStyling = () => {
|
|
276
316
|
let sheet = document.createElement('style');
|
|
277
317
|
sheet.innerHTML = this.clientStyling;
|
|
@@ -290,13 +330,6 @@ const CasinoEngagementSuiteProgressBar = class {
|
|
|
290
330
|
console.log('Error ', err);
|
|
291
331
|
});
|
|
292
332
|
};
|
|
293
|
-
this.value = 0;
|
|
294
|
-
this.disabled = false;
|
|
295
|
-
this.hidePercent = false;
|
|
296
|
-
this.indeterminate = false;
|
|
297
|
-
this.clientStyling = '';
|
|
298
|
-
this.clientStylingUrl = '';
|
|
299
|
-
this.limitStylingAppends = false;
|
|
300
333
|
}
|
|
301
334
|
componentDidRender() {
|
|
302
335
|
if (!this.limitStylingAppends && this.host) {
|
|
@@ -1,17 +1,21 @@
|
|
|
1
1
|
const NAMESPACE = 'casino-engagement-suite-challenges-details';
|
|
2
|
-
const BUILD = /* casino-engagement-suite-challenges-details */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, 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: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, 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: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
2
|
+
const BUILD = /* casino-engagement-suite-challenges-details */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, 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, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, 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: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.
|
|
5
|
+
Stencil Client Platform v4.26.0 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
var __defProp = Object.defineProperty;
|
|
8
8
|
var __export = (target, all) => {
|
|
9
9
|
for (var name in all)
|
|
10
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
11
|
};
|
|
12
|
+
|
|
13
|
+
// src/client/client-host-ref.ts
|
|
12
14
|
var hostRefs = /* @__PURE__ */ new WeakMap();
|
|
13
15
|
var getHostRef = (ref) => hostRefs.get(ref);
|
|
14
|
-
var registerInstance = (lazyInstance, hostRef) =>
|
|
16
|
+
var registerInstance = (lazyInstance, hostRef) => {
|
|
17
|
+
hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
18
|
+
};
|
|
15
19
|
var registerHost = (hostElement, cmpMeta) => {
|
|
16
20
|
const hostRef = {
|
|
17
21
|
$flags$: 0,
|
|
@@ -24,7 +28,8 @@ var registerHost = (hostElement, cmpMeta) => {
|
|
|
24
28
|
hostElement["s-p"] = [];
|
|
25
29
|
hostElement["s-rc"] = [];
|
|
26
30
|
}
|
|
27
|
-
|
|
31
|
+
const ref = hostRefs.set(hostElement, hostRef);
|
|
32
|
+
return ref;
|
|
28
33
|
};
|
|
29
34
|
var isMemberInElement = (elm, memberName) => memberName in elm;
|
|
30
35
|
var consoleError = (e, el) => (0, console.error)(e, el);
|
|
@@ -61,16 +66,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
61
66
|
/* webpackExclude: /\.system\.entry\.js$/ */
|
|
62
67
|
/* webpackMode: "lazy" */
|
|
63
68
|
`./${bundleId}.entry.js${""}`
|
|
64
|
-
).then(
|
|
65
|
-
{
|
|
66
|
-
|
|
69
|
+
).then(
|
|
70
|
+
(importedModule) => {
|
|
71
|
+
{
|
|
72
|
+
cmpModules.set(bundleId, importedModule);
|
|
73
|
+
}
|
|
74
|
+
return importedModule[exportName];
|
|
75
|
+
},
|
|
76
|
+
(e) => {
|
|
77
|
+
consoleError(e, hostRef.$hostElement$);
|
|
67
78
|
}
|
|
68
|
-
|
|
69
|
-
}, consoleError);
|
|
79
|
+
);
|
|
70
80
|
};
|
|
71
81
|
|
|
72
82
|
// src/client/client-style.ts
|
|
73
83
|
var styles = /* @__PURE__ */ new Map();
|
|
84
|
+
var HYDRATED_STYLE_ID = "sty-id";
|
|
74
85
|
var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
|
|
75
86
|
var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
|
|
76
87
|
var win = typeof window !== "undefined" ? window : {};
|
|
@@ -128,12 +139,6 @@ var flush = () => {
|
|
|
128
139
|
};
|
|
129
140
|
var nextTick = (cb) => promiseResolve().then(cb);
|
|
130
141
|
var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
|
|
131
|
-
|
|
132
|
-
// src/utils/constants.ts
|
|
133
|
-
var EMPTY_OBJ = {};
|
|
134
|
-
|
|
135
|
-
// src/utils/helpers.ts
|
|
136
|
-
var isDef = (v) => v != null;
|
|
137
142
|
var isComplexType = (o) => {
|
|
138
143
|
o = typeof o;
|
|
139
144
|
return o === "object" || o === "function";
|
|
@@ -337,7 +342,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
337
342
|
}
|
|
338
343
|
if (!appliedStyles.has(scopeId2)) {
|
|
339
344
|
{
|
|
340
|
-
styleElm = doc.createElement("style");
|
|
345
|
+
styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
|
|
341
346
|
styleElm.innerHTML = style;
|
|
342
347
|
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
343
348
|
if (nonce != null) {
|
|
@@ -347,7 +352,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
347
352
|
if (styleContainerNode.nodeName === "HEAD") {
|
|
348
353
|
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
349
354
|
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
350
|
-
styleContainerNode.insertBefore(
|
|
355
|
+
styleContainerNode.insertBefore(
|
|
356
|
+
styleElm,
|
|
357
|
+
(referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
|
|
358
|
+
);
|
|
351
359
|
} else if ("host" in styleContainerNode) {
|
|
352
360
|
if (supportsConstructableStylesheets) {
|
|
353
361
|
const stylesheet = new CSSStyleSheet();
|
|
@@ -365,7 +373,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
365
373
|
styleContainerNode.append(styleElm);
|
|
366
374
|
}
|
|
367
375
|
}
|
|
368
|
-
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */
|
|
376
|
+
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
|
|
369
377
|
styleContainerNode.insertBefore(styleElm, null);
|
|
370
378
|
}
|
|
371
379
|
}
|
|
@@ -390,23 +398,25 @@ var attachStyles = (hostRef) => {
|
|
|
390
398
|
const scopeId2 = addStyle(
|
|
391
399
|
elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
|
|
392
400
|
cmpMeta);
|
|
393
|
-
if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
|
|
401
|
+
if ((flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */ || flags & 128 /* shadowNeedsScopedCss */)) {
|
|
394
402
|
elm["s-sc"] = scopeId2;
|
|
395
403
|
elm.classList.add(scopeId2 + "-h");
|
|
396
404
|
}
|
|
397
405
|
endAttachStyles();
|
|
398
406
|
};
|
|
399
407
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
400
|
-
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
408
|
+
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
|
|
401
409
|
if (oldValue !== newValue) {
|
|
402
410
|
let isProp = isMemberInElement(elm, memberName);
|
|
403
411
|
let ln = memberName.toLowerCase();
|
|
404
412
|
if (memberName === "class") {
|
|
405
413
|
const classList = elm.classList;
|
|
406
414
|
const oldClasses = parseClassList(oldValue);
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
415
|
+
let newClasses = parseClassList(newValue);
|
|
416
|
+
{
|
|
417
|
+
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
418
|
+
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
419
|
+
}
|
|
410
420
|
} else if (memberName === "style") {
|
|
411
421
|
{
|
|
412
422
|
for (const prop in oldValue) {
|
|
@@ -461,7 +471,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
461
471
|
elm.setAttribute(memberName, n);
|
|
462
472
|
}
|
|
463
473
|
}
|
|
464
|
-
} else {
|
|
474
|
+
} else if (elm[memberName] !== newValue) {
|
|
465
475
|
elm[memberName] = newValue;
|
|
466
476
|
}
|
|
467
477
|
} catch (e) {
|
|
@@ -483,24 +493,44 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
483
493
|
}
|
|
484
494
|
};
|
|
485
495
|
var parseClassListRegex = /\s/;
|
|
486
|
-
var parseClassList = (value) =>
|
|
496
|
+
var parseClassList = (value) => {
|
|
497
|
+
if (typeof value === "object" && value && "baseVal" in value) {
|
|
498
|
+
value = value.baseVal;
|
|
499
|
+
}
|
|
500
|
+
if (!value || typeof value !== "string") {
|
|
501
|
+
return [];
|
|
502
|
+
}
|
|
503
|
+
return value.split(parseClassListRegex);
|
|
504
|
+
};
|
|
487
505
|
var CAPTURE_EVENT_SUFFIX = "Capture";
|
|
488
506
|
var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
|
|
489
507
|
|
|
490
508
|
// src/runtime/vdom/update-element.ts
|
|
491
|
-
var updateElement = (oldVnode, newVnode, isSvgMode2) => {
|
|
509
|
+
var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
|
|
492
510
|
const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
|
|
493
|
-
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ ||
|
|
494
|
-
const newVnodeAttrs = newVnode.$attrs$ ||
|
|
511
|
+
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
|
|
512
|
+
const newVnodeAttrs = newVnode.$attrs$ || {};
|
|
495
513
|
{
|
|
496
514
|
for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
|
|
497
515
|
if (!(memberName in newVnodeAttrs)) {
|
|
498
|
-
setAccessor(
|
|
516
|
+
setAccessor(
|
|
517
|
+
elm,
|
|
518
|
+
memberName,
|
|
519
|
+
oldVnodeAttrs[memberName],
|
|
520
|
+
void 0,
|
|
521
|
+
isSvgMode2,
|
|
522
|
+
newVnode.$flags$);
|
|
499
523
|
}
|
|
500
524
|
}
|
|
501
525
|
}
|
|
502
526
|
for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
|
|
503
|
-
setAccessor(
|
|
527
|
+
setAccessor(
|
|
528
|
+
elm,
|
|
529
|
+
memberName,
|
|
530
|
+
oldVnodeAttrs[memberName],
|
|
531
|
+
newVnodeAttrs[memberName],
|
|
532
|
+
isSvgMode2,
|
|
533
|
+
newVnode.$flags$);
|
|
504
534
|
}
|
|
505
535
|
};
|
|
506
536
|
function sortedAttrNames(attrNames) {
|
|
@@ -512,13 +542,10 @@ function sortedAttrNames(attrNames) {
|
|
|
512
542
|
attrNames
|
|
513
543
|
);
|
|
514
544
|
}
|
|
515
|
-
|
|
516
|
-
// src/runtime/vdom/vdom-render.ts
|
|
517
|
-
var scopeId;
|
|
518
545
|
var hostTagName;
|
|
519
546
|
var useNativeShadowDom = false;
|
|
520
547
|
var isSvgMode = false;
|
|
521
|
-
var createElm = (oldParentVNode, newParentVNode, childIndex
|
|
548
|
+
var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
522
549
|
const newVNode2 = newParentVNode.$children$[childIndex];
|
|
523
550
|
let i2 = 0;
|
|
524
551
|
let elm;
|
|
@@ -532,11 +559,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
532
559
|
{
|
|
533
560
|
updateElement(null, newVNode2, isSvgMode);
|
|
534
561
|
}
|
|
535
|
-
const rootNode = elm.getRootNode();
|
|
536
|
-
const isElementWithinShadowRoot = !rootNode.querySelector("body");
|
|
537
|
-
if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
|
|
538
|
-
elm.classList.add(elm["s-si"] = scopeId);
|
|
539
|
-
}
|
|
540
562
|
if (newVNode2.$children$) {
|
|
541
563
|
for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
|
|
542
564
|
childNode = createElm(oldParentVNode, newVNode2, i2);
|
|
@@ -665,6 +687,9 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
|
665
687
|
if (!isInitialRender) {
|
|
666
688
|
return leftVNode.$key$ === rightVNode.$key$;
|
|
667
689
|
}
|
|
690
|
+
if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
|
|
691
|
+
leftVNode.$key$ = rightVNode.$key$;
|
|
692
|
+
}
|
|
668
693
|
return true;
|
|
669
694
|
}
|
|
670
695
|
return false;
|
|
@@ -699,8 +724,9 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
699
724
|
}
|
|
700
725
|
};
|
|
701
726
|
var insertBefore = (parent, newNode, reference) => {
|
|
702
|
-
|
|
703
|
-
|
|
727
|
+
{
|
|
728
|
+
return parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
|
729
|
+
}
|
|
704
730
|
};
|
|
705
731
|
var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
706
732
|
const hostElm = hostRef.$hostElement$;
|
|
@@ -725,17 +751,21 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
725
751
|
rootVnode.$flags$ |= 4 /* isHost */;
|
|
726
752
|
hostRef.$vnode$ = rootVnode;
|
|
727
753
|
rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
|
|
728
|
-
|
|
729
|
-
scopeId = hostElm["s-sc"];
|
|
730
|
-
}
|
|
731
|
-
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
|
|
754
|
+
useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
|
|
732
755
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
733
756
|
};
|
|
734
757
|
|
|
735
758
|
// src/runtime/update-component.ts
|
|
736
759
|
var attachToAncestor = (hostRef, ancestorComponent) => {
|
|
737
760
|
if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
|
|
738
|
-
ancestorComponent["s-p"].push(
|
|
761
|
+
const index = ancestorComponent["s-p"].push(
|
|
762
|
+
new Promise(
|
|
763
|
+
(r) => hostRef.$onRenderResolve$ = () => {
|
|
764
|
+
ancestorComponent["s-p"].splice(index - 1, 1);
|
|
765
|
+
r();
|
|
766
|
+
}
|
|
767
|
+
)
|
|
768
|
+
);
|
|
739
769
|
}
|
|
740
770
|
};
|
|
741
771
|
var scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
@@ -762,7 +792,7 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
762
792
|
let maybePromise;
|
|
763
793
|
if (isInitialLoad) {
|
|
764
794
|
{
|
|
765
|
-
maybePromise = safeCall(instance, "componentWillLoad");
|
|
795
|
+
maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
|
|
766
796
|
}
|
|
767
797
|
}
|
|
768
798
|
endSchedule();
|
|
@@ -831,7 +861,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
831
861
|
const instance = hostRef.$lazyInstance$ ;
|
|
832
862
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
833
863
|
{
|
|
834
|
-
safeCall(instance, "componentDidRender");
|
|
864
|
+
safeCall(instance, "componentDidRender", void 0, elm);
|
|
835
865
|
}
|
|
836
866
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
837
867
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
@@ -860,17 +890,14 @@ var postUpdateComponent = (hostRef) => {
|
|
|
860
890
|
}
|
|
861
891
|
};
|
|
862
892
|
var appDidLoad = (who) => {
|
|
863
|
-
{
|
|
864
|
-
addHydratedFlag(doc.documentElement);
|
|
865
|
-
}
|
|
866
893
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
867
894
|
};
|
|
868
|
-
var safeCall = (instance, method, arg) => {
|
|
895
|
+
var safeCall = (instance, method, arg, elm) => {
|
|
869
896
|
if (instance && instance[method]) {
|
|
870
897
|
try {
|
|
871
898
|
return instance[method](arg);
|
|
872
899
|
} catch (e) {
|
|
873
|
-
consoleError(e);
|
|
900
|
+
consoleError(e, elm);
|
|
874
901
|
}
|
|
875
902
|
}
|
|
876
903
|
return void 0;
|
|
@@ -929,15 +956,68 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
929
956
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
930
957
|
members.map(([memberName, [memberFlags]]) => {
|
|
931
958
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
959
|
+
const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
|
|
960
|
+
if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
|
|
961
|
+
if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
|
|
962
|
+
if (flags & 1 /* isElementConstructor */ || !origGetter) {
|
|
963
|
+
Object.defineProperty(prototype, memberName, {
|
|
964
|
+
get() {
|
|
965
|
+
{
|
|
966
|
+
if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
|
|
967
|
+
return getValue(this, memberName);
|
|
968
|
+
}
|
|
969
|
+
const ref = getHostRef(this);
|
|
970
|
+
const instance = ref ? ref.$lazyInstance$ : prototype;
|
|
971
|
+
if (!instance) return;
|
|
972
|
+
return instance[memberName];
|
|
973
|
+
}
|
|
974
|
+
},
|
|
975
|
+
configurable: true,
|
|
976
|
+
enumerable: true
|
|
977
|
+
});
|
|
978
|
+
}
|
|
932
979
|
Object.defineProperty(prototype, memberName, {
|
|
933
|
-
get() {
|
|
934
|
-
return getValue(this, memberName);
|
|
935
|
-
},
|
|
936
980
|
set(newValue) {
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
981
|
+
const ref = getHostRef(this);
|
|
982
|
+
if (origSetter) {
|
|
983
|
+
const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
984
|
+
if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
|
|
985
|
+
newValue = ref.$instanceValues$.get(memberName);
|
|
986
|
+
} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
987
|
+
ref.$instanceValues$.set(memberName, currentValue);
|
|
988
|
+
}
|
|
989
|
+
origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
|
|
990
|
+
newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
991
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
992
|
+
return;
|
|
993
|
+
}
|
|
994
|
+
{
|
|
995
|
+
if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
|
|
996
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
997
|
+
if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
|
|
998
|
+
ref.$onReadyPromise$.then(() => {
|
|
999
|
+
if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
|
|
1000
|
+
ref.$lazyInstance$[memberName] = newValue;
|
|
1001
|
+
}
|
|
1002
|
+
});
|
|
1003
|
+
}
|
|
1004
|
+
return;
|
|
1005
|
+
}
|
|
1006
|
+
const setterSetVal = () => {
|
|
1007
|
+
const currentValue = ref.$lazyInstance$[memberName];
|
|
1008
|
+
if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
1009
|
+
ref.$instanceValues$.set(memberName, currentValue);
|
|
1010
|
+
}
|
|
1011
|
+
ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
|
|
1012
|
+
setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
|
|
1013
|
+
};
|
|
1014
|
+
if (ref.$lazyInstance$) {
|
|
1015
|
+
setterSetVal();
|
|
1016
|
+
} else {
|
|
1017
|
+
ref.$onReadyPromise$.then(() => setterSetVal());
|
|
1018
|
+
}
|
|
1019
|
+
}
|
|
1020
|
+
}
|
|
941
1021
|
});
|
|
942
1022
|
}
|
|
943
1023
|
});
|
|
@@ -947,7 +1027,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
947
1027
|
plt.jmp(() => {
|
|
948
1028
|
var _a2;
|
|
949
1029
|
const propName = attrNameToPropName.get(attrName);
|
|
950
|
-
if (this.hasOwnProperty(propName)) {
|
|
1030
|
+
if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
|
|
951
1031
|
newValue = this[propName];
|
|
952
1032
|
delete this[propName];
|
|
953
1033
|
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
|
|
@@ -967,7 +1047,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
967
1047
|
}
|
|
968
1048
|
return;
|
|
969
1049
|
}
|
|
970
|
-
|
|
1050
|
+
const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
|
|
1051
|
+
newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1052
|
+
if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
|
|
1053
|
+
this[propName] = newValue;
|
|
1054
|
+
}
|
|
971
1055
|
});
|
|
972
1056
|
};
|
|
973
1057
|
Cstr.observedAttributes = Array.from(
|
|
@@ -996,7 +1080,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
996
1080
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
997
1081
|
const bundleId = cmpMeta.$lazyBundleId$;
|
|
998
1082
|
if (bundleId) {
|
|
999
|
-
const CstrImport = loadModule(cmpMeta);
|
|
1083
|
+
const CstrImport = loadModule(cmpMeta, hostRef);
|
|
1000
1084
|
if (CstrImport && "then" in CstrImport) {
|
|
1001
1085
|
const endLoad = uniqueTime();
|
|
1002
1086
|
Cstr = await CstrImport;
|
|
@@ -1021,7 +1105,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1021
1105
|
try {
|
|
1022
1106
|
new Cstr(hostRef);
|
|
1023
1107
|
} catch (e) {
|
|
1024
|
-
consoleError(e);
|
|
1108
|
+
consoleError(e, elm);
|
|
1025
1109
|
}
|
|
1026
1110
|
{
|
|
1027
1111
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
@@ -1056,7 +1140,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1056
1140
|
schedule();
|
|
1057
1141
|
}
|
|
1058
1142
|
};
|
|
1059
|
-
var fireConnectedCallback = (instance) => {
|
|
1143
|
+
var fireConnectedCallback = (instance, elm) => {
|
|
1060
1144
|
};
|
|
1061
1145
|
|
|
1062
1146
|
// src/runtime/connected-callback.ts
|
|
@@ -1096,20 +1180,26 @@ var connectedCallback = (elm) => {
|
|
|
1096
1180
|
endConnected();
|
|
1097
1181
|
}
|
|
1098
1182
|
};
|
|
1099
|
-
var disconnectInstance = (instance) => {
|
|
1183
|
+
var disconnectInstance = (instance, elm) => {
|
|
1100
1184
|
{
|
|
1101
|
-
safeCall(instance, "disconnectedCallback");
|
|
1185
|
+
safeCall(instance, "disconnectedCallback", void 0, elm || instance);
|
|
1102
1186
|
}
|
|
1103
1187
|
};
|
|
1104
1188
|
var disconnectedCallback = async (elm) => {
|
|
1105
1189
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
1106
1190
|
const hostRef = getHostRef(elm);
|
|
1107
1191
|
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1108
|
-
disconnectInstance(hostRef.$lazyInstance
|
|
1192
|
+
disconnectInstance(hostRef.$lazyInstance$, elm);
|
|
1109
1193
|
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1110
|
-
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance
|
|
1194
|
+
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
|
|
1111
1195
|
}
|
|
1112
1196
|
}
|
|
1197
|
+
if (rootAppliedStyles.has(elm)) {
|
|
1198
|
+
rootAppliedStyles.delete(elm);
|
|
1199
|
+
}
|
|
1200
|
+
if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
|
|
1201
|
+
rootAppliedStyles.delete(elm.shadowRoot);
|
|
1202
|
+
}
|
|
1113
1203
|
};
|
|
1114
1204
|
|
|
1115
1205
|
// src/runtime/bootstrap-lazy.ts
|
|
@@ -1190,6 +1280,17 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1190
1280
|
}
|
|
1191
1281
|
disconnectedCallback() {
|
|
1192
1282
|
plt.jmp(() => disconnectedCallback(this));
|
|
1283
|
+
plt.raf(() => {
|
|
1284
|
+
var _a3;
|
|
1285
|
+
const hostRef = getHostRef(this);
|
|
1286
|
+
const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
|
|
1287
|
+
if (i2 > -1) {
|
|
1288
|
+
deferredConnectedCallbacks.splice(i2, 1);
|
|
1289
|
+
}
|
|
1290
|
+
if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
|
|
1291
|
+
delete hostRef.$vnode$.$elm$;
|
|
1292
|
+
}
|
|
1293
|
+
});
|
|
1193
1294
|
}
|
|
1194
1295
|
componentOnReady() {
|
|
1195
1296
|
return getHostRef(this).$onReadyPromise$;
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-aeeed9d1.js';
|
|
2
|
+
export { s as setNonce } from './index-aeeed9d1.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
package/package.json
CHANGED
|
@@ -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),i=new Map,r=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),S=$(y,!0),g={},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:()=>O,map:()=>C,ok:()=>E,unwrap:()=>x,unwrapErr:()=>P});var E=e=>({isOk:!0,isErr:!1,value:e}),O=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=>E(e))):E(n)}if(e.isErr)return O(e.value);throw"should never get here"}var M,x=e=>{if(e.isOk)return e.value;throw e.value},P=e=>{if(e.isErr)return e.value;throw e.value},A=(e,t,...n)=>{let l=null,o=null,s=!1,i=!1;const r=[],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&&i?r[r.length-1].i+=l:r.push(s?R(null,l):l),i=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=R(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=o,u},R=(e,t)=>({l:0,m:e,i:t,$:null,h:null,u:null,p:null}),D={},H=e=>n(e).$hostElement$,T=(e,t,n)=>{const l=H(e);return{emit:e=>F(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},F=(e,t,n)=>{const l=f.ce(t,n);return e.dispatchEvent(l),l},L=new WeakMap,N=e=>"sc-"+e.v,U=(e,t,n,l,s,i)=>{if(n!==l){let r=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=q(n),s=q(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if(r||"o"!==t[0]||"n"!==t[1]){const o=j(l);if((r||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==o||("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&i||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(G);t=t.replace(V,""),n&&f.rel(e,t,n,o),l&&f.ael(e,t,l,o)}}},W=/\s/,q=e=>e?e.split(W):[],G="Capture",V=RegExp(G+"$"),_=(e,t,n)=>{const l=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.u||g,s=t.u||g;for(const e of z(Object.keys(o)))e in s||U(l,e,o[e],void 0,n,t.l);for(const e of z(Object.keys(s)))U(l,e,o[e],s[e],n,t.l)};function z(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var B=!1,I=!1,J=(e,t,n)=>{const l=t.h[n];let o,s,i=0;if(null!==l.i)o=l.$=a.createTextNode(l.i);else if(o=l.$=a.createElement(l.m),_(null,l,I),o.getRootNode().querySelector("body"),l.h)for(i=0;i<l.h.length;++i)s=J(e,l,i),s&&o.appendChild(s);return o["s-hn"]=M,o},K=(e,t,n,l,o,s)=>{let i,r=e;for(r.shadowRoot&&r.tagName===M&&(r=r.shadowRoot);o<=s;++o)l[o]&&(i=J(null,n,o),i&&(l[o].$=i,Z(r,i,t)))},Q=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=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,i=t.i;null===i?(("slot"!==t.m||B)&&_(e,t,I),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,i,r=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(;r<=f&&c<=p;)if(null==h)h=t[++r];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[++r],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),Z(e,h.$,d.$.nextSibling),h=t[++r],y=l[--p];else if(X(d,m,o))Y(d,m,o),Z(e,d.$,h.$),d=t[--f],m=l[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(i=t[u],i.m!==m.m?s=J(t&&t[c],n,u):(Y(i,m,o),t[u]=void 0,s=i.$),m=l[++c]):(s=J(t&&t[c],n,c),m=l[++c]),s&&Z(h.$.parentNode,s,h.$)}r>f?K(e,null==l[p+1]?null:l[p+1].$,n,l,c,p):c>p&&Q(t,r,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),K(l,null,t,s,0,s.length-1)):!n&&null!==o&&Q(o,0,o.length-1)):e.i!==i&&(l.data=i)},Z=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),ee=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},te=(e,t)=>{if(e.l|=16,!(4&e.l))return ee(e,e.j),S((()=>ne(e,t)));e.l|=512},ne=(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`);let l;return t&&(l=ue(n,"componentWillLoad")),le(l,(()=>se(e,n,t)))},le=(e,t)=>oe(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),oe=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,se=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=N(t),o=r.get(l);if(e=11===e.nodeType?e:a,o)if("string"==typeof o){let s,i=L.get(e=e.head||e);if(i||L.set(e,i=new Set),!i.has(l)){{s=a.createElement("style"),s.innerHTML=o;const l=null!=(n=f.O)?n:k(a);if(null!=l&&s.setAttribute("nonce",l),!(1&t.l))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(d){const t=new CSSStyleSheet;t.replaceSync(o),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=o+t.innerHTML:e.prepend(s)}else e.append(s);1&t.l&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.l&&(s.innerHTML+=c),i&&i.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&2&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=()=>re(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||R(null,null),i=(e=>e&&e.m===D)(t)?t:A(null,null,t);if(M=l.tagName,o.M&&(i.u=i.u||{},o.M.map((([e,t])=>i.u[t]=l[e]))),n&&i.u)for(const e of Object.keys(i.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(i.u[e]=l[e]);i.m=null,i.l|=4,e.C=i,i.$=s.$=l.shadowRoot||l,B=!!(1&o.l),Y(s,i,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},re=e=>{const t=e.$hostElement$,n=e.j;ue(e.t,"componentDidRender"),64&e.l||(e.l|=64,ae(t),e.P(t),n||ce()),e.S&&(e.S(),e.S=void 0),512&e.l&&v((()=>te(e,!1))),e.l&=-517},ce=()=>{ae(a.documentElement),v((()=>F(u,"appload",{detail:{namespace:"casino-engagement-suite-challenges-details"}})))},ue=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},ae=e=>e.classList.add("hydrated"),fe=(e,t,l)=>{var o,i;const r=e.prototype;if(t.A||t.R||e.watchers){e.watchers&&!t.R&&(t.R=e.watchers);const c=Object.entries(null!=(o=t.A)?o:{});if(c.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(r,e,{get(){return((e,t)=>n(this).D.get(t))(0,e)},set(l){((e,t,l,o)=>{const i=n(e);if(!i)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 r=i.$hostElement$,c=i.D.get(t),u=i.l,a=i.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.A[t][0]),(!(8&u)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(i.D.set(t,l),a)){if(o.R&&128&u){const e=o.R[t];e&&e.map((e=>{try{a[e](l,c,t)}catch(e){s(e,r)}}))}2==(18&u)&&te(i,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0})})),1&l){const l=new Map;r.attributeChangedCallback=function(e,o,s){f.jmp((()=>{var i;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),r=null==l?void 0:l.l;if(r&&!(8&r)&&128&r&&s!==o){const n=l.t,r=null==(i=t.R)?void 0:i[e];null==r||r.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!=(i=t.R)?i:{}),...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},he=e=>{ue(e,"disconnectedCallback")},de=(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,S=!0;Object.assign(f,l),f.o=new URL(l.resourcesUrl||"./",a.baseURI).href;let g=!1;if(e.map((e=>{e[1].map((l=>{var o;const c={l:l[0],v:l[1],A:l[2],H:l[3]};4&c.l&&(g=!0),c.A=l[2],c.M=[],c.R=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,D:new Map};l.T=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),S?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.T)&&t.T.then((()=>{}));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ee(t,t.j=n);break}}l.A&&Object.entries(l.A).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.F){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.F;if(!n)return;const l=i.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(i.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.R=l.watchers,fe(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=N(n);if(!r.has(t)){const l=()=>{};((e,t,n)=>{let l=r.get(e);d&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,r.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.j,c=()=>te(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)?he(e.t):(null==e?void 0:e.T)&&e.T.then((()=>he(e.t)))}})()))}componentOnReady(){return n(this).T}};c.F=e[0],p.includes(u)||m.get(u)||(h.push(u),m.define(u,fe(a,c,1)))}))})),h.length>0&&(g&&(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)}S=!1,w.length?w.map((e=>e.connectedCallback())):f.jmp((()=>v=setTimeout(ce,30)))},pe=e=>f.O=e;export{de as b,T as c,H as g,A as h,h as p,l as r,pe as s}
|