@everymatrix/casino-engagement-suite-challenges-list 1.54.11 → 1.55.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-list/casino-engagement-suite-challenges-list.esm.js +1 -1
- package/dist/casino-engagement-suite-challenges-list/p-6cdf855b.entry.js +1 -0
- package/dist/casino-engagement-suite-challenges-list/p-9ea438ff.js +2 -0
- package/dist/cjs/casino-engagement-suite-challenges-list.cjs.js +2 -2
- package/dist/cjs/casino-engagement-suite-challenges-list_2.cjs.entry.js +23 -56
- package/dist/cjs/{index-c95f18bc.js → index-a8a513f5.js} +71 -172
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/casino-engagement-suite-challenges-list/casino-engagement-suite-challenges-list.js +16 -47
- package/dist/esm/casino-engagement-suite-challenges-list.js +3 -3
- package/dist/esm/casino-engagement-suite-challenges-list_2.entry.js +23 -56
- package/dist/esm/{index-61dbba4e.js → index-04cdb027.js} +71 -172
- package/dist/esm/loader.js +2 -2
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-list/.stencil/packages/stencil/casino-engagement-suite-challenges-list/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-list/.stencil/packages/stencil/casino-engagement-suite-challenges-list/stencil.config.dev.d.ts +2 -0
- package/package.json +1 -1
- package/dist/casino-engagement-suite-challenges-list/p-12c1c66d.js +0 -2
- package/dist/casino-engagement-suite-challenges-list/p-190b420d.entry.js +0 -1
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-list/.stencil/packages/stencil/casino-engagement-suite-challenges-list/stencil.config.d.ts +0 -2
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-list/.stencil/packages/stencil/casino-engagement-suite-challenges-list/stencil.config.dev.d.ts +0 -2
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-list/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-list/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-list/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/casino-engagement-suite-challenges-list/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h, r as registerInstance, c as createEvent, g as getElement } from './index-
|
|
1
|
+
import { h, r as registerInstance, c as createEvent, g as getElement } from './index-04cdb027.js';
|
|
2
2
|
|
|
3
3
|
var ChallengeRewardType;
|
|
4
4
|
(function (ChallengeRewardType) {
|
|
@@ -2329,36 +2329,6 @@ const CasinoEngagementSuiteChallengesList = class {
|
|
|
2329
2329
|
registerInstance(this, hostRef);
|
|
2330
2330
|
this.close = createEvent(this, "close", 7);
|
|
2331
2331
|
this.resetNewChallengeLabel = createEvent(this, "resetNewChallengeLabel", 7);
|
|
2332
|
-
/**
|
|
2333
|
-
* Client custom styling via string
|
|
2334
|
-
*/
|
|
2335
|
-
this.clientStyling = '';
|
|
2336
|
-
/**
|
|
2337
|
-
* Client custom styling via url
|
|
2338
|
-
*/
|
|
2339
|
-
this.clientStylingUrl = '';
|
|
2340
|
-
/**
|
|
2341
|
-
* Language of the widget
|
|
2342
|
-
*/
|
|
2343
|
-
this.language = 'en';
|
|
2344
|
-
/**
|
|
2345
|
-
* User's device type
|
|
2346
|
-
*/
|
|
2347
|
-
this.device = 'Mobile';
|
|
2348
|
-
/**
|
|
2349
|
-
* List of challenges
|
|
2350
|
-
*/
|
|
2351
|
-
this.challenges = [];
|
|
2352
|
-
/**
|
|
2353
|
-
*Paused Challenge Ids
|
|
2354
|
-
*/
|
|
2355
|
-
this.pausedChallengeIds = [];
|
|
2356
|
-
this.tooltip = false;
|
|
2357
|
-
this.timers = {};
|
|
2358
|
-
this.limitStylingAppends = false;
|
|
2359
|
-
this.activeTab = 1;
|
|
2360
|
-
this.historyLoading = false;
|
|
2361
|
-
this.openedHistoryIds = [];
|
|
2362
2332
|
this.setClientStyling = () => {
|
|
2363
2333
|
let sheet = document.createElement('style');
|
|
2364
2334
|
sheet.innerHTML = this.clientStyling;
|
|
@@ -2435,6 +2405,21 @@ const CasinoEngagementSuiteChallengesList = class {
|
|
|
2435
2405
|
},
|
|
2436
2406
|
});
|
|
2437
2407
|
};
|
|
2408
|
+
this.clientStyling = '';
|
|
2409
|
+
this.clientStylingUrl = '';
|
|
2410
|
+
this.language = 'en';
|
|
2411
|
+
this.device = 'Mobile';
|
|
2412
|
+
this.challenges = [];
|
|
2413
|
+
this.isJoiningToChallenge = undefined;
|
|
2414
|
+
this.inProgressChallenges = undefined;
|
|
2415
|
+
this.pausedChallengeIds = [];
|
|
2416
|
+
this.tooltip = false;
|
|
2417
|
+
this.timers = {};
|
|
2418
|
+
this.limitStylingAppends = false;
|
|
2419
|
+
this.activeTab = 1;
|
|
2420
|
+
this.historyLoading = false;
|
|
2421
|
+
this.challengesHistory = undefined;
|
|
2422
|
+
this.openedHistoryIds = [];
|
|
2438
2423
|
}
|
|
2439
2424
|
handleEvent(e) {
|
|
2440
2425
|
const { type } = e === null || e === void 0 ? void 0 : e.data;
|
|
@@ -2623,31 +2608,6 @@ const CasinoEngagementSuiteProgressBarStyle0 = casinoEngagementSuiteProgressBarC
|
|
|
2623
2608
|
const CasinoEngagementSuiteProgressBar = class {
|
|
2624
2609
|
constructor(hostRef) {
|
|
2625
2610
|
registerInstance(this, hostRef);
|
|
2626
|
-
/**
|
|
2627
|
-
* Value for the widget
|
|
2628
|
-
*/
|
|
2629
|
-
this.value = 0;
|
|
2630
|
-
/**
|
|
2631
|
-
* Shows disabled styles
|
|
2632
|
-
*/
|
|
2633
|
-
this.disabled = false;
|
|
2634
|
-
/**
|
|
2635
|
-
* Hide percent value
|
|
2636
|
-
*/
|
|
2637
|
-
this.hidePercent = false;
|
|
2638
|
-
/**
|
|
2639
|
-
* Constantly animates
|
|
2640
|
-
*/
|
|
2641
|
-
this.indeterminate = false;
|
|
2642
|
-
/**
|
|
2643
|
-
* Client custom styling via string
|
|
2644
|
-
*/
|
|
2645
|
-
this.clientStyling = '';
|
|
2646
|
-
/**
|
|
2647
|
-
* Client custom styling via url
|
|
2648
|
-
*/
|
|
2649
|
-
this.clientStylingUrl = '';
|
|
2650
|
-
this.limitStylingAppends = false;
|
|
2651
2611
|
this.setClientStyling = () => {
|
|
2652
2612
|
let sheet = document.createElement('style');
|
|
2653
2613
|
sheet.innerHTML = this.clientStyling;
|
|
@@ -2666,6 +2626,13 @@ const CasinoEngagementSuiteProgressBar = class {
|
|
|
2666
2626
|
console.log('Error ', err);
|
|
2667
2627
|
});
|
|
2668
2628
|
};
|
|
2629
|
+
this.value = 0;
|
|
2630
|
+
this.disabled = false;
|
|
2631
|
+
this.hidePercent = false;
|
|
2632
|
+
this.indeterminate = false;
|
|
2633
|
+
this.clientStyling = '';
|
|
2634
|
+
this.clientStylingUrl = '';
|
|
2635
|
+
this.limitStylingAppends = false;
|
|
2669
2636
|
}
|
|
2670
2637
|
componentDidRender() {
|
|
2671
2638
|
if (!this.limitStylingAppends && this.host) {
|
|
@@ -1,21 +1,17 @@
|
|
|
1
1
|
const NAMESPACE = 'casino-engagement-suite-challenges-list';
|
|
2
|
-
const BUILD = /* casino-engagement-suite-challenges-list */ { 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: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, 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,
|
|
2
|
+
const BUILD = /* casino-engagement-suite-challenges-list */ { 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: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, 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 };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.
|
|
5
|
+
Stencil Client Platform v4.22.3 | 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
|
|
14
12
|
var hostRefs = /* @__PURE__ */ new WeakMap();
|
|
15
13
|
var getHostRef = (ref) => hostRefs.get(ref);
|
|
16
|
-
var registerInstance = (lazyInstance, hostRef) =>
|
|
17
|
-
hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
18
|
-
};
|
|
14
|
+
var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
19
15
|
var registerHost = (hostElement, cmpMeta) => {
|
|
20
16
|
const hostRef = {
|
|
21
17
|
$flags$: 0,
|
|
@@ -28,8 +24,7 @@ var registerHost = (hostElement, cmpMeta) => {
|
|
|
28
24
|
hostElement["s-p"] = [];
|
|
29
25
|
hostElement["s-rc"] = [];
|
|
30
26
|
}
|
|
31
|
-
|
|
32
|
-
return ref;
|
|
27
|
+
return hostRefs.set(hostElement, hostRef);
|
|
33
28
|
};
|
|
34
29
|
var isMemberInElement = (elm, memberName) => memberName in elm;
|
|
35
30
|
var consoleError = (e, el) => (0, console.error)(e, el);
|
|
@@ -66,22 +61,16 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
66
61
|
/* webpackExclude: /\.system\.entry\.js$/ */
|
|
67
62
|
/* webpackMode: "lazy" */
|
|
68
63
|
`./${bundleId}.entry.js${""}`
|
|
69
|
-
).then(
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
cmpModules.set(bundleId, importedModule);
|
|
73
|
-
}
|
|
74
|
-
return importedModule[exportName];
|
|
75
|
-
},
|
|
76
|
-
(e) => {
|
|
77
|
-
consoleError(e, hostRef.$hostElement$);
|
|
64
|
+
).then((importedModule) => {
|
|
65
|
+
{
|
|
66
|
+
cmpModules.set(bundleId, importedModule);
|
|
78
67
|
}
|
|
79
|
-
|
|
68
|
+
return importedModule[exportName];
|
|
69
|
+
}, consoleError);
|
|
80
70
|
};
|
|
81
71
|
|
|
82
72
|
// src/client/client-style.ts
|
|
83
73
|
var styles = /* @__PURE__ */ new Map();
|
|
84
|
-
var HYDRATED_STYLE_ID = "sty-id";
|
|
85
74
|
var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
|
|
86
75
|
var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
|
|
87
76
|
var win = typeof window !== "undefined" ? window : {};
|
|
@@ -155,6 +144,12 @@ var flush = () => {
|
|
|
155
144
|
};
|
|
156
145
|
var nextTick = (cb) => promiseResolve().then(cb);
|
|
157
146
|
var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
|
|
147
|
+
|
|
148
|
+
// src/utils/constants.ts
|
|
149
|
+
var EMPTY_OBJ = {};
|
|
150
|
+
|
|
151
|
+
// src/utils/helpers.ts
|
|
152
|
+
var isDef = (v) => v != null;
|
|
158
153
|
var isComplexType = (o) => {
|
|
159
154
|
o = typeof o;
|
|
160
155
|
return o === "object" || o === "function";
|
|
@@ -358,7 +353,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
358
353
|
}
|
|
359
354
|
if (!appliedStyles.has(scopeId2)) {
|
|
360
355
|
{
|
|
361
|
-
styleElm =
|
|
356
|
+
styleElm = doc.createElement("style");
|
|
362
357
|
styleElm.innerHTML = style;
|
|
363
358
|
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
364
359
|
if (nonce != null) {
|
|
@@ -368,10 +363,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
368
363
|
if (styleContainerNode.nodeName === "HEAD") {
|
|
369
364
|
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
370
365
|
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
371
|
-
styleContainerNode.insertBefore(
|
|
372
|
-
styleElm,
|
|
373
|
-
(referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
|
|
374
|
-
);
|
|
366
|
+
styleContainerNode.insertBefore(styleElm, referenceNode2);
|
|
375
367
|
} else if ("host" in styleContainerNode) {
|
|
376
368
|
if (supportsConstructableStylesheets) {
|
|
377
369
|
const stylesheet = new CSSStyleSheet();
|
|
@@ -389,7 +381,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
389
381
|
styleContainerNode.append(styleElm);
|
|
390
382
|
}
|
|
391
383
|
}
|
|
392
|
-
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
|
|
384
|
+
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
|
|
393
385
|
styleContainerNode.insertBefore(styleElm, null);
|
|
394
386
|
}
|
|
395
387
|
}
|
|
@@ -414,25 +406,23 @@ var attachStyles = (hostRef) => {
|
|
|
414
406
|
const scopeId2 = addStyle(
|
|
415
407
|
elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
|
|
416
408
|
cmpMeta);
|
|
417
|
-
if (
|
|
409
|
+
if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
|
|
418
410
|
elm["s-sc"] = scopeId2;
|
|
419
411
|
elm.classList.add(scopeId2 + "-h");
|
|
420
412
|
}
|
|
421
413
|
endAttachStyles();
|
|
422
414
|
};
|
|
423
415
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
424
|
-
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags
|
|
416
|
+
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
425
417
|
if (oldValue !== newValue) {
|
|
426
418
|
let isProp = isMemberInElement(elm, memberName);
|
|
427
419
|
let ln = memberName.toLowerCase();
|
|
428
420
|
if (memberName === "class") {
|
|
429
421
|
const classList = elm.classList;
|
|
430
422
|
const oldClasses = parseClassList(oldValue);
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
435
|
-
}
|
|
423
|
+
const newClasses = parseClassList(newValue);
|
|
424
|
+
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
425
|
+
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
436
426
|
} else if (memberName === "style") {
|
|
437
427
|
{
|
|
438
428
|
for (const prop in oldValue) {
|
|
@@ -487,7 +477,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
487
477
|
elm.setAttribute(memberName, n);
|
|
488
478
|
}
|
|
489
479
|
}
|
|
490
|
-
} else
|
|
480
|
+
} else {
|
|
491
481
|
elm[memberName] = newValue;
|
|
492
482
|
}
|
|
493
483
|
} catch (e) {
|
|
@@ -509,44 +499,24 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
509
499
|
}
|
|
510
500
|
};
|
|
511
501
|
var parseClassListRegex = /\s/;
|
|
512
|
-
var parseClassList = (value) =>
|
|
513
|
-
if (typeof value === "object" && value && "baseVal" in value) {
|
|
514
|
-
value = value.baseVal;
|
|
515
|
-
}
|
|
516
|
-
if (!value || typeof value !== "string") {
|
|
517
|
-
return [];
|
|
518
|
-
}
|
|
519
|
-
return value.split(parseClassListRegex);
|
|
520
|
-
};
|
|
502
|
+
var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
|
|
521
503
|
var CAPTURE_EVENT_SUFFIX = "Capture";
|
|
522
504
|
var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
|
|
523
505
|
|
|
524
506
|
// src/runtime/vdom/update-element.ts
|
|
525
|
-
var updateElement = (oldVnode, newVnode, isSvgMode2
|
|
507
|
+
var updateElement = (oldVnode, newVnode, isSvgMode2) => {
|
|
526
508
|
const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
|
|
527
|
-
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ ||
|
|
528
|
-
const newVnodeAttrs = newVnode.$attrs$ ||
|
|
509
|
+
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || EMPTY_OBJ;
|
|
510
|
+
const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
|
|
529
511
|
{
|
|
530
512
|
for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
|
|
531
513
|
if (!(memberName in newVnodeAttrs)) {
|
|
532
|
-
setAccessor(
|
|
533
|
-
elm,
|
|
534
|
-
memberName,
|
|
535
|
-
oldVnodeAttrs[memberName],
|
|
536
|
-
void 0,
|
|
537
|
-
isSvgMode2,
|
|
538
|
-
newVnode.$flags$);
|
|
514
|
+
setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
|
|
539
515
|
}
|
|
540
516
|
}
|
|
541
517
|
}
|
|
542
518
|
for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
|
|
543
|
-
setAccessor(
|
|
544
|
-
elm,
|
|
545
|
-
memberName,
|
|
546
|
-
oldVnodeAttrs[memberName],
|
|
547
|
-
newVnodeAttrs[memberName],
|
|
548
|
-
isSvgMode2,
|
|
549
|
-
newVnode.$flags$);
|
|
519
|
+
setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
|
|
550
520
|
}
|
|
551
521
|
};
|
|
552
522
|
function sortedAttrNames(attrNames) {
|
|
@@ -558,10 +528,13 @@ function sortedAttrNames(attrNames) {
|
|
|
558
528
|
attrNames
|
|
559
529
|
);
|
|
560
530
|
}
|
|
531
|
+
|
|
532
|
+
// src/runtime/vdom/vdom-render.ts
|
|
533
|
+
var scopeId;
|
|
561
534
|
var hostTagName;
|
|
562
535
|
var useNativeShadowDom = false;
|
|
563
536
|
var isSvgMode = false;
|
|
564
|
-
var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
537
|
+
var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
565
538
|
const newVNode2 = newParentVNode.$children$[childIndex];
|
|
566
539
|
let i2 = 0;
|
|
567
540
|
let elm;
|
|
@@ -575,6 +548,11 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
575
548
|
{
|
|
576
549
|
updateElement(null, newVNode2, isSvgMode);
|
|
577
550
|
}
|
|
551
|
+
const rootNode = elm.getRootNode();
|
|
552
|
+
const isElementWithinShadowRoot = !rootNode.querySelector("body");
|
|
553
|
+
if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
|
|
554
|
+
elm.classList.add(elm["s-si"] = scopeId);
|
|
555
|
+
}
|
|
578
556
|
if (newVNode2.$children$) {
|
|
579
557
|
for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
|
|
580
558
|
childNode = createElm(oldParentVNode, newVNode2, i2);
|
|
@@ -703,9 +681,6 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
|
703
681
|
if (!isInitialRender) {
|
|
704
682
|
return leftVNode.$key$ === rightVNode.$key$;
|
|
705
683
|
}
|
|
706
|
-
if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
|
|
707
|
-
leftVNode.$key$ = rightVNode.$key$;
|
|
708
|
-
}
|
|
709
684
|
return true;
|
|
710
685
|
}
|
|
711
686
|
return false;
|
|
@@ -740,9 +715,8 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
740
715
|
}
|
|
741
716
|
};
|
|
742
717
|
var insertBefore = (parent, newNode, reference) => {
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
}
|
|
718
|
+
const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
|
719
|
+
return inserted;
|
|
746
720
|
};
|
|
747
721
|
var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
748
722
|
const hostElm = hostRef.$hostElement$;
|
|
@@ -767,21 +741,17 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
767
741
|
rootVnode.$flags$ |= 4 /* isHost */;
|
|
768
742
|
hostRef.$vnode$ = rootVnode;
|
|
769
743
|
rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
|
|
770
|
-
|
|
744
|
+
{
|
|
745
|
+
scopeId = hostElm["s-sc"];
|
|
746
|
+
}
|
|
747
|
+
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
|
|
771
748
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
772
749
|
};
|
|
773
750
|
|
|
774
751
|
// src/runtime/update-component.ts
|
|
775
752
|
var attachToAncestor = (hostRef, ancestorComponent) => {
|
|
776
753
|
if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
|
|
777
|
-
|
|
778
|
-
new Promise(
|
|
779
|
-
(r) => hostRef.$onRenderResolve$ = () => {
|
|
780
|
-
ancestorComponent["s-p"].splice(index - 1, 1);
|
|
781
|
-
r();
|
|
782
|
-
}
|
|
783
|
-
)
|
|
784
|
-
);
|
|
754
|
+
ancestorComponent["s-p"].push(new Promise((r) => hostRef.$onRenderResolve$ = r));
|
|
785
755
|
}
|
|
786
756
|
};
|
|
787
757
|
var scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
@@ -810,12 +780,12 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
810
780
|
{
|
|
811
781
|
hostRef.$flags$ |= 256 /* isListenReady */;
|
|
812
782
|
if (hostRef.$queuedListeners$) {
|
|
813
|
-
hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event
|
|
783
|
+
hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event));
|
|
814
784
|
hostRef.$queuedListeners$ = void 0;
|
|
815
785
|
}
|
|
816
786
|
}
|
|
817
787
|
{
|
|
818
|
-
maybePromise = safeCall(instance, "componentWillLoad"
|
|
788
|
+
maybePromise = safeCall(instance, "componentWillLoad");
|
|
819
789
|
}
|
|
820
790
|
}
|
|
821
791
|
endSchedule();
|
|
@@ -884,7 +854,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
884
854
|
const instance = hostRef.$lazyInstance$ ;
|
|
885
855
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
886
856
|
{
|
|
887
|
-
safeCall(instance, "componentDidRender"
|
|
857
|
+
safeCall(instance, "componentDidRender");
|
|
888
858
|
}
|
|
889
859
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
890
860
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
@@ -913,14 +883,17 @@ var postUpdateComponent = (hostRef) => {
|
|
|
913
883
|
}
|
|
914
884
|
};
|
|
915
885
|
var appDidLoad = (who) => {
|
|
886
|
+
{
|
|
887
|
+
addHydratedFlag(doc.documentElement);
|
|
888
|
+
}
|
|
916
889
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
917
890
|
};
|
|
918
|
-
var safeCall = (instance, method, arg
|
|
891
|
+
var safeCall = (instance, method, arg) => {
|
|
919
892
|
if (instance && instance[method]) {
|
|
920
893
|
try {
|
|
921
894
|
return instance[method](arg);
|
|
922
895
|
} catch (e) {
|
|
923
|
-
consoleError(e
|
|
896
|
+
consoleError(e);
|
|
924
897
|
}
|
|
925
898
|
}
|
|
926
899
|
return void 0;
|
|
@@ -979,68 +952,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
979
952
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
980
953
|
members.map(([memberName, [memberFlags]]) => {
|
|
981
954
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
982
|
-
const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
|
|
983
|
-
if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
|
|
984
|
-
if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
|
|
985
|
-
if (flags & 1 /* isElementConstructor */ || !origGetter) {
|
|
986
|
-
Object.defineProperty(prototype, memberName, {
|
|
987
|
-
get() {
|
|
988
|
-
{
|
|
989
|
-
if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
|
|
990
|
-
return getValue(this, memberName);
|
|
991
|
-
}
|
|
992
|
-
const ref = getHostRef(this);
|
|
993
|
-
const instance = ref ? ref.$lazyInstance$ : prototype;
|
|
994
|
-
if (!instance) return;
|
|
995
|
-
return instance[memberName];
|
|
996
|
-
}
|
|
997
|
-
},
|
|
998
|
-
configurable: true,
|
|
999
|
-
enumerable: true
|
|
1000
|
-
});
|
|
1001
|
-
}
|
|
1002
955
|
Object.defineProperty(prototype, memberName, {
|
|
956
|
+
get() {
|
|
957
|
+
return getValue(this, memberName);
|
|
958
|
+
},
|
|
1003
959
|
set(newValue) {
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
newValue = ref.$instanceValues$.get(memberName);
|
|
1009
|
-
} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
1010
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
1011
|
-
}
|
|
1012
|
-
origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
|
|
1013
|
-
newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
1014
|
-
setValue(this, memberName, newValue, cmpMeta);
|
|
1015
|
-
return;
|
|
1016
|
-
}
|
|
1017
|
-
{
|
|
1018
|
-
if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
|
|
1019
|
-
setValue(this, memberName, newValue, cmpMeta);
|
|
1020
|
-
if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
|
|
1021
|
-
ref.$onReadyPromise$.then(() => {
|
|
1022
|
-
if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
|
|
1023
|
-
ref.$lazyInstance$[memberName] = newValue;
|
|
1024
|
-
}
|
|
1025
|
-
});
|
|
1026
|
-
}
|
|
1027
|
-
return;
|
|
1028
|
-
}
|
|
1029
|
-
const setterSetVal = () => {
|
|
1030
|
-
const currentValue = ref.$lazyInstance$[memberName];
|
|
1031
|
-
if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
1032
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
1033
|
-
}
|
|
1034
|
-
ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
|
|
1035
|
-
setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
|
|
1036
|
-
};
|
|
1037
|
-
if (ref.$lazyInstance$) {
|
|
1038
|
-
setterSetVal();
|
|
1039
|
-
} else {
|
|
1040
|
-
ref.$onReadyPromise$.then(() => setterSetVal());
|
|
1041
|
-
}
|
|
1042
|
-
}
|
|
1043
|
-
}
|
|
960
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
961
|
+
},
|
|
962
|
+
configurable: true,
|
|
963
|
+
enumerable: true
|
|
1044
964
|
});
|
|
1045
965
|
}
|
|
1046
966
|
});
|
|
@@ -1050,7 +970,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1050
970
|
plt.jmp(() => {
|
|
1051
971
|
var _a2;
|
|
1052
972
|
const propName = attrNameToPropName.get(attrName);
|
|
1053
|
-
if (this.hasOwnProperty(propName)
|
|
973
|
+
if (this.hasOwnProperty(propName)) {
|
|
1054
974
|
newValue = this[propName];
|
|
1055
975
|
delete this[propName];
|
|
1056
976
|
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
|
|
@@ -1070,11 +990,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1070
990
|
}
|
|
1071
991
|
return;
|
|
1072
992
|
}
|
|
1073
|
-
|
|
1074
|
-
newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1075
|
-
if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
|
|
1076
|
-
this[propName] = newValue;
|
|
1077
|
-
}
|
|
993
|
+
this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1078
994
|
});
|
|
1079
995
|
};
|
|
1080
996
|
Cstr.observedAttributes = Array.from(
|
|
@@ -1103,7 +1019,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1103
1019
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
1104
1020
|
const bundleId = cmpMeta.$lazyBundleId$;
|
|
1105
1021
|
if (bundleId) {
|
|
1106
|
-
const CstrImport = loadModule(cmpMeta
|
|
1022
|
+
const CstrImport = loadModule(cmpMeta);
|
|
1107
1023
|
if (CstrImport && "then" in CstrImport) {
|
|
1108
1024
|
const endLoad = uniqueTime();
|
|
1109
1025
|
Cstr = await CstrImport;
|
|
@@ -1128,7 +1044,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1128
1044
|
try {
|
|
1129
1045
|
new Cstr(hostRef);
|
|
1130
1046
|
} catch (e) {
|
|
1131
|
-
consoleError(e
|
|
1047
|
+
consoleError(e);
|
|
1132
1048
|
}
|
|
1133
1049
|
{
|
|
1134
1050
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
@@ -1163,7 +1079,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1163
1079
|
schedule();
|
|
1164
1080
|
}
|
|
1165
1081
|
};
|
|
1166
|
-
var fireConnectedCallback = (instance
|
|
1082
|
+
var fireConnectedCallback = (instance) => {
|
|
1167
1083
|
};
|
|
1168
1084
|
|
|
1169
1085
|
// src/runtime/connected-callback.ts
|
|
@@ -1204,9 +1120,9 @@ var connectedCallback = (elm) => {
|
|
|
1204
1120
|
endConnected();
|
|
1205
1121
|
}
|
|
1206
1122
|
};
|
|
1207
|
-
var disconnectInstance = (instance
|
|
1123
|
+
var disconnectInstance = (instance) => {
|
|
1208
1124
|
{
|
|
1209
|
-
safeCall(instance, "disconnectedCallback"
|
|
1125
|
+
safeCall(instance, "disconnectedCallback");
|
|
1210
1126
|
}
|
|
1211
1127
|
};
|
|
1212
1128
|
var disconnectedCallback = async (elm) => {
|
|
@@ -1219,17 +1135,11 @@ var disconnectedCallback = async (elm) => {
|
|
|
1219
1135
|
}
|
|
1220
1136
|
}
|
|
1221
1137
|
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1222
|
-
disconnectInstance(hostRef.$lazyInstance
|
|
1138
|
+
disconnectInstance(hostRef.$lazyInstance$);
|
|
1223
1139
|
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1224
|
-
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance
|
|
1140
|
+
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
|
|
1225
1141
|
}
|
|
1226
1142
|
}
|
|
1227
|
-
if (rootAppliedStyles.has(elm)) {
|
|
1228
|
-
rootAppliedStyles.delete(elm);
|
|
1229
|
-
}
|
|
1230
|
-
if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
|
|
1231
|
-
rootAppliedStyles.delete(elm.shadowRoot);
|
|
1232
|
-
}
|
|
1233
1143
|
};
|
|
1234
1144
|
|
|
1235
1145
|
// src/runtime/bootstrap-lazy.ts
|
|
@@ -1314,17 +1224,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1314
1224
|
}
|
|
1315
1225
|
disconnectedCallback() {
|
|
1316
1226
|
plt.jmp(() => disconnectedCallback(this));
|
|
1317
|
-
plt.raf(() => {
|
|
1318
|
-
var _a3;
|
|
1319
|
-
const hostRef = getHostRef(this);
|
|
1320
|
-
const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
|
|
1321
|
-
if (i2 > -1) {
|
|
1322
|
-
deferredConnectedCallbacks.splice(i2, 1);
|
|
1323
|
-
}
|
|
1324
|
-
if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
|
|
1325
|
-
delete hostRef.$vnode$.$elm$;
|
|
1326
|
-
}
|
|
1327
|
-
});
|
|
1328
1227
|
}
|
|
1329
1228
|
componentOnReady() {
|
|
1330
1229
|
return getHostRef(this).$onReadyPromise$;
|
|
@@ -1388,7 +1287,7 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
|
|
|
1388
1287
|
}
|
|
1389
1288
|
}
|
|
1390
1289
|
} catch (e) {
|
|
1391
|
-
consoleError(e
|
|
1290
|
+
consoleError(e);
|
|
1392
1291
|
}
|
|
1393
1292
|
};
|
|
1394
1293
|
var getHostListenerTarget = (elm, flags) => {
|
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-04cdb027.js';
|
|
2
|
+
export { s as setNonce } from './index-04cdb027.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|