@everymatrix/mini-games-lobby 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/cjs/{index-2c9f83af.js → index-60aa454b.js} +62 -153
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mini-games-lobby.cjs.entry.js +5 -182
- package/dist/cjs/mini-games-lobby.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/mini-games-lobby/mini-games-lobby.js +4 -41
- package/dist/esm/{index-25e6da1e.js → index-4ae384e0.js} +62 -153
- package/dist/esm/loader.js +2 -2
- package/dist/esm/mini-games-lobby.entry.js +5 -182
- package/dist/esm/mini-games-lobby.js +3 -3
- package/dist/mini-games-lobby/mini-games-lobby.esm.js +1 -1
- package/dist/mini-games-lobby/p-6b2ef1fa.js +2 -0
- package/dist/mini-games-lobby/p-6f4ccffc.entry.js +1 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/mini-games-lobby/.stencil/packages/stencil/mini-games-lobby/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/mini-games-lobby/.stencil/packages/stencil/mini-games-lobby/stencil.config.dev.d.ts +2 -0
- package/package.json +1 -1
- package/dist/mini-games-lobby/p-10aa90b5.entry.js +0 -1
- package/dist/mini-games-lobby/p-14714f4a.js +0 -2
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/mini-games-lobby/.stencil/packages/stencil/mini-games-lobby/stencil.config.d.ts +0 -2
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/mini-games-lobby/.stencil/packages/stencil/mini-games-lobby/stencil.config.dev.d.ts +0 -2
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/mini-games-lobby/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/mini-games-lobby/.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/mini-games-lobby/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/mini-games-lobby/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-60aa454b.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
9
|
-
Stencil Client Patch Browser v4.
|
|
9
|
+
Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
|
|
10
10
|
*/
|
|
11
11
|
var patchBrowser = () => {
|
|
12
12
|
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mini-games-lobby.cjs.js', document.baseURI).href));
|
|
@@ -1,27 +1,16 @@
|
|
|
1
|
-
import { __decorate, __metadata } from "tslib";
|
|
2
1
|
import { h } from "@stencil/core";
|
|
3
2
|
import { fetchGames, getUrl } from "../../utils/fetch";
|
|
4
3
|
import { Games, GameLauncher } from "../../renders";
|
|
5
|
-
import { Locale } from "../../decorators/locale.decorator";
|
|
6
|
-
import { Style } from "../../decorators/style.decorator";
|
|
7
4
|
export class MiniGamesLobby {
|
|
8
5
|
constructor() {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
this.filter = undefined;
|
|
7
|
+
this.session = undefined;
|
|
8
|
+
this.endpoint = undefined;
|
|
12
9
|
this.language = 'en';
|
|
13
|
-
/**
|
|
14
|
-
* Client custom styling via string
|
|
15
|
-
*/
|
|
16
10
|
this.clientStyling = '';
|
|
17
|
-
/**
|
|
18
|
-
* Client custom styling via url
|
|
19
|
-
*/
|
|
20
11
|
this.clientStylingUrl = '';
|
|
21
|
-
/**
|
|
22
|
-
* translation via url
|
|
23
|
-
*/
|
|
24
12
|
this.translationUrl = '';
|
|
13
|
+
this.locale = undefined;
|
|
25
14
|
this.launchUrl = undefined;
|
|
26
15
|
this.games = [];
|
|
27
16
|
}
|
|
@@ -82,8 +71,6 @@ export class MiniGamesLobby {
|
|
|
82
71
|
"tags": [],
|
|
83
72
|
"text": "filter for interface /casino/games"
|
|
84
73
|
},
|
|
85
|
-
"getter": false,
|
|
86
|
-
"setter": false,
|
|
87
74
|
"attribute": "filter",
|
|
88
75
|
"reflect": false
|
|
89
76
|
},
|
|
@@ -101,8 +88,6 @@ export class MiniGamesLobby {
|
|
|
101
88
|
"tags": [],
|
|
102
89
|
"text": "User Session"
|
|
103
90
|
},
|
|
104
|
-
"getter": false,
|
|
105
|
-
"setter": false,
|
|
106
91
|
"attribute": "session",
|
|
107
92
|
"reflect": false
|
|
108
93
|
},
|
|
@@ -120,8 +105,6 @@ export class MiniGamesLobby {
|
|
|
120
105
|
"tags": [],
|
|
121
106
|
"text": "Endpoint URL for the source of data"
|
|
122
107
|
},
|
|
123
|
-
"getter": false,
|
|
124
|
-
"setter": false,
|
|
125
108
|
"attribute": "endpoint",
|
|
126
109
|
"reflect": false
|
|
127
110
|
},
|
|
@@ -139,8 +122,6 @@ export class MiniGamesLobby {
|
|
|
139
122
|
"tags": [],
|
|
140
123
|
"text": "Language of the widget"
|
|
141
124
|
},
|
|
142
|
-
"getter": false,
|
|
143
|
-
"setter": false,
|
|
144
125
|
"attribute": "language",
|
|
145
126
|
"reflect": false,
|
|
146
127
|
"defaultValue": "'en'"
|
|
@@ -159,8 +140,6 @@ export class MiniGamesLobby {
|
|
|
159
140
|
"tags": [],
|
|
160
141
|
"text": "Client custom styling via string"
|
|
161
142
|
},
|
|
162
|
-
"getter": false,
|
|
163
|
-
"setter": false,
|
|
164
143
|
"attribute": "client-styling",
|
|
165
144
|
"reflect": false,
|
|
166
145
|
"defaultValue": "''"
|
|
@@ -179,8 +158,6 @@ export class MiniGamesLobby {
|
|
|
179
158
|
"tags": [],
|
|
180
159
|
"text": "Client custom styling via url"
|
|
181
160
|
},
|
|
182
|
-
"getter": false,
|
|
183
|
-
"setter": false,
|
|
184
161
|
"attribute": "client-styling-url",
|
|
185
162
|
"reflect": false,
|
|
186
163
|
"defaultValue": "''"
|
|
@@ -199,8 +176,6 @@ export class MiniGamesLobby {
|
|
|
199
176
|
"tags": [],
|
|
200
177
|
"text": "translation via url"
|
|
201
178
|
},
|
|
202
|
-
"getter": false,
|
|
203
|
-
"setter": false,
|
|
204
179
|
"attribute": "translation-url",
|
|
205
180
|
"reflect": false,
|
|
206
181
|
"defaultValue": "''"
|
|
@@ -225,15 +200,3 @@ export class MiniGamesLobby {
|
|
|
225
200
|
}];
|
|
226
201
|
}
|
|
227
202
|
}
|
|
228
|
-
__decorate([
|
|
229
|
-
Locale(),
|
|
230
|
-
__metadata("design:type", String)
|
|
231
|
-
], MiniGamesLobby.prototype, "language", void 0);
|
|
232
|
-
__decorate([
|
|
233
|
-
Style(),
|
|
234
|
-
__metadata("design:type", String)
|
|
235
|
-
], MiniGamesLobby.prototype, "clientStyling", void 0);
|
|
236
|
-
__decorate([
|
|
237
|
-
Style(),
|
|
238
|
-
__metadata("design:type", String)
|
|
239
|
-
], MiniGamesLobby.prototype, "clientStylingUrl", void 0);
|
|
@@ -1,21 +1,17 @@
|
|
|
1
1
|
const NAMESPACE = 'mini-games-lobby';
|
|
2
|
-
const BUILD = /* mini-games-lobby */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: true, cmpWillLoad: true, 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: 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,
|
|
2
|
+
const BUILD = /* mini-games-lobby */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: true, cmpWillLoad: true, 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: 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: false, propMutable: false, propNumber: false, propString: true, reflect: false, 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: false, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: false, 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 : {};
|
|
@@ -139,6 +128,12 @@ var flush = () => {
|
|
|
139
128
|
};
|
|
140
129
|
var nextTick = (cb) => promiseResolve().then(cb);
|
|
141
130
|
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;
|
|
142
137
|
var isComplexType = (o) => {
|
|
143
138
|
o = typeof o;
|
|
144
139
|
return o === "object" || o === "function";
|
|
@@ -352,7 +347,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
352
347
|
}
|
|
353
348
|
if (!appliedStyles.has(scopeId2)) {
|
|
354
349
|
{
|
|
355
|
-
styleElm =
|
|
350
|
+
styleElm = doc.createElement("style");
|
|
356
351
|
styleElm.innerHTML = style;
|
|
357
352
|
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
358
353
|
if (nonce != null) {
|
|
@@ -362,10 +357,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
362
357
|
if (styleContainerNode.nodeName === "HEAD") {
|
|
363
358
|
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
364
359
|
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
365
|
-
styleContainerNode.insertBefore(
|
|
366
|
-
styleElm,
|
|
367
|
-
(referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
|
|
368
|
-
);
|
|
360
|
+
styleContainerNode.insertBefore(styleElm, referenceNode2);
|
|
369
361
|
} else if ("host" in styleContainerNode) {
|
|
370
362
|
if (supportsConstructableStylesheets) {
|
|
371
363
|
const stylesheet = new CSSStyleSheet();
|
|
@@ -383,7 +375,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
383
375
|
styleContainerNode.append(styleElm);
|
|
384
376
|
}
|
|
385
377
|
}
|
|
386
|
-
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
|
|
378
|
+
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
|
|
387
379
|
styleContainerNode.insertBefore(styleElm, null);
|
|
388
380
|
}
|
|
389
381
|
}
|
|
@@ -408,14 +400,14 @@ var attachStyles = (hostRef) => {
|
|
|
408
400
|
const scopeId2 = addStyle(
|
|
409
401
|
elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
|
|
410
402
|
cmpMeta);
|
|
411
|
-
if (
|
|
403
|
+
if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
|
|
412
404
|
elm["s-sc"] = scopeId2;
|
|
413
405
|
elm.classList.add(scopeId2 + "-h");
|
|
414
406
|
}
|
|
415
407
|
endAttachStyles();
|
|
416
408
|
};
|
|
417
409
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
418
|
-
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags
|
|
410
|
+
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
419
411
|
if (oldValue !== newValue) {
|
|
420
412
|
let isProp = isMemberInElement(elm, memberName);
|
|
421
413
|
let ln = memberName.toLowerCase();
|
|
@@ -452,7 +444,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
452
444
|
elm.setAttribute(memberName, n);
|
|
453
445
|
}
|
|
454
446
|
}
|
|
455
|
-
} else
|
|
447
|
+
} else {
|
|
456
448
|
elm[memberName] = newValue;
|
|
457
449
|
}
|
|
458
450
|
} catch (e) {
|
|
@@ -477,31 +469,19 @@ var CAPTURE_EVENT_SUFFIX = "Capture";
|
|
|
477
469
|
var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
|
|
478
470
|
|
|
479
471
|
// src/runtime/vdom/update-element.ts
|
|
480
|
-
var updateElement = (oldVnode, newVnode, isSvgMode2
|
|
472
|
+
var updateElement = (oldVnode, newVnode, isSvgMode2) => {
|
|
481
473
|
const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
|
|
482
|
-
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ ||
|
|
483
|
-
const newVnodeAttrs = newVnode.$attrs$ ||
|
|
474
|
+
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || EMPTY_OBJ;
|
|
475
|
+
const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
|
|
484
476
|
{
|
|
485
477
|
for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
|
|
486
478
|
if (!(memberName in newVnodeAttrs)) {
|
|
487
|
-
setAccessor(
|
|
488
|
-
elm,
|
|
489
|
-
memberName,
|
|
490
|
-
oldVnodeAttrs[memberName],
|
|
491
|
-
void 0,
|
|
492
|
-
isSvgMode2,
|
|
493
|
-
newVnode.$flags$);
|
|
479
|
+
setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
|
|
494
480
|
}
|
|
495
481
|
}
|
|
496
482
|
}
|
|
497
483
|
for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
|
|
498
|
-
setAccessor(
|
|
499
|
-
elm,
|
|
500
|
-
memberName,
|
|
501
|
-
oldVnodeAttrs[memberName],
|
|
502
|
-
newVnodeAttrs[memberName],
|
|
503
|
-
isSvgMode2,
|
|
504
|
-
newVnode.$flags$);
|
|
484
|
+
setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
|
|
505
485
|
}
|
|
506
486
|
};
|
|
507
487
|
function sortedAttrNames(attrNames) {
|
|
@@ -513,10 +493,13 @@ function sortedAttrNames(attrNames) {
|
|
|
513
493
|
attrNames
|
|
514
494
|
);
|
|
515
495
|
}
|
|
496
|
+
|
|
497
|
+
// src/runtime/vdom/vdom-render.ts
|
|
498
|
+
var scopeId;
|
|
516
499
|
var hostTagName;
|
|
517
500
|
var useNativeShadowDom = false;
|
|
518
501
|
var isSvgMode = false;
|
|
519
|
-
var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
502
|
+
var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
520
503
|
const newVNode2 = newParentVNode.$children$[childIndex];
|
|
521
504
|
let i2 = 0;
|
|
522
505
|
let elm;
|
|
@@ -528,6 +511,11 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
528
511
|
{
|
|
529
512
|
updateElement(null, newVNode2, isSvgMode);
|
|
530
513
|
}
|
|
514
|
+
const rootNode = elm.getRootNode();
|
|
515
|
+
const isElementWithinShadowRoot = !rootNode.querySelector("body");
|
|
516
|
+
if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
|
|
517
|
+
elm.classList.add(elm["s-si"] = scopeId);
|
|
518
|
+
}
|
|
531
519
|
if (newVNode2.$children$) {
|
|
532
520
|
for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
|
|
533
521
|
childNode = createElm(oldParentVNode, newVNode2, i2);
|
|
@@ -656,9 +644,6 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
|
656
644
|
if (!isInitialRender) {
|
|
657
645
|
return leftVNode.$key$ === rightVNode.$key$;
|
|
658
646
|
}
|
|
659
|
-
if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
|
|
660
|
-
leftVNode.$key$ = rightVNode.$key$;
|
|
661
|
-
}
|
|
662
647
|
return true;
|
|
663
648
|
}
|
|
664
649
|
return false;
|
|
@@ -686,9 +671,8 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
686
671
|
}
|
|
687
672
|
};
|
|
688
673
|
var insertBefore = (parent, newNode, reference) => {
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
}
|
|
674
|
+
const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
|
675
|
+
return inserted;
|
|
692
676
|
};
|
|
693
677
|
var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
694
678
|
const hostElm = hostRef.$hostElement$;
|
|
@@ -707,21 +691,17 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
707
691
|
rootVnode.$flags$ |= 4 /* isHost */;
|
|
708
692
|
hostRef.$vnode$ = rootVnode;
|
|
709
693
|
rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
|
|
710
|
-
|
|
694
|
+
{
|
|
695
|
+
scopeId = hostElm["s-sc"];
|
|
696
|
+
}
|
|
697
|
+
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
|
|
711
698
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
712
699
|
};
|
|
713
700
|
|
|
714
701
|
// src/runtime/update-component.ts
|
|
715
702
|
var attachToAncestor = (hostRef, ancestorComponent) => {
|
|
716
703
|
if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
|
|
717
|
-
|
|
718
|
-
new Promise(
|
|
719
|
-
(r) => hostRef.$onRenderResolve$ = () => {
|
|
720
|
-
ancestorComponent["s-p"].splice(index - 1, 1);
|
|
721
|
-
r();
|
|
722
|
-
}
|
|
723
|
-
)
|
|
724
|
-
);
|
|
704
|
+
ancestorComponent["s-p"].push(new Promise((r) => hostRef.$onRenderResolve$ = r));
|
|
725
705
|
}
|
|
726
706
|
};
|
|
727
707
|
var scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
@@ -748,7 +728,7 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
748
728
|
let maybePromise;
|
|
749
729
|
if (isInitialLoad) {
|
|
750
730
|
{
|
|
751
|
-
maybePromise = safeCall(instance, "componentWillLoad"
|
|
731
|
+
maybePromise = safeCall(instance, "componentWillLoad");
|
|
752
732
|
}
|
|
753
733
|
}
|
|
754
734
|
endSchedule();
|
|
@@ -822,7 +802,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
822
802
|
addHydratedFlag(elm);
|
|
823
803
|
}
|
|
824
804
|
{
|
|
825
|
-
safeCall(instance, "componentDidLoad"
|
|
805
|
+
safeCall(instance, "componentDidLoad");
|
|
826
806
|
}
|
|
827
807
|
endPostUpdate();
|
|
828
808
|
{
|
|
@@ -846,14 +826,17 @@ var postUpdateComponent = (hostRef) => {
|
|
|
846
826
|
}
|
|
847
827
|
};
|
|
848
828
|
var appDidLoad = (who) => {
|
|
829
|
+
{
|
|
830
|
+
addHydratedFlag(doc.documentElement);
|
|
831
|
+
}
|
|
849
832
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
850
833
|
};
|
|
851
|
-
var safeCall = (instance, method, arg
|
|
834
|
+
var safeCall = (instance, method, arg) => {
|
|
852
835
|
if (instance && instance[method]) {
|
|
853
836
|
try {
|
|
854
837
|
return instance[method](arg);
|
|
855
838
|
} catch (e) {
|
|
856
|
-
consoleError(e
|
|
839
|
+
consoleError(e);
|
|
857
840
|
}
|
|
858
841
|
}
|
|
859
842
|
return void 0;
|
|
@@ -917,68 +900,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
917
900
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
918
901
|
members.map(([memberName, [memberFlags]]) => {
|
|
919
902
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
920
|
-
const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
|
|
921
|
-
if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
|
|
922
|
-
if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
|
|
923
|
-
if (flags & 1 /* isElementConstructor */ || !origGetter) {
|
|
924
|
-
Object.defineProperty(prototype, memberName, {
|
|
925
|
-
get() {
|
|
926
|
-
{
|
|
927
|
-
if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
|
|
928
|
-
return getValue(this, memberName);
|
|
929
|
-
}
|
|
930
|
-
const ref = getHostRef(this);
|
|
931
|
-
const instance = ref ? ref.$lazyInstance$ : prototype;
|
|
932
|
-
if (!instance) return;
|
|
933
|
-
return instance[memberName];
|
|
934
|
-
}
|
|
935
|
-
},
|
|
936
|
-
configurable: true,
|
|
937
|
-
enumerable: true
|
|
938
|
-
});
|
|
939
|
-
}
|
|
940
903
|
Object.defineProperty(prototype, memberName, {
|
|
904
|
+
get() {
|
|
905
|
+
return getValue(this, memberName);
|
|
906
|
+
},
|
|
941
907
|
set(newValue) {
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
newValue = ref.$instanceValues$.get(memberName);
|
|
947
|
-
} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
948
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
949
|
-
}
|
|
950
|
-
origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
|
|
951
|
-
newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
952
|
-
setValue(this, memberName, newValue, cmpMeta);
|
|
953
|
-
return;
|
|
954
|
-
}
|
|
955
|
-
{
|
|
956
|
-
if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
|
|
957
|
-
setValue(this, memberName, newValue, cmpMeta);
|
|
958
|
-
if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
|
|
959
|
-
ref.$onReadyPromise$.then(() => {
|
|
960
|
-
if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
|
|
961
|
-
ref.$lazyInstance$[memberName] = newValue;
|
|
962
|
-
}
|
|
963
|
-
});
|
|
964
|
-
}
|
|
965
|
-
return;
|
|
966
|
-
}
|
|
967
|
-
const setterSetVal = () => {
|
|
968
|
-
const currentValue = ref.$lazyInstance$[memberName];
|
|
969
|
-
if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
970
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
971
|
-
}
|
|
972
|
-
ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
|
|
973
|
-
setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
|
|
974
|
-
};
|
|
975
|
-
if (ref.$lazyInstance$) {
|
|
976
|
-
setterSetVal();
|
|
977
|
-
} else {
|
|
978
|
-
ref.$onReadyPromise$.then(() => setterSetVal());
|
|
979
|
-
}
|
|
980
|
-
}
|
|
981
|
-
}
|
|
908
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
909
|
+
},
|
|
910
|
+
configurable: true,
|
|
911
|
+
enumerable: true
|
|
982
912
|
});
|
|
983
913
|
}
|
|
984
914
|
});
|
|
@@ -988,7 +918,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
988
918
|
plt.jmp(() => {
|
|
989
919
|
var _a2;
|
|
990
920
|
const propName = attrNameToPropName.get(attrName);
|
|
991
|
-
if (this.hasOwnProperty(propName)
|
|
921
|
+
if (this.hasOwnProperty(propName)) {
|
|
992
922
|
newValue = this[propName];
|
|
993
923
|
delete this[propName];
|
|
994
924
|
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
|
|
@@ -1008,11 +938,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1008
938
|
}
|
|
1009
939
|
return;
|
|
1010
940
|
}
|
|
1011
|
-
|
|
1012
|
-
newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1013
|
-
if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
|
|
1014
|
-
this[propName] = newValue;
|
|
1015
|
-
}
|
|
941
|
+
this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1016
942
|
});
|
|
1017
943
|
};
|
|
1018
944
|
Cstr.observedAttributes = Array.from(
|
|
@@ -1037,7 +963,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1037
963
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
1038
964
|
const bundleId = cmpMeta.$lazyBundleId$;
|
|
1039
965
|
if (bundleId) {
|
|
1040
|
-
const CstrImport = loadModule(cmpMeta
|
|
966
|
+
const CstrImport = loadModule(cmpMeta);
|
|
1041
967
|
if (CstrImport && "then" in CstrImport) {
|
|
1042
968
|
const endLoad = uniqueTime();
|
|
1043
969
|
Cstr = await CstrImport;
|
|
@@ -1062,7 +988,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1062
988
|
try {
|
|
1063
989
|
new Cstr(hostRef);
|
|
1064
990
|
} catch (e) {
|
|
1065
|
-
consoleError(e
|
|
991
|
+
consoleError(e);
|
|
1066
992
|
}
|
|
1067
993
|
{
|
|
1068
994
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
@@ -1097,7 +1023,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1097
1023
|
schedule();
|
|
1098
1024
|
}
|
|
1099
1025
|
};
|
|
1100
|
-
var fireConnectedCallback = (instance
|
|
1026
|
+
var fireConnectedCallback = (instance) => {
|
|
1101
1027
|
};
|
|
1102
1028
|
|
|
1103
1029
|
// src/runtime/connected-callback.ts
|
|
@@ -1137,7 +1063,7 @@ var connectedCallback = (elm) => {
|
|
|
1137
1063
|
endConnected();
|
|
1138
1064
|
}
|
|
1139
1065
|
};
|
|
1140
|
-
var disconnectInstance = (instance
|
|
1066
|
+
var disconnectInstance = (instance) => {
|
|
1141
1067
|
};
|
|
1142
1068
|
var disconnectedCallback = async (elm) => {
|
|
1143
1069
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
@@ -1146,12 +1072,6 @@ var disconnectedCallback = async (elm) => {
|
|
|
1146
1072
|
hostRef.$onReadyPromise$.then(() => disconnectInstance());
|
|
1147
1073
|
}
|
|
1148
1074
|
}
|
|
1149
|
-
if (rootAppliedStyles.has(elm)) {
|
|
1150
|
-
rootAppliedStyles.delete(elm);
|
|
1151
|
-
}
|
|
1152
|
-
if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
|
|
1153
|
-
rootAppliedStyles.delete(elm.shadowRoot);
|
|
1154
|
-
}
|
|
1155
1075
|
};
|
|
1156
1076
|
|
|
1157
1077
|
// src/runtime/bootstrap-lazy.ts
|
|
@@ -1229,17 +1149,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1229
1149
|
}
|
|
1230
1150
|
disconnectedCallback() {
|
|
1231
1151
|
plt.jmp(() => disconnectedCallback(this));
|
|
1232
|
-
plt.raf(() => {
|
|
1233
|
-
var _a3;
|
|
1234
|
-
const hostRef = getHostRef(this);
|
|
1235
|
-
const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
|
|
1236
|
-
if (i2 > -1) {
|
|
1237
|
-
deferredConnectedCallbacks.splice(i2, 1);
|
|
1238
|
-
}
|
|
1239
|
-
if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
|
|
1240
|
-
delete hostRef.$vnode$.$elm$;
|
|
1241
|
-
}
|
|
1242
|
-
});
|
|
1243
1152
|
}
|
|
1244
1153
|
componentOnReady() {
|
|
1245
1154
|
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-4ae384e0.js';
|
|
2
|
+
export { s as setNonce } from './index-4ae384e0.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|