@everymatrix/user-transaction-history 1.56.0 → 1.56.2
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-cf677425.js → index-8b5843ec.js} +74 -211
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/user-transaction-history.cjs.entry.js +9 -13
- package/dist/cjs/user-transaction-history.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/user-transaction-history/user-transaction-history.js +8 -30
- package/dist/esm/{index-12dd2b03.js → index-7c5e707a.js} +74 -211
- package/dist/esm/loader.js +2 -2
- package/dist/esm/user-transaction-history.entry.js +9 -13
- package/dist/esm/user-transaction-history.js +3 -3
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/user-transaction-history/.stencil/packages/stencil/user-transaction-history/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/user-transaction-history/.stencil/packages/stencil/user-transaction-history/stencil.config.dev.d.ts +2 -0
- package/dist/types/stencil-public-runtime.d.ts +0 -6
- package/dist/user-transaction-history/p-437ed177.js +2 -0
- package/dist/user-transaction-history/p-a465efd0.entry.js +1 -0
- package/dist/user-transaction-history/user-transaction-history.esm.js +1 -1
- package/package.json +1 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/user-transaction-history/.stencil/packages/stencil/user-transaction-history/stencil.config.d.ts +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/user-transaction-history/.stencil/packages/stencil/user-transaction-history/stencil.config.dev.d.ts +0 -2
- package/dist/user-transaction-history/p-71a8cd66.js +0 -2
- package/dist/user-transaction-history/p-ce923f40.entry.js +0 -1
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/user-transaction-history/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/user-transaction-history/.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/user-transaction-history/.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/user-transaction-history/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -10,26 +10,22 @@ export class UserTransactionHistory {
|
|
|
10
10
|
constructor() {
|
|
11
11
|
this.pageSizes = [10, 25, 50];
|
|
12
12
|
this.pagination = null;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
*/
|
|
13
|
+
this.endpoint = undefined;
|
|
14
|
+
this.session = undefined;
|
|
16
15
|
this.language = Localization.defaultLanguage;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
*/
|
|
16
|
+
this.userId = undefined;
|
|
17
|
+
this.translationUrl = undefined;
|
|
20
18
|
this.mobile = false;
|
|
21
|
-
/*
|
|
22
|
-
* Client styling via inline styles.
|
|
23
|
-
*/
|
|
24
19
|
this.clientStyling = null;
|
|
25
|
-
/*
|
|
26
|
-
* The path to file with styles in `css` format.
|
|
27
|
-
*/
|
|
28
20
|
this.clientStylingUrl = null;
|
|
21
|
+
this.mbSource = undefined;
|
|
29
22
|
this.page = 0;
|
|
30
23
|
this.pageSize = this.pageSizes[0];
|
|
31
24
|
this.showMobileFilter = false;
|
|
25
|
+
this.to = undefined;
|
|
26
|
+
this.from = undefined;
|
|
32
27
|
this.type = '0';
|
|
28
|
+
this.transactions = undefined;
|
|
33
29
|
this.showLoader = true;
|
|
34
30
|
}
|
|
35
31
|
watchMultiple() {
|
|
@@ -178,8 +174,6 @@ export class UserTransactionHistory {
|
|
|
178
174
|
"tags": [],
|
|
179
175
|
"text": ""
|
|
180
176
|
},
|
|
181
|
-
"getter": false,
|
|
182
|
-
"setter": false,
|
|
183
177
|
"attribute": "endpoint",
|
|
184
178
|
"reflect": true
|
|
185
179
|
},
|
|
@@ -197,8 +191,6 @@ export class UserTransactionHistory {
|
|
|
197
191
|
"tags": [],
|
|
198
192
|
"text": ""
|
|
199
193
|
},
|
|
200
|
-
"getter": false,
|
|
201
|
-
"setter": false,
|
|
202
194
|
"attribute": "session",
|
|
203
195
|
"reflect": true
|
|
204
196
|
},
|
|
@@ -216,8 +208,6 @@ export class UserTransactionHistory {
|
|
|
216
208
|
"tags": [],
|
|
217
209
|
"text": ""
|
|
218
210
|
},
|
|
219
|
-
"getter": false,
|
|
220
|
-
"setter": false,
|
|
221
211
|
"attribute": "language",
|
|
222
212
|
"reflect": true,
|
|
223
213
|
"defaultValue": "Localization.defaultLanguage"
|
|
@@ -236,8 +226,6 @@ export class UserTransactionHistory {
|
|
|
236
226
|
"tags": [],
|
|
237
227
|
"text": ""
|
|
238
228
|
},
|
|
239
|
-
"getter": false,
|
|
240
|
-
"setter": false,
|
|
241
229
|
"attribute": "user-id",
|
|
242
230
|
"reflect": true
|
|
243
231
|
},
|
|
@@ -255,8 +243,6 @@ export class UserTransactionHistory {
|
|
|
255
243
|
"tags": [],
|
|
256
244
|
"text": ""
|
|
257
245
|
},
|
|
258
|
-
"getter": false,
|
|
259
|
-
"setter": false,
|
|
260
246
|
"attribute": "translation-url",
|
|
261
247
|
"reflect": true
|
|
262
248
|
},
|
|
@@ -274,8 +260,6 @@ export class UserTransactionHistory {
|
|
|
274
260
|
"tags": [],
|
|
275
261
|
"text": ""
|
|
276
262
|
},
|
|
277
|
-
"getter": false,
|
|
278
|
-
"setter": false,
|
|
279
263
|
"attribute": "mobile",
|
|
280
264
|
"reflect": true,
|
|
281
265
|
"defaultValue": "false"
|
|
@@ -294,8 +278,6 @@ export class UserTransactionHistory {
|
|
|
294
278
|
"tags": [],
|
|
295
279
|
"text": ""
|
|
296
280
|
},
|
|
297
|
-
"getter": false,
|
|
298
|
-
"setter": false,
|
|
299
281
|
"attribute": "client-styling",
|
|
300
282
|
"reflect": true,
|
|
301
283
|
"defaultValue": "null"
|
|
@@ -314,8 +296,6 @@ export class UserTransactionHistory {
|
|
|
314
296
|
"tags": [],
|
|
315
297
|
"text": ""
|
|
316
298
|
},
|
|
317
|
-
"getter": false,
|
|
318
|
-
"setter": false,
|
|
319
299
|
"attribute": "client-styling-url",
|
|
320
300
|
"reflect": true,
|
|
321
301
|
"defaultValue": "null"
|
|
@@ -334,8 +314,6 @@ export class UserTransactionHistory {
|
|
|
334
314
|
"tags": [],
|
|
335
315
|
"text": ""
|
|
336
316
|
},
|
|
337
|
-
"getter": false,
|
|
338
|
-
"setter": false,
|
|
339
317
|
"attribute": "mb-source",
|
|
340
318
|
"reflect": true
|
|
341
319
|
}
|
|
@@ -1,25 +1,17 @@
|
|
|
1
1
|
const NAMESPACE = 'user-transaction-history';
|
|
2
|
-
const BUILD = /* user-transaction-history */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, 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,
|
|
2
|
+
const BUILD = /* user-transaction-history */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, 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: false, 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: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.
|
|
5
|
+
Stencil Client Platform v4.19.2 | 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/utils/constants.ts
|
|
14
|
-
var SVG_NS = "http://www.w3.org/2000/svg";
|
|
15
|
-
var HTML_NS = "http://www.w3.org/1999/xhtml";
|
|
16
|
-
|
|
17
|
-
// src/client/client-host-ref.ts
|
|
18
12
|
var hostRefs = /* @__PURE__ */ new WeakMap();
|
|
19
13
|
var getHostRef = (ref) => hostRefs.get(ref);
|
|
20
|
-
var registerInstance = (lazyInstance, hostRef) =>
|
|
21
|
-
hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
22
|
-
};
|
|
14
|
+
var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
23
15
|
var registerHost = (hostElement, cmpMeta) => {
|
|
24
16
|
const hostRef = {
|
|
25
17
|
$flags$: 0,
|
|
@@ -32,8 +24,7 @@ var registerHost = (hostElement, cmpMeta) => {
|
|
|
32
24
|
hostElement["s-p"] = [];
|
|
33
25
|
hostElement["s-rc"] = [];
|
|
34
26
|
}
|
|
35
|
-
|
|
36
|
-
return ref;
|
|
27
|
+
return hostRefs.set(hostElement, hostRef);
|
|
37
28
|
};
|
|
38
29
|
var isMemberInElement = (elm, memberName) => memberName in elm;
|
|
39
30
|
var consoleError = (e, el) => (0, console.error)(e, el);
|
|
@@ -70,22 +61,16 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
70
61
|
/* webpackExclude: /\.system\.entry\.js$/ */
|
|
71
62
|
/* webpackMode: "lazy" */
|
|
72
63
|
`./${bundleId}.entry.js${""}`
|
|
73
|
-
).then(
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
cmpModules.set(bundleId, importedModule);
|
|
77
|
-
}
|
|
78
|
-
return importedModule[exportName];
|
|
79
|
-
},
|
|
80
|
-
(e) => {
|
|
81
|
-
consoleError(e, hostRef.$hostElement$);
|
|
64
|
+
).then((importedModule) => {
|
|
65
|
+
{
|
|
66
|
+
cmpModules.set(bundleId, importedModule);
|
|
82
67
|
}
|
|
83
|
-
|
|
68
|
+
return importedModule[exportName];
|
|
69
|
+
}, consoleError);
|
|
84
70
|
};
|
|
85
71
|
|
|
86
72
|
// src/client/client-style.ts
|
|
87
73
|
var styles = /* @__PURE__ */ new Map();
|
|
88
|
-
var HYDRATED_STYLE_ID = "sty-id";
|
|
89
74
|
var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
|
|
90
75
|
var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
|
|
91
76
|
var XLINK_NS = "http://www.w3.org/1999/xlink";
|
|
@@ -166,6 +151,14 @@ var getAssetPath = (path) => {
|
|
|
166
151
|
const assetUrl = new URL(path, plt.$resourcesUrl$);
|
|
167
152
|
return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
|
|
168
153
|
};
|
|
154
|
+
|
|
155
|
+
// src/utils/constants.ts
|
|
156
|
+
var EMPTY_OBJ = {};
|
|
157
|
+
var SVG_NS = "http://www.w3.org/2000/svg";
|
|
158
|
+
var HTML_NS = "http://www.w3.org/1999/xhtml";
|
|
159
|
+
|
|
160
|
+
// src/utils/helpers.ts
|
|
161
|
+
var isDef = (v) => v != null;
|
|
169
162
|
var isComplexType = (o) => {
|
|
170
163
|
o = typeof o;
|
|
171
164
|
return o === "object" || o === "function";
|
|
@@ -388,40 +381,13 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
388
381
|
}
|
|
389
382
|
if (!appliedStyles.has(scopeId2)) {
|
|
390
383
|
{
|
|
391
|
-
styleElm =
|
|
384
|
+
styleElm = doc.createElement("style");
|
|
392
385
|
styleElm.innerHTML = style;
|
|
393
386
|
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
394
387
|
if (nonce != null) {
|
|
395
388
|
styleElm.setAttribute("nonce", nonce);
|
|
396
389
|
}
|
|
397
|
-
|
|
398
|
-
if (styleContainerNode.nodeName === "HEAD") {
|
|
399
|
-
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
400
|
-
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
401
|
-
styleContainerNode.insertBefore(
|
|
402
|
-
styleElm,
|
|
403
|
-
(referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
|
|
404
|
-
);
|
|
405
|
-
} else if ("host" in styleContainerNode) {
|
|
406
|
-
if (supportsConstructableStylesheets) {
|
|
407
|
-
const stylesheet = new CSSStyleSheet();
|
|
408
|
-
stylesheet.replaceSync(style);
|
|
409
|
-
styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
|
|
410
|
-
} else {
|
|
411
|
-
const existingStyleContainer = styleContainerNode.querySelector("style");
|
|
412
|
-
if (existingStyleContainer) {
|
|
413
|
-
existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
|
|
414
|
-
} else {
|
|
415
|
-
styleContainerNode.prepend(styleElm);
|
|
416
|
-
}
|
|
417
|
-
}
|
|
418
|
-
} else {
|
|
419
|
-
styleContainerNode.append(styleElm);
|
|
420
|
-
}
|
|
421
|
-
}
|
|
422
|
-
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
|
|
423
|
-
styleContainerNode.insertBefore(styleElm, null);
|
|
424
|
-
}
|
|
390
|
+
styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
|
|
425
391
|
}
|
|
426
392
|
if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
|
|
427
393
|
styleElm.innerHTML += SLOT_FB_CSS;
|
|
@@ -444,25 +410,23 @@ var attachStyles = (hostRef) => {
|
|
|
444
410
|
const scopeId2 = addStyle(
|
|
445
411
|
elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
|
|
446
412
|
cmpMeta);
|
|
447
|
-
if (
|
|
413
|
+
if (flags & 10 /* needsScopedEncapsulation */) {
|
|
448
414
|
elm["s-sc"] = scopeId2;
|
|
449
415
|
elm.classList.add(scopeId2 + "-h");
|
|
450
416
|
}
|
|
451
417
|
endAttachStyles();
|
|
452
418
|
};
|
|
453
419
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
454
|
-
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags
|
|
420
|
+
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
455
421
|
if (oldValue !== newValue) {
|
|
456
422
|
let isProp = isMemberInElement(elm, memberName);
|
|
457
423
|
let ln = memberName.toLowerCase();
|
|
458
424
|
if (memberName === "class") {
|
|
459
425
|
const classList = elm.classList;
|
|
460
426
|
const oldClasses = parseClassList(oldValue);
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
465
|
-
}
|
|
427
|
+
const newClasses = parseClassList(newValue);
|
|
428
|
+
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
429
|
+
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
466
430
|
} else if (memberName === "style") {
|
|
467
431
|
{
|
|
468
432
|
for (const prop in oldValue) {
|
|
@@ -515,13 +479,9 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
515
479
|
if (memberName === "list") {
|
|
516
480
|
isProp = false;
|
|
517
481
|
} else if (oldValue == null || elm[memberName] != n) {
|
|
518
|
-
|
|
519
|
-
elm[memberName] = n;
|
|
520
|
-
} else {
|
|
521
|
-
elm.setAttribute(memberName, n);
|
|
522
|
-
}
|
|
482
|
+
elm[memberName] = n;
|
|
523
483
|
}
|
|
524
|
-
} else
|
|
484
|
+
} else {
|
|
525
485
|
elm[memberName] = newValue;
|
|
526
486
|
}
|
|
527
487
|
} catch (e) {
|
|
@@ -554,44 +514,24 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
554
514
|
}
|
|
555
515
|
};
|
|
556
516
|
var parseClassListRegex = /\s/;
|
|
557
|
-
var parseClassList = (value) =>
|
|
558
|
-
if (typeof value === "object" && value && "baseVal" in value) {
|
|
559
|
-
value = value.baseVal;
|
|
560
|
-
}
|
|
561
|
-
if (!value || typeof value !== "string") {
|
|
562
|
-
return [];
|
|
563
|
-
}
|
|
564
|
-
return value.split(parseClassListRegex);
|
|
565
|
-
};
|
|
517
|
+
var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
|
|
566
518
|
var CAPTURE_EVENT_SUFFIX = "Capture";
|
|
567
519
|
var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
|
|
568
520
|
|
|
569
521
|
// src/runtime/vdom/update-element.ts
|
|
570
|
-
var updateElement = (oldVnode, newVnode, isSvgMode2
|
|
522
|
+
var updateElement = (oldVnode, newVnode, isSvgMode2) => {
|
|
571
523
|
const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
|
|
572
|
-
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ ||
|
|
573
|
-
const newVnodeAttrs = newVnode.$attrs$ ||
|
|
524
|
+
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || EMPTY_OBJ;
|
|
525
|
+
const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
|
|
574
526
|
{
|
|
575
527
|
for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
|
|
576
528
|
if (!(memberName in newVnodeAttrs)) {
|
|
577
|
-
setAccessor(
|
|
578
|
-
elm,
|
|
579
|
-
memberName,
|
|
580
|
-
oldVnodeAttrs[memberName],
|
|
581
|
-
void 0,
|
|
582
|
-
isSvgMode2,
|
|
583
|
-
newVnode.$flags$);
|
|
529
|
+
setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
|
|
584
530
|
}
|
|
585
531
|
}
|
|
586
532
|
}
|
|
587
533
|
for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
|
|
588
|
-
setAccessor(
|
|
589
|
-
elm,
|
|
590
|
-
memberName,
|
|
591
|
-
oldVnodeAttrs[memberName],
|
|
592
|
-
newVnodeAttrs[memberName],
|
|
593
|
-
isSvgMode2,
|
|
594
|
-
newVnode.$flags$);
|
|
534
|
+
setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
|
|
595
535
|
}
|
|
596
536
|
};
|
|
597
537
|
function sortedAttrNames(attrNames) {
|
|
@@ -603,10 +543,13 @@ function sortedAttrNames(attrNames) {
|
|
|
603
543
|
attrNames
|
|
604
544
|
);
|
|
605
545
|
}
|
|
546
|
+
|
|
547
|
+
// src/runtime/vdom/vdom-render.ts
|
|
548
|
+
var scopeId;
|
|
606
549
|
var hostTagName;
|
|
607
550
|
var useNativeShadowDom = false;
|
|
608
551
|
var isSvgMode = false;
|
|
609
|
-
var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
552
|
+
var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
610
553
|
const newVNode2 = newParentVNode.$children$[childIndex];
|
|
611
554
|
let i2 = 0;
|
|
612
555
|
let elm;
|
|
@@ -627,6 +570,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
627
570
|
{
|
|
628
571
|
updateElement(null, newVNode2, isSvgMode);
|
|
629
572
|
}
|
|
573
|
+
if (isDef(scopeId) && elm["s-si"] !== scopeId) {
|
|
574
|
+
elm.classList.add(elm["s-si"] = scopeId);
|
|
575
|
+
}
|
|
630
576
|
if (newVNode2.$children$) {
|
|
631
577
|
for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
|
|
632
578
|
childNode = createElm(oldParentVNode, newVNode2, i2);
|
|
@@ -763,9 +709,6 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
|
763
709
|
if (!isInitialRender) {
|
|
764
710
|
return leftVNode.$key$ === rightVNode.$key$;
|
|
765
711
|
}
|
|
766
|
-
if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
|
|
767
|
-
leftVNode.$key$ = rightVNode.$key$;
|
|
768
|
-
}
|
|
769
712
|
return true;
|
|
770
713
|
}
|
|
771
714
|
return false;
|
|
@@ -792,10 +735,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
792
735
|
elm.textContent = "";
|
|
793
736
|
}
|
|
794
737
|
addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
|
|
795
|
-
} else if (
|
|
796
|
-
// don't do this on initial render as it can cause non-hydrated content to be removed
|
|
797
|
-
!isInitialRender && BUILD.updatable && oldChildren !== null
|
|
798
|
-
) {
|
|
738
|
+
} else if (oldChildren !== null) {
|
|
799
739
|
removeVnodes(oldChildren, 0, oldChildren.length - 1);
|
|
800
740
|
}
|
|
801
741
|
if (isSvgMode && tag === "svg") {
|
|
@@ -812,9 +752,8 @@ var nullifyVNodeRefs = (vNode) => {
|
|
|
812
752
|
}
|
|
813
753
|
};
|
|
814
754
|
var insertBefore = (parent, newNode, reference) => {
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
}
|
|
755
|
+
const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
|
756
|
+
return inserted;
|
|
818
757
|
};
|
|
819
758
|
var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
820
759
|
const hostElm = hostRef.$hostElement$;
|
|
@@ -839,21 +778,17 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
839
778
|
rootVnode.$flags$ |= 4 /* isHost */;
|
|
840
779
|
hostRef.$vnode$ = rootVnode;
|
|
841
780
|
rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
|
|
842
|
-
|
|
781
|
+
{
|
|
782
|
+
scopeId = hostElm["s-sc"];
|
|
783
|
+
}
|
|
784
|
+
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
|
|
843
785
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
844
786
|
};
|
|
845
787
|
|
|
846
788
|
// src/runtime/update-component.ts
|
|
847
789
|
var attachToAncestor = (hostRef, ancestorComponent) => {
|
|
848
790
|
if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
|
|
849
|
-
|
|
850
|
-
new Promise(
|
|
851
|
-
(r) => hostRef.$onRenderResolve$ = () => {
|
|
852
|
-
ancestorComponent["s-p"].splice(index - 1, 1);
|
|
853
|
-
r();
|
|
854
|
-
}
|
|
855
|
-
)
|
|
856
|
-
);
|
|
791
|
+
ancestorComponent["s-p"].push(new Promise((r) => hostRef.$onRenderResolve$ = r));
|
|
857
792
|
}
|
|
858
793
|
};
|
|
859
794
|
var scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
@@ -882,12 +817,12 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
882
817
|
{
|
|
883
818
|
hostRef.$flags$ |= 256 /* isListenReady */;
|
|
884
819
|
if (hostRef.$queuedListeners$) {
|
|
885
|
-
hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event
|
|
820
|
+
hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event));
|
|
886
821
|
hostRef.$queuedListeners$ = void 0;
|
|
887
822
|
}
|
|
888
823
|
}
|
|
889
824
|
{
|
|
890
|
-
maybePromise = safeCall(instance, "componentWillLoad"
|
|
825
|
+
maybePromise = safeCall(instance, "componentWillLoad");
|
|
891
826
|
}
|
|
892
827
|
}
|
|
893
828
|
endSchedule();
|
|
@@ -956,7 +891,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
956
891
|
const instance = hostRef.$lazyInstance$ ;
|
|
957
892
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
958
893
|
{
|
|
959
|
-
safeCall(instance, "componentDidRender"
|
|
894
|
+
safeCall(instance, "componentDidRender");
|
|
960
895
|
}
|
|
961
896
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
962
897
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
@@ -964,7 +899,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
964
899
|
addHydratedFlag(elm);
|
|
965
900
|
}
|
|
966
901
|
{
|
|
967
|
-
safeCall(instance, "componentDidLoad"
|
|
902
|
+
safeCall(instance, "componentDidLoad");
|
|
968
903
|
}
|
|
969
904
|
endPostUpdate();
|
|
970
905
|
{
|
|
@@ -988,14 +923,17 @@ var postUpdateComponent = (hostRef) => {
|
|
|
988
923
|
}
|
|
989
924
|
};
|
|
990
925
|
var appDidLoad = (who) => {
|
|
926
|
+
{
|
|
927
|
+
addHydratedFlag(doc.documentElement);
|
|
928
|
+
}
|
|
991
929
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
992
930
|
};
|
|
993
|
-
var safeCall = (instance, method, arg
|
|
931
|
+
var safeCall = (instance, method, arg) => {
|
|
994
932
|
if (instance && instance[method]) {
|
|
995
933
|
try {
|
|
996
934
|
return instance[method](arg);
|
|
997
935
|
} catch (e) {
|
|
998
|
-
consoleError(e
|
|
936
|
+
consoleError(e);
|
|
999
937
|
}
|
|
1000
938
|
}
|
|
1001
939
|
return void 0;
|
|
@@ -1054,68 +992,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1054
992
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
1055
993
|
members.map(([memberName, [memberFlags]]) => {
|
|
1056
994
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
1057
|
-
const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
|
|
1058
|
-
if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
|
|
1059
|
-
if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
|
|
1060
|
-
if (flags & 1 /* isElementConstructor */ || !origGetter) {
|
|
1061
|
-
Object.defineProperty(prototype, memberName, {
|
|
1062
|
-
get() {
|
|
1063
|
-
{
|
|
1064
|
-
if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
|
|
1065
|
-
return getValue(this, memberName);
|
|
1066
|
-
}
|
|
1067
|
-
const ref = getHostRef(this);
|
|
1068
|
-
const instance = ref ? ref.$lazyInstance$ : prototype;
|
|
1069
|
-
if (!instance) return;
|
|
1070
|
-
return instance[memberName];
|
|
1071
|
-
}
|
|
1072
|
-
},
|
|
1073
|
-
configurable: true,
|
|
1074
|
-
enumerable: true
|
|
1075
|
-
});
|
|
1076
|
-
}
|
|
1077
995
|
Object.defineProperty(prototype, memberName, {
|
|
996
|
+
get() {
|
|
997
|
+
return getValue(this, memberName);
|
|
998
|
+
},
|
|
1078
999
|
set(newValue) {
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
newValue = ref.$instanceValues$.get(memberName);
|
|
1084
|
-
} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
1085
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
1086
|
-
}
|
|
1087
|
-
origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
|
|
1088
|
-
newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
1089
|
-
setValue(this, memberName, newValue, cmpMeta);
|
|
1090
|
-
return;
|
|
1091
|
-
}
|
|
1092
|
-
{
|
|
1093
|
-
if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
|
|
1094
|
-
setValue(this, memberName, newValue, cmpMeta);
|
|
1095
|
-
if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
|
|
1096
|
-
ref.$onReadyPromise$.then(() => {
|
|
1097
|
-
if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
|
|
1098
|
-
ref.$lazyInstance$[memberName] = newValue;
|
|
1099
|
-
}
|
|
1100
|
-
});
|
|
1101
|
-
}
|
|
1102
|
-
return;
|
|
1103
|
-
}
|
|
1104
|
-
const setterSetVal = () => {
|
|
1105
|
-
const currentValue = ref.$lazyInstance$[memberName];
|
|
1106
|
-
if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
1107
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
1108
|
-
}
|
|
1109
|
-
ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
|
|
1110
|
-
setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
|
|
1111
|
-
};
|
|
1112
|
-
if (ref.$lazyInstance$) {
|
|
1113
|
-
setterSetVal();
|
|
1114
|
-
} else {
|
|
1115
|
-
ref.$onReadyPromise$.then(() => setterSetVal());
|
|
1116
|
-
}
|
|
1117
|
-
}
|
|
1118
|
-
}
|
|
1000
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
1001
|
+
},
|
|
1002
|
+
configurable: true,
|
|
1003
|
+
enumerable: true
|
|
1119
1004
|
});
|
|
1120
1005
|
}
|
|
1121
1006
|
});
|
|
@@ -1125,11 +1010,10 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1125
1010
|
plt.jmp(() => {
|
|
1126
1011
|
var _a2;
|
|
1127
1012
|
const propName = attrNameToPropName.get(attrName);
|
|
1128
|
-
if (this.hasOwnProperty(propName)
|
|
1013
|
+
if (this.hasOwnProperty(propName)) {
|
|
1129
1014
|
newValue = this[propName];
|
|
1130
1015
|
delete this[propName];
|
|
1131
|
-
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" &&
|
|
1132
|
-
this[propName] == newValue) {
|
|
1016
|
+
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && this[propName] == newValue) {
|
|
1133
1017
|
return;
|
|
1134
1018
|
} else if (propName == null) {
|
|
1135
1019
|
const hostRef = getHostRef(this);
|
|
@@ -1145,11 +1029,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1145
1029
|
}
|
|
1146
1030
|
return;
|
|
1147
1031
|
}
|
|
1148
|
-
|
|
1149
|
-
newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1150
|
-
if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
|
|
1151
|
-
this[propName] = newValue;
|
|
1152
|
-
}
|
|
1032
|
+
this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1153
1033
|
});
|
|
1154
1034
|
};
|
|
1155
1035
|
Cstr.observedAttributes = Array.from(
|
|
@@ -1178,7 +1058,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1178
1058
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
1179
1059
|
const bundleId = cmpMeta.$lazyBundleId$;
|
|
1180
1060
|
if (bundleId) {
|
|
1181
|
-
const CstrImport = loadModule(cmpMeta
|
|
1061
|
+
const CstrImport = loadModule(cmpMeta);
|
|
1182
1062
|
if (CstrImport && "then" in CstrImport) {
|
|
1183
1063
|
const endLoad = uniqueTime();
|
|
1184
1064
|
Cstr = await CstrImport;
|
|
@@ -1203,7 +1083,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1203
1083
|
try {
|
|
1204
1084
|
new Cstr(hostRef);
|
|
1205
1085
|
} catch (e) {
|
|
1206
|
-
consoleError(e
|
|
1086
|
+
consoleError(e);
|
|
1207
1087
|
}
|
|
1208
1088
|
{
|
|
1209
1089
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
@@ -1238,7 +1118,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1238
1118
|
schedule();
|
|
1239
1119
|
}
|
|
1240
1120
|
};
|
|
1241
|
-
var fireConnectedCallback = (instance
|
|
1121
|
+
var fireConnectedCallback = (instance) => {
|
|
1242
1122
|
};
|
|
1243
1123
|
|
|
1244
1124
|
// src/runtime/connected-callback.ts
|
|
@@ -1279,9 +1159,9 @@ var connectedCallback = (elm) => {
|
|
|
1279
1159
|
endConnected();
|
|
1280
1160
|
}
|
|
1281
1161
|
};
|
|
1282
|
-
var disconnectInstance = (instance
|
|
1162
|
+
var disconnectInstance = (instance) => {
|
|
1283
1163
|
{
|
|
1284
|
-
safeCall(instance, "disconnectedCallback"
|
|
1164
|
+
safeCall(instance, "disconnectedCallback");
|
|
1285
1165
|
}
|
|
1286
1166
|
};
|
|
1287
1167
|
var disconnectedCallback = async (elm) => {
|
|
@@ -1294,17 +1174,11 @@ var disconnectedCallback = async (elm) => {
|
|
|
1294
1174
|
}
|
|
1295
1175
|
}
|
|
1296
1176
|
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1297
|
-
disconnectInstance(hostRef.$lazyInstance
|
|
1177
|
+
disconnectInstance(hostRef.$lazyInstance$);
|
|
1298
1178
|
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1299
|
-
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance
|
|
1179
|
+
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
|
|
1300
1180
|
}
|
|
1301
1181
|
}
|
|
1302
|
-
if (rootAppliedStyles.has(elm)) {
|
|
1303
|
-
rootAppliedStyles.delete(elm);
|
|
1304
|
-
}
|
|
1305
|
-
if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
|
|
1306
|
-
rootAppliedStyles.delete(elm.shadowRoot);
|
|
1307
|
-
}
|
|
1308
1182
|
};
|
|
1309
1183
|
|
|
1310
1184
|
// src/runtime/bootstrap-lazy.ts
|
|
@@ -1389,17 +1263,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1389
1263
|
}
|
|
1390
1264
|
disconnectedCallback() {
|
|
1391
1265
|
plt.jmp(() => disconnectedCallback(this));
|
|
1392
|
-
plt.raf(() => {
|
|
1393
|
-
var _a3;
|
|
1394
|
-
const hostRef = getHostRef(this);
|
|
1395
|
-
const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
|
|
1396
|
-
if (i2 > -1) {
|
|
1397
|
-
deferredConnectedCallbacks.splice(i2, 1);
|
|
1398
|
-
}
|
|
1399
|
-
if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
|
|
1400
|
-
delete hostRef.$vnode$.$elm$;
|
|
1401
|
-
}
|
|
1402
|
-
});
|
|
1403
1266
|
}
|
|
1404
1267
|
componentOnReady() {
|
|
1405
1268
|
return getHostRef(this).$onReadyPromise$;
|
|
@@ -1463,7 +1326,7 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
|
|
|
1463
1326
|
}
|
|
1464
1327
|
}
|
|
1465
1328
|
} catch (e) {
|
|
1466
|
-
consoleError(e
|
|
1329
|
+
consoleError(e);
|
|
1467
1330
|
}
|
|
1468
1331
|
};
|
|
1469
1332
|
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-7c5e707a.js';
|
|
2
|
+
export { s as setNonce } from './index-7c5e707a.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|