@everymatrix/casino-engagement-suite-bar 1.56.0 → 1.56.3
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-bar/casino-engagement-suite-bar.esm.js +1 -1
- package/dist/casino-engagement-suite-bar/p-2ba163e5.js +2 -0
- package/dist/casino-engagement-suite-bar/p-35253536.entry.js +15 -0
- package/dist/cjs/casino-engagement-suite-bar.cjs.entry.js +22 -51
- package/dist/cjs/casino-engagement-suite-bar.cjs.js +2 -2
- package/dist/cjs/{index-74d721d6.js → index-d633c71c.js} +67 -202
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/casino-engagement-suite-bar/casino-engagement-suite-bar.js +21 -76
- package/dist/esm/casino-engagement-suite-bar.entry.js +22 -51
- package/dist/esm/casino-engagement-suite-bar.js +3 -3
- package/dist/esm/{index-466e12d6.js → index-c68286cc.js} +67 -202
- package/dist/esm/loader.js +2 -2
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/packages/stencil/casino-engagement-suite-bar/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/packages/stencil/casino-engagement-suite-bar/stencil.config.dev.d.ts +2 -0
- package/dist/types/components/casino-engagement-suite-bar/casino-engagement-suite-bar.d.ts +1 -1
- package/dist/types/stencil-public-runtime.d.ts +0 -6
- package/package.json +1 -1
- package/dist/casino-engagement-suite-bar/p-3ed6d677.entry.js +0 -1
- package/dist/casino-engagement-suite-bar/p-e3eeee5f.js +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/packages/stencil/casino-engagement-suite-bar/stencil.config.d.ts +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/packages/stencil/casino-engagement-suite-bar/stencil.config.dev.d.ts +0 -2
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -21,23 +21,19 @@ function _interopNamespace(e) {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
const NAMESPACE = 'casino-engagement-suite-bar';
|
|
24
|
-
const BUILD = /* casino-engagement-suite-bar */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, 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,
|
|
24
|
+
const BUILD = /* casino-engagement-suite-bar */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, 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: false, 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: false, vdomText: true, vdomXlink: false, watchCallback: false };
|
|
25
25
|
|
|
26
26
|
/*
|
|
27
|
-
Stencil Client Platform v4.
|
|
27
|
+
Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
28
28
|
*/
|
|
29
29
|
var __defProp = Object.defineProperty;
|
|
30
30
|
var __export = (target, all) => {
|
|
31
31
|
for (var name in all)
|
|
32
32
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
33
33
|
};
|
|
34
|
-
|
|
35
|
-
// src/client/client-host-ref.ts
|
|
36
34
|
var hostRefs = /* @__PURE__ */ new WeakMap();
|
|
37
35
|
var getHostRef = (ref) => hostRefs.get(ref);
|
|
38
|
-
var registerInstance = (lazyInstance, hostRef) =>
|
|
39
|
-
hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
40
|
-
};
|
|
36
|
+
var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
41
37
|
var registerHost = (hostElement, cmpMeta) => {
|
|
42
38
|
const hostRef = {
|
|
43
39
|
$flags$: 0,
|
|
@@ -50,8 +46,7 @@ var registerHost = (hostElement, cmpMeta) => {
|
|
|
50
46
|
hostElement["s-p"] = [];
|
|
51
47
|
hostElement["s-rc"] = [];
|
|
52
48
|
}
|
|
53
|
-
|
|
54
|
-
return ref;
|
|
49
|
+
return hostRefs.set(hostElement, hostRef);
|
|
55
50
|
};
|
|
56
51
|
var isMemberInElement = (elm, memberName) => memberName in elm;
|
|
57
52
|
var consoleError = (e, el) => (0, console.error)(e, el);
|
|
@@ -88,22 +83,16 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
88
83
|
/* webpackExclude: /\.system\.entry\.js$/ */
|
|
89
84
|
/* webpackMode: "lazy" */
|
|
90
85
|
`./${bundleId}.entry.js${""}`
|
|
91
|
-
)); }).then(
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
cmpModules.set(bundleId, importedModule);
|
|
95
|
-
}
|
|
96
|
-
return importedModule[exportName];
|
|
97
|
-
},
|
|
98
|
-
(e) => {
|
|
99
|
-
consoleError(e, hostRef.$hostElement$);
|
|
86
|
+
)); }).then((importedModule) => {
|
|
87
|
+
{
|
|
88
|
+
cmpModules.set(bundleId, importedModule);
|
|
100
89
|
}
|
|
101
|
-
|
|
90
|
+
return importedModule[exportName];
|
|
91
|
+
}, consoleError);
|
|
102
92
|
};
|
|
103
93
|
|
|
104
94
|
// src/client/client-style.ts
|
|
105
95
|
var styles = /* @__PURE__ */ new Map();
|
|
106
|
-
var HYDRATED_STYLE_ID = "sty-id";
|
|
107
96
|
var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
|
|
108
97
|
var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
|
|
109
98
|
var win = typeof window !== "undefined" ? window : {};
|
|
@@ -177,6 +166,12 @@ var flush = () => {
|
|
|
177
166
|
};
|
|
178
167
|
var nextTick = (cb) => promiseResolve().then(cb);
|
|
179
168
|
var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
|
|
169
|
+
|
|
170
|
+
// src/utils/constants.ts
|
|
171
|
+
var EMPTY_OBJ = {};
|
|
172
|
+
|
|
173
|
+
// src/utils/helpers.ts
|
|
174
|
+
var isDef = (v) => v != null;
|
|
180
175
|
var isComplexType = (o) => {
|
|
181
176
|
o = typeof o;
|
|
182
177
|
return o === "object" || o === "function";
|
|
@@ -361,40 +356,13 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
361
356
|
}
|
|
362
357
|
if (!appliedStyles.has(scopeId2)) {
|
|
363
358
|
{
|
|
364
|
-
styleElm =
|
|
359
|
+
styleElm = doc.createElement("style");
|
|
365
360
|
styleElm.innerHTML = style;
|
|
366
361
|
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
367
362
|
if (nonce != null) {
|
|
368
363
|
styleElm.setAttribute("nonce", nonce);
|
|
369
364
|
}
|
|
370
|
-
|
|
371
|
-
if (styleContainerNode.nodeName === "HEAD") {
|
|
372
|
-
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
373
|
-
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
374
|
-
styleContainerNode.insertBefore(
|
|
375
|
-
styleElm,
|
|
376
|
-
(referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
|
|
377
|
-
);
|
|
378
|
-
} else if ("host" in styleContainerNode) {
|
|
379
|
-
if (supportsConstructableStylesheets) {
|
|
380
|
-
const stylesheet = new CSSStyleSheet();
|
|
381
|
-
stylesheet.replaceSync(style);
|
|
382
|
-
styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
|
|
383
|
-
} else {
|
|
384
|
-
const existingStyleContainer = styleContainerNode.querySelector("style");
|
|
385
|
-
if (existingStyleContainer) {
|
|
386
|
-
existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
|
|
387
|
-
} else {
|
|
388
|
-
styleContainerNode.prepend(styleElm);
|
|
389
|
-
}
|
|
390
|
-
}
|
|
391
|
-
} else {
|
|
392
|
-
styleContainerNode.append(styleElm);
|
|
393
|
-
}
|
|
394
|
-
}
|
|
395
|
-
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
|
|
396
|
-
styleContainerNode.insertBefore(styleElm, null);
|
|
397
|
-
}
|
|
365
|
+
styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
|
|
398
366
|
}
|
|
399
367
|
if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
|
|
400
368
|
styleElm.innerHTML += SLOT_FB_CSS;
|
|
@@ -417,25 +385,23 @@ var attachStyles = (hostRef) => {
|
|
|
417
385
|
const scopeId2 = addStyle(
|
|
418
386
|
elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
|
|
419
387
|
cmpMeta);
|
|
420
|
-
if (
|
|
388
|
+
if (flags & 10 /* needsScopedEncapsulation */) {
|
|
421
389
|
elm["s-sc"] = scopeId2;
|
|
422
390
|
elm.classList.add(scopeId2 + "-h");
|
|
423
391
|
}
|
|
424
392
|
endAttachStyles();
|
|
425
393
|
};
|
|
426
394
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
427
|
-
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags
|
|
395
|
+
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
428
396
|
if (oldValue !== newValue) {
|
|
429
397
|
let isProp = isMemberInElement(elm, memberName);
|
|
430
398
|
let ln = memberName.toLowerCase();
|
|
431
399
|
if (memberName === "class") {
|
|
432
400
|
const classList = elm.classList;
|
|
433
401
|
const oldClasses = parseClassList(oldValue);
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
438
|
-
}
|
|
402
|
+
const newClasses = parseClassList(newValue);
|
|
403
|
+
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
404
|
+
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
439
405
|
} else if (memberName === "key") ; else if (memberName === "ref") {
|
|
440
406
|
if (newValue) {
|
|
441
407
|
newValue(elm);
|
|
@@ -467,13 +433,9 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
467
433
|
if (memberName === "list") {
|
|
468
434
|
isProp = false;
|
|
469
435
|
} else if (oldValue == null || elm[memberName] != n) {
|
|
470
|
-
|
|
471
|
-
elm[memberName] = n;
|
|
472
|
-
} else {
|
|
473
|
-
elm.setAttribute(memberName, n);
|
|
474
|
-
}
|
|
436
|
+
elm[memberName] = n;
|
|
475
437
|
}
|
|
476
|
-
} else
|
|
438
|
+
} else {
|
|
477
439
|
elm[memberName] = newValue;
|
|
478
440
|
}
|
|
479
441
|
} catch (e) {
|
|
@@ -495,44 +457,24 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
495
457
|
}
|
|
496
458
|
};
|
|
497
459
|
var parseClassListRegex = /\s/;
|
|
498
|
-
var parseClassList = (value) =>
|
|
499
|
-
if (typeof value === "object" && value && "baseVal" in value) {
|
|
500
|
-
value = value.baseVal;
|
|
501
|
-
}
|
|
502
|
-
if (!value || typeof value !== "string") {
|
|
503
|
-
return [];
|
|
504
|
-
}
|
|
505
|
-
return value.split(parseClassListRegex);
|
|
506
|
-
};
|
|
460
|
+
var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
|
|
507
461
|
var CAPTURE_EVENT_SUFFIX = "Capture";
|
|
508
462
|
var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
|
|
509
463
|
|
|
510
464
|
// src/runtime/vdom/update-element.ts
|
|
511
|
-
var updateElement = (oldVnode, newVnode, isSvgMode2
|
|
465
|
+
var updateElement = (oldVnode, newVnode, isSvgMode2) => {
|
|
512
466
|
const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
|
|
513
|
-
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ ||
|
|
514
|
-
const newVnodeAttrs = newVnode.$attrs$ ||
|
|
467
|
+
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || EMPTY_OBJ;
|
|
468
|
+
const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
|
|
515
469
|
{
|
|
516
470
|
for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
|
|
517
471
|
if (!(memberName in newVnodeAttrs)) {
|
|
518
|
-
setAccessor(
|
|
519
|
-
elm,
|
|
520
|
-
memberName,
|
|
521
|
-
oldVnodeAttrs[memberName],
|
|
522
|
-
void 0,
|
|
523
|
-
isSvgMode2,
|
|
524
|
-
newVnode.$flags$);
|
|
472
|
+
setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
|
|
525
473
|
}
|
|
526
474
|
}
|
|
527
475
|
}
|
|
528
476
|
for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
|
|
529
|
-
setAccessor(
|
|
530
|
-
elm,
|
|
531
|
-
memberName,
|
|
532
|
-
oldVnodeAttrs[memberName],
|
|
533
|
-
newVnodeAttrs[memberName],
|
|
534
|
-
isSvgMode2,
|
|
535
|
-
newVnode.$flags$);
|
|
477
|
+
setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
|
|
536
478
|
}
|
|
537
479
|
};
|
|
538
480
|
function sortedAttrNames(attrNames) {
|
|
@@ -544,10 +486,13 @@ function sortedAttrNames(attrNames) {
|
|
|
544
486
|
attrNames
|
|
545
487
|
);
|
|
546
488
|
}
|
|
489
|
+
|
|
490
|
+
// src/runtime/vdom/vdom-render.ts
|
|
491
|
+
var scopeId;
|
|
547
492
|
var hostTagName;
|
|
548
493
|
var useNativeShadowDom = false;
|
|
549
494
|
var isSvgMode = false;
|
|
550
|
-
var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
495
|
+
var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
551
496
|
const newVNode2 = newParentVNode.$children$[childIndex];
|
|
552
497
|
let i2 = 0;
|
|
553
498
|
let elm;
|
|
@@ -561,6 +506,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
561
506
|
{
|
|
562
507
|
updateElement(null, newVNode2, isSvgMode);
|
|
563
508
|
}
|
|
509
|
+
if (isDef(scopeId) && elm["s-si"] !== scopeId) {
|
|
510
|
+
elm.classList.add(elm["s-si"] = scopeId);
|
|
511
|
+
}
|
|
564
512
|
if (newVNode2.$children$) {
|
|
565
513
|
for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
|
|
566
514
|
childNode = createElm(oldParentVNode, newVNode2, i2);
|
|
@@ -690,9 +638,6 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
|
690
638
|
if (!isInitialRender) {
|
|
691
639
|
return leftVNode.$key$ === rightVNode.$key$;
|
|
692
640
|
}
|
|
693
|
-
if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
|
|
694
|
-
leftVNode.$key$ = rightVNode.$key$;
|
|
695
|
-
}
|
|
696
641
|
return true;
|
|
697
642
|
}
|
|
698
643
|
return false;
|
|
@@ -715,10 +660,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
715
660
|
elm.textContent = "";
|
|
716
661
|
}
|
|
717
662
|
addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
|
|
718
|
-
} else if (
|
|
719
|
-
// don't do this on initial render as it can cause non-hydrated content to be removed
|
|
720
|
-
!isInitialRender && BUILD.updatable && oldChildren !== null
|
|
721
|
-
) {
|
|
663
|
+
} else if (oldChildren !== null) {
|
|
722
664
|
removeVnodes(oldChildren, 0, oldChildren.length - 1);
|
|
723
665
|
}
|
|
724
666
|
} else if (oldVNode.$text$ !== text) {
|
|
@@ -732,9 +674,8 @@ var nullifyVNodeRefs = (vNode) => {
|
|
|
732
674
|
}
|
|
733
675
|
};
|
|
734
676
|
var insertBefore = (parent, newNode, reference) => {
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
}
|
|
677
|
+
const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
|
678
|
+
return inserted;
|
|
738
679
|
};
|
|
739
680
|
var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
740
681
|
const hostElm = hostRef.$hostElement$;
|
|
@@ -759,21 +700,17 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
759
700
|
rootVnode.$flags$ |= 4 /* isHost */;
|
|
760
701
|
hostRef.$vnode$ = rootVnode;
|
|
761
702
|
rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
|
|
762
|
-
|
|
703
|
+
{
|
|
704
|
+
scopeId = hostElm["s-sc"];
|
|
705
|
+
}
|
|
706
|
+
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
|
|
763
707
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
764
708
|
};
|
|
765
709
|
|
|
766
710
|
// src/runtime/update-component.ts
|
|
767
711
|
var attachToAncestor = (hostRef, ancestorComponent) => {
|
|
768
712
|
if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
|
|
769
|
-
|
|
770
|
-
new Promise(
|
|
771
|
-
(r) => hostRef.$onRenderResolve$ = () => {
|
|
772
|
-
ancestorComponent["s-p"].splice(index - 1, 1);
|
|
773
|
-
r();
|
|
774
|
-
}
|
|
775
|
-
)
|
|
776
|
-
);
|
|
713
|
+
ancestorComponent["s-p"].push(new Promise((r) => hostRef.$onRenderResolve$ = r));
|
|
777
714
|
}
|
|
778
715
|
};
|
|
779
716
|
var scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
@@ -802,7 +739,7 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
802
739
|
{
|
|
803
740
|
hostRef.$flags$ |= 256 /* isListenReady */;
|
|
804
741
|
if (hostRef.$queuedListeners$) {
|
|
805
|
-
hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event
|
|
742
|
+
hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event));
|
|
806
743
|
hostRef.$queuedListeners$ = void 0;
|
|
807
744
|
}
|
|
808
745
|
}
|
|
@@ -873,7 +810,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
873
810
|
const instance = hostRef.$lazyInstance$ ;
|
|
874
811
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
875
812
|
{
|
|
876
|
-
safeCall(instance, "componentDidRender"
|
|
813
|
+
safeCall(instance, "componentDidRender");
|
|
877
814
|
}
|
|
878
815
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
879
816
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
@@ -902,14 +839,17 @@ var postUpdateComponent = (hostRef) => {
|
|
|
902
839
|
}
|
|
903
840
|
};
|
|
904
841
|
var appDidLoad = (who) => {
|
|
842
|
+
{
|
|
843
|
+
addHydratedFlag(doc.documentElement);
|
|
844
|
+
}
|
|
905
845
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
906
846
|
};
|
|
907
|
-
var safeCall = (instance, method, arg
|
|
847
|
+
var safeCall = (instance, method, arg) => {
|
|
908
848
|
if (instance && instance[method]) {
|
|
909
849
|
try {
|
|
910
850
|
return instance[method](arg);
|
|
911
851
|
} catch (e) {
|
|
912
|
-
consoleError(e
|
|
852
|
+
consoleError(e);
|
|
913
853
|
}
|
|
914
854
|
}
|
|
915
855
|
return void 0;
|
|
@@ -952,68 +892,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
952
892
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
953
893
|
members.map(([memberName, [memberFlags]]) => {
|
|
954
894
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
955
|
-
const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
|
|
956
|
-
if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
|
|
957
|
-
if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
|
|
958
|
-
if (flags & 1 /* isElementConstructor */ || !origGetter) {
|
|
959
|
-
Object.defineProperty(prototype, memberName, {
|
|
960
|
-
get() {
|
|
961
|
-
{
|
|
962
|
-
if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
|
|
963
|
-
return getValue(this, memberName);
|
|
964
|
-
}
|
|
965
|
-
const ref = getHostRef(this);
|
|
966
|
-
const instance = ref ? ref.$lazyInstance$ : prototype;
|
|
967
|
-
if (!instance) return;
|
|
968
|
-
return instance[memberName];
|
|
969
|
-
}
|
|
970
|
-
},
|
|
971
|
-
configurable: true,
|
|
972
|
-
enumerable: true
|
|
973
|
-
});
|
|
974
|
-
}
|
|
975
895
|
Object.defineProperty(prototype, memberName, {
|
|
896
|
+
get() {
|
|
897
|
+
return getValue(this, memberName);
|
|
898
|
+
},
|
|
976
899
|
set(newValue) {
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
newValue = ref.$instanceValues$.get(memberName);
|
|
982
|
-
} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
983
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
984
|
-
}
|
|
985
|
-
origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
|
|
986
|
-
newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
987
|
-
setValue(this, memberName, newValue, cmpMeta);
|
|
988
|
-
return;
|
|
989
|
-
}
|
|
990
|
-
{
|
|
991
|
-
if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
|
|
992
|
-
setValue(this, memberName, newValue, cmpMeta);
|
|
993
|
-
if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
|
|
994
|
-
ref.$onReadyPromise$.then(() => {
|
|
995
|
-
if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
|
|
996
|
-
ref.$lazyInstance$[memberName] = newValue;
|
|
997
|
-
}
|
|
998
|
-
});
|
|
999
|
-
}
|
|
1000
|
-
return;
|
|
1001
|
-
}
|
|
1002
|
-
const setterSetVal = () => {
|
|
1003
|
-
const currentValue = ref.$lazyInstance$[memberName];
|
|
1004
|
-
if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
1005
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
1006
|
-
}
|
|
1007
|
-
ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
|
|
1008
|
-
setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
|
|
1009
|
-
};
|
|
1010
|
-
if (ref.$lazyInstance$) {
|
|
1011
|
-
setterSetVal();
|
|
1012
|
-
} else {
|
|
1013
|
-
ref.$onReadyPromise$.then(() => setterSetVal());
|
|
1014
|
-
}
|
|
1015
|
-
}
|
|
1016
|
-
}
|
|
900
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
901
|
+
},
|
|
902
|
+
configurable: true,
|
|
903
|
+
enumerable: true
|
|
1017
904
|
});
|
|
1018
905
|
}
|
|
1019
906
|
});
|
|
@@ -1023,11 +910,10 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1023
910
|
plt.jmp(() => {
|
|
1024
911
|
var _a2;
|
|
1025
912
|
const propName = attrNameToPropName.get(attrName);
|
|
1026
|
-
if (this.hasOwnProperty(propName)
|
|
913
|
+
if (this.hasOwnProperty(propName)) {
|
|
1027
914
|
newValue = this[propName];
|
|
1028
915
|
delete this[propName];
|
|
1029
|
-
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" &&
|
|
1030
|
-
this[propName] == newValue) {
|
|
916
|
+
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && this[propName] == newValue) {
|
|
1031
917
|
return;
|
|
1032
918
|
} else if (propName == null) {
|
|
1033
919
|
const hostRef = getHostRef(this);
|
|
@@ -1043,11 +929,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1043
929
|
}
|
|
1044
930
|
return;
|
|
1045
931
|
}
|
|
1046
|
-
|
|
1047
|
-
newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1048
|
-
if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
|
|
1049
|
-
this[propName] = newValue;
|
|
1050
|
-
}
|
|
932
|
+
this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1051
933
|
});
|
|
1052
934
|
};
|
|
1053
935
|
Cstr.observedAttributes = Array.from(
|
|
@@ -1076,7 +958,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1076
958
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
1077
959
|
const bundleId = cmpMeta.$lazyBundleId$;
|
|
1078
960
|
if (bundleId) {
|
|
1079
|
-
const CstrImport = loadModule(cmpMeta
|
|
961
|
+
const CstrImport = loadModule(cmpMeta);
|
|
1080
962
|
if (CstrImport && "then" in CstrImport) {
|
|
1081
963
|
const endLoad = uniqueTime();
|
|
1082
964
|
Cstr = await CstrImport;
|
|
@@ -1098,7 +980,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1098
980
|
try {
|
|
1099
981
|
new Cstr(hostRef);
|
|
1100
982
|
} catch (e) {
|
|
1101
|
-
consoleError(e
|
|
983
|
+
consoleError(e);
|
|
1102
984
|
}
|
|
1103
985
|
{
|
|
1104
986
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
@@ -1130,7 +1012,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1130
1012
|
schedule();
|
|
1131
1013
|
}
|
|
1132
1014
|
};
|
|
1133
|
-
var fireConnectedCallback = (instance
|
|
1015
|
+
var fireConnectedCallback = (instance) => {
|
|
1134
1016
|
};
|
|
1135
1017
|
|
|
1136
1018
|
// src/runtime/connected-callback.ts
|
|
@@ -1171,7 +1053,7 @@ var connectedCallback = (elm) => {
|
|
|
1171
1053
|
endConnected();
|
|
1172
1054
|
}
|
|
1173
1055
|
};
|
|
1174
|
-
var disconnectInstance = (instance
|
|
1056
|
+
var disconnectInstance = (instance) => {
|
|
1175
1057
|
};
|
|
1176
1058
|
var disconnectedCallback = async (elm) => {
|
|
1177
1059
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
@@ -1186,12 +1068,6 @@ var disconnectedCallback = async (elm) => {
|
|
|
1186
1068
|
hostRef.$onReadyPromise$.then(() => disconnectInstance());
|
|
1187
1069
|
}
|
|
1188
1070
|
}
|
|
1189
|
-
if (rootAppliedStyles.has(elm)) {
|
|
1190
|
-
rootAppliedStyles.delete(elm);
|
|
1191
|
-
}
|
|
1192
|
-
if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
|
|
1193
|
-
rootAppliedStyles.delete(elm.shadowRoot);
|
|
1194
|
-
}
|
|
1195
1071
|
};
|
|
1196
1072
|
|
|
1197
1073
|
// src/runtime/bootstrap-lazy.ts
|
|
@@ -1272,17 +1148,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1272
1148
|
}
|
|
1273
1149
|
disconnectedCallback() {
|
|
1274
1150
|
plt.jmp(() => disconnectedCallback(this));
|
|
1275
|
-
plt.raf(() => {
|
|
1276
|
-
var _a3;
|
|
1277
|
-
const hostRef = getHostRef(this);
|
|
1278
|
-
const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
|
|
1279
|
-
if (i2 > -1) {
|
|
1280
|
-
deferredConnectedCallbacks.splice(i2, 1);
|
|
1281
|
-
}
|
|
1282
|
-
if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
|
|
1283
|
-
delete hostRef.$vnode$.$elm$;
|
|
1284
|
-
}
|
|
1285
|
-
});
|
|
1286
1151
|
}
|
|
1287
1152
|
componentOnReady() {
|
|
1288
1153
|
return getHostRef(this).$onReadyPromise$;
|
|
@@ -1346,7 +1211,7 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
|
|
|
1346
1211
|
}
|
|
1347
1212
|
}
|
|
1348
1213
|
} catch (e) {
|
|
1349
|
-
consoleError(e
|
|
1214
|
+
consoleError(e);
|
|
1350
1215
|
}
|
|
1351
1216
|
};
|
|
1352
1217
|
var getHostListenerTarget = (elm, flags) => {
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-d633c71c.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|