@everymatrix/helper-modal 1.53.0 → 1.53.11
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/helper-modal.cjs.entry.js +14 -6
- package/dist/cjs/helper-modal.cjs.js +2 -2
- package/dist/cjs/{index-e0150984.js → index-f901d2b8.js} +160 -65
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/helper-modal/helper-modal.js +21 -5
- package/dist/esm/helper-modal.entry.js +14 -6
- package/dist/esm/helper-modal.js +3 -3
- package/dist/esm/{index-a37278f8.js → index-b0e71397.js} +160 -65
- package/dist/esm/loader.js +2 -2
- package/dist/helper-modal/helper-modal.esm.js +1 -1
- package/dist/helper-modal/p-895f3b97.js +2 -0
- package/dist/helper-modal/p-bfbeca67.entry.js +1 -0
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/helper-modal/.stencil/packages/stencil/helper-modal/stencil.config.d.ts +2 -0
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/helper-modal/.stencil/packages/stencil/helper-modal/stencil.config.dev.d.ts +2 -0
- package/package.json +1 -1
- package/dist/helper-modal/p-0bc1fd98.entry.js +0 -1
- package/dist/helper-modal/p-5e674423.js +0 -2
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/helper-modal/.stencil/packages/stencil/helper-modal/stencil.config.d.ts +0 -2
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/helper-modal/.stencil/packages/stencil/helper-modal/stencil.config.dev.d.ts +0 -2
|
@@ -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-f901d2b8.js');
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* @name isMobile
|
|
@@ -24,6 +24,19 @@ const HelperModal = class {
|
|
|
24
24
|
constructor(hostRef) {
|
|
25
25
|
index.registerInstance(this, hostRef);
|
|
26
26
|
this.cancel = index.createEvent(this, "modalCloseEvent", 7);
|
|
27
|
+
/**
|
|
28
|
+
* Toggles if the helper is visible or not
|
|
29
|
+
*/
|
|
30
|
+
this.visible = true;
|
|
31
|
+
/**
|
|
32
|
+
* Client custom styling via string
|
|
33
|
+
*/
|
|
34
|
+
this.clientStyling = '';
|
|
35
|
+
/**
|
|
36
|
+
* Client custom styling via url content
|
|
37
|
+
*/
|
|
38
|
+
this.clientStylingUrlContent = '';
|
|
39
|
+
this.limitStylingAppends = false;
|
|
27
40
|
this.userAgent = window.navigator.userAgent;
|
|
28
41
|
this.setClientStyling = () => {
|
|
29
42
|
let sheet = document.createElement('style');
|
|
@@ -37,11 +50,6 @@ const HelperModal = class {
|
|
|
37
50
|
this.stylingContainer.prepend(cssFile);
|
|
38
51
|
}, 1);
|
|
39
52
|
};
|
|
40
|
-
this.titleModal = undefined;
|
|
41
|
-
this.visible = true;
|
|
42
|
-
this.clientStyling = '';
|
|
43
|
-
this.clientStylingUrlContent = '';
|
|
44
|
-
this.limitStylingAppends = false;
|
|
45
53
|
}
|
|
46
54
|
handleHelperModalClose() {
|
|
47
55
|
this.visible = false;
|
|
@@ -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-f901d2b8.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.25.1 | 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('helper-modal.cjs.js', document.baseURI).href));
|
|
@@ -21,19 +21,23 @@ function _interopNamespace(e) {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
const NAMESPACE = 'helper-modal';
|
|
24
|
-
const BUILD = /* helper-modal */ { 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: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
|
|
24
|
+
const BUILD = /* helper-modal */ { 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: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: 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.25.1 | 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
|
|
34
36
|
var hostRefs = /* @__PURE__ */ new WeakMap();
|
|
35
37
|
var getHostRef = (ref) => hostRefs.get(ref);
|
|
36
|
-
var registerInstance = (lazyInstance, hostRef) =>
|
|
38
|
+
var registerInstance = (lazyInstance, hostRef) => {
|
|
39
|
+
hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
40
|
+
};
|
|
37
41
|
var registerHost = (hostElement, cmpMeta) => {
|
|
38
42
|
const hostRef = {
|
|
39
43
|
$flags$: 0,
|
|
@@ -46,7 +50,8 @@ var registerHost = (hostElement, cmpMeta) => {
|
|
|
46
50
|
hostElement["s-p"] = [];
|
|
47
51
|
hostElement["s-rc"] = [];
|
|
48
52
|
}
|
|
49
|
-
|
|
53
|
+
const ref = hostRefs.set(hostElement, hostRef);
|
|
54
|
+
return ref;
|
|
50
55
|
};
|
|
51
56
|
var isMemberInElement = (elm, memberName) => memberName in elm;
|
|
52
57
|
var consoleError = (e, el) => (0, console.error)(e, el);
|
|
@@ -83,16 +88,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
83
88
|
/* webpackExclude: /\.system\.entry\.js$/ */
|
|
84
89
|
/* webpackMode: "lazy" */
|
|
85
90
|
`./${bundleId}.entry.js${""}`
|
|
86
|
-
)); }).then(
|
|
87
|
-
{
|
|
88
|
-
|
|
91
|
+
)); }).then(
|
|
92
|
+
(importedModule) => {
|
|
93
|
+
{
|
|
94
|
+
cmpModules.set(bundleId, importedModule);
|
|
95
|
+
}
|
|
96
|
+
return importedModule[exportName];
|
|
97
|
+
},
|
|
98
|
+
(e) => {
|
|
99
|
+
consoleError(e, hostRef.$hostElement$);
|
|
89
100
|
}
|
|
90
|
-
|
|
91
|
-
}, consoleError);
|
|
101
|
+
);
|
|
92
102
|
};
|
|
93
103
|
|
|
94
104
|
// src/client/client-style.ts
|
|
95
105
|
var styles = /* @__PURE__ */ new Map();
|
|
106
|
+
var HYDRATED_STYLE_ID = "sty-id";
|
|
96
107
|
var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
|
|
97
108
|
var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
|
|
98
109
|
var win = typeof window !== "undefined" ? window : {};
|
|
@@ -150,12 +161,6 @@ var flush = () => {
|
|
|
150
161
|
};
|
|
151
162
|
var nextTick = (cb) => promiseResolve().then(cb);
|
|
152
163
|
var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
|
|
153
|
-
|
|
154
|
-
// src/utils/constants.ts
|
|
155
|
-
var EMPTY_OBJ = {};
|
|
156
|
-
|
|
157
|
-
// src/utils/helpers.ts
|
|
158
|
-
var isDef = (v) => v != null;
|
|
159
164
|
var isComplexType = (o) => {
|
|
160
165
|
o = typeof o;
|
|
161
166
|
return o === "object" || o === "function";
|
|
@@ -356,7 +361,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
356
361
|
}
|
|
357
362
|
if (!appliedStyles.has(scopeId2)) {
|
|
358
363
|
{
|
|
359
|
-
styleElm = doc.createElement("style");
|
|
364
|
+
styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
|
|
360
365
|
styleElm.innerHTML = style;
|
|
361
366
|
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
362
367
|
if (nonce != null) {
|
|
@@ -366,7 +371,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
366
371
|
if (styleContainerNode.nodeName === "HEAD") {
|
|
367
372
|
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
368
373
|
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
369
|
-
styleContainerNode.insertBefore(
|
|
374
|
+
styleContainerNode.insertBefore(
|
|
375
|
+
styleElm,
|
|
376
|
+
(referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
|
|
377
|
+
);
|
|
370
378
|
} else if ("host" in styleContainerNode) {
|
|
371
379
|
if (supportsConstructableStylesheets) {
|
|
372
380
|
const stylesheet = new CSSStyleSheet();
|
|
@@ -416,16 +424,18 @@ var attachStyles = (hostRef) => {
|
|
|
416
424
|
endAttachStyles();
|
|
417
425
|
};
|
|
418
426
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
419
|
-
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
427
|
+
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
|
|
420
428
|
if (oldValue !== newValue) {
|
|
421
429
|
let isProp = isMemberInElement(elm, memberName);
|
|
422
430
|
let ln = memberName.toLowerCase();
|
|
423
431
|
if (memberName === "class") {
|
|
424
432
|
const classList = elm.classList;
|
|
425
433
|
const oldClasses = parseClassList(oldValue);
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
434
|
+
let newClasses = parseClassList(newValue);
|
|
435
|
+
{
|
|
436
|
+
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
437
|
+
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
438
|
+
}
|
|
429
439
|
} else if (memberName === "key") ; else if (memberName === "ref") {
|
|
430
440
|
if (newValue) {
|
|
431
441
|
newValue(elm);
|
|
@@ -463,7 +473,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
463
473
|
elm.setAttribute(memberName, n);
|
|
464
474
|
}
|
|
465
475
|
}
|
|
466
|
-
} else {
|
|
476
|
+
} else if (elm[memberName] !== newValue) {
|
|
467
477
|
elm[memberName] = newValue;
|
|
468
478
|
}
|
|
469
479
|
} catch (e) {
|
|
@@ -485,24 +495,44 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
485
495
|
}
|
|
486
496
|
};
|
|
487
497
|
var parseClassListRegex = /\s/;
|
|
488
|
-
var parseClassList = (value) =>
|
|
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
|
+
};
|
|
489
507
|
var CAPTURE_EVENT_SUFFIX = "Capture";
|
|
490
508
|
var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
|
|
491
509
|
|
|
492
510
|
// src/runtime/vdom/update-element.ts
|
|
493
|
-
var updateElement = (oldVnode, newVnode, isSvgMode2) => {
|
|
511
|
+
var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
|
|
494
512
|
const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
|
|
495
|
-
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ ||
|
|
496
|
-
const newVnodeAttrs = newVnode.$attrs$ ||
|
|
513
|
+
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
|
|
514
|
+
const newVnodeAttrs = newVnode.$attrs$ || {};
|
|
497
515
|
{
|
|
498
516
|
for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
|
|
499
517
|
if (!(memberName in newVnodeAttrs)) {
|
|
500
|
-
setAccessor(
|
|
518
|
+
setAccessor(
|
|
519
|
+
elm,
|
|
520
|
+
memberName,
|
|
521
|
+
oldVnodeAttrs[memberName],
|
|
522
|
+
void 0,
|
|
523
|
+
isSvgMode2,
|
|
524
|
+
newVnode.$flags$);
|
|
501
525
|
}
|
|
502
526
|
}
|
|
503
527
|
}
|
|
504
528
|
for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
|
|
505
|
-
setAccessor(
|
|
529
|
+
setAccessor(
|
|
530
|
+
elm,
|
|
531
|
+
memberName,
|
|
532
|
+
oldVnodeAttrs[memberName],
|
|
533
|
+
newVnodeAttrs[memberName],
|
|
534
|
+
isSvgMode2,
|
|
535
|
+
newVnode.$flags$);
|
|
506
536
|
}
|
|
507
537
|
};
|
|
508
538
|
function sortedAttrNames(attrNames) {
|
|
@@ -514,13 +544,10 @@ function sortedAttrNames(attrNames) {
|
|
|
514
544
|
attrNames
|
|
515
545
|
);
|
|
516
546
|
}
|
|
517
|
-
|
|
518
|
-
// src/runtime/vdom/vdom-render.ts
|
|
519
|
-
var scopeId;
|
|
520
547
|
var hostTagName;
|
|
521
548
|
var useNativeShadowDom = false;
|
|
522
549
|
var isSvgMode = false;
|
|
523
|
-
var createElm = (oldParentVNode, newParentVNode, childIndex
|
|
550
|
+
var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
524
551
|
const newVNode2 = newParentVNode.$children$[childIndex];
|
|
525
552
|
let i2 = 0;
|
|
526
553
|
let elm;
|
|
@@ -534,11 +561,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
534
561
|
{
|
|
535
562
|
updateElement(null, newVNode2, isSvgMode);
|
|
536
563
|
}
|
|
537
|
-
const rootNode = elm.getRootNode();
|
|
538
|
-
const isElementWithinShadowRoot = !rootNode.querySelector("body");
|
|
539
|
-
if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
|
|
540
|
-
elm.classList.add(elm["s-si"] = scopeId);
|
|
541
|
-
}
|
|
542
564
|
if (newVNode2.$children$) {
|
|
543
565
|
for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
|
|
544
566
|
childNode = createElm(oldParentVNode, newVNode2, i2);
|
|
@@ -668,6 +690,9 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
|
668
690
|
if (!isInitialRender) {
|
|
669
691
|
return leftVNode.$key$ === rightVNode.$key$;
|
|
670
692
|
}
|
|
693
|
+
if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
|
|
694
|
+
leftVNode.$key$ = rightVNode.$key$;
|
|
695
|
+
}
|
|
671
696
|
return true;
|
|
672
697
|
}
|
|
673
698
|
return false;
|
|
@@ -708,8 +733,9 @@ var nullifyVNodeRefs = (vNode) => {
|
|
|
708
733
|
}
|
|
709
734
|
};
|
|
710
735
|
var insertBefore = (parent, newNode, reference) => {
|
|
711
|
-
|
|
712
|
-
|
|
736
|
+
{
|
|
737
|
+
return parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
|
738
|
+
}
|
|
713
739
|
};
|
|
714
740
|
var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
715
741
|
const hostElm = hostRef.$hostElement$;
|
|
@@ -734,9 +760,6 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
734
760
|
rootVnode.$flags$ |= 4 /* isHost */;
|
|
735
761
|
hostRef.$vnode$ = rootVnode;
|
|
736
762
|
rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
|
|
737
|
-
{
|
|
738
|
-
scopeId = hostElm["s-sc"];
|
|
739
|
-
}
|
|
740
763
|
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
|
|
741
764
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
742
765
|
};
|
|
@@ -744,7 +767,14 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
744
767
|
// src/runtime/update-component.ts
|
|
745
768
|
var attachToAncestor = (hostRef, ancestorComponent) => {
|
|
746
769
|
if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
|
|
747
|
-
ancestorComponent["s-p"].push(
|
|
770
|
+
const index = ancestorComponent["s-p"].push(
|
|
771
|
+
new Promise(
|
|
772
|
+
(r) => hostRef.$onRenderResolve$ = () => {
|
|
773
|
+
ancestorComponent["s-p"].splice(index - 1, 1);
|
|
774
|
+
r();
|
|
775
|
+
}
|
|
776
|
+
)
|
|
777
|
+
);
|
|
748
778
|
}
|
|
749
779
|
};
|
|
750
780
|
var scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
@@ -835,7 +865,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
835
865
|
const instance = hostRef.$lazyInstance$ ;
|
|
836
866
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
837
867
|
{
|
|
838
|
-
safeCall(instance, "componentDidRender");
|
|
868
|
+
safeCall(instance, "componentDidRender", void 0, elm);
|
|
839
869
|
}
|
|
840
870
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
841
871
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
@@ -869,12 +899,12 @@ var appDidLoad = (who) => {
|
|
|
869
899
|
}
|
|
870
900
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
871
901
|
};
|
|
872
|
-
var safeCall = (instance, method, arg) => {
|
|
902
|
+
var safeCall = (instance, method, arg, elm) => {
|
|
873
903
|
if (instance && instance[method]) {
|
|
874
904
|
try {
|
|
875
905
|
return instance[method](arg);
|
|
876
906
|
} catch (e) {
|
|
877
|
-
consoleError(e);
|
|
907
|
+
consoleError(e, elm);
|
|
878
908
|
}
|
|
879
909
|
}
|
|
880
910
|
return void 0;
|
|
@@ -917,15 +947,68 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
917
947
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
918
948
|
members.map(([memberName, [memberFlags]]) => {
|
|
919
949
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
950
|
+
const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
|
|
951
|
+
if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
|
|
952
|
+
if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
|
|
953
|
+
if (flags & 1 /* isElementConstructor */ || !origGetter) {
|
|
954
|
+
Object.defineProperty(prototype, memberName, {
|
|
955
|
+
get() {
|
|
956
|
+
{
|
|
957
|
+
if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
|
|
958
|
+
return getValue(this, memberName);
|
|
959
|
+
}
|
|
960
|
+
const ref = getHostRef(this);
|
|
961
|
+
const instance = ref ? ref.$lazyInstance$ : prototype;
|
|
962
|
+
if (!instance) return;
|
|
963
|
+
return instance[memberName];
|
|
964
|
+
}
|
|
965
|
+
},
|
|
966
|
+
configurable: true,
|
|
967
|
+
enumerable: true
|
|
968
|
+
});
|
|
969
|
+
}
|
|
920
970
|
Object.defineProperty(prototype, memberName, {
|
|
921
|
-
get() {
|
|
922
|
-
return getValue(this, memberName);
|
|
923
|
-
},
|
|
924
971
|
set(newValue) {
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
972
|
+
const ref = getHostRef(this);
|
|
973
|
+
if (origSetter) {
|
|
974
|
+
const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
975
|
+
if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
|
|
976
|
+
newValue = ref.$instanceValues$.get(memberName);
|
|
977
|
+
} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
978
|
+
ref.$instanceValues$.set(memberName, currentValue);
|
|
979
|
+
}
|
|
980
|
+
origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
|
|
981
|
+
newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
982
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
983
|
+
return;
|
|
984
|
+
}
|
|
985
|
+
{
|
|
986
|
+
if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
|
|
987
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
988
|
+
if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
|
|
989
|
+
ref.$onReadyPromise$.then(() => {
|
|
990
|
+
if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
|
|
991
|
+
ref.$lazyInstance$[memberName] = newValue;
|
|
992
|
+
}
|
|
993
|
+
});
|
|
994
|
+
}
|
|
995
|
+
return;
|
|
996
|
+
}
|
|
997
|
+
const setterSetVal = () => {
|
|
998
|
+
const currentValue = ref.$lazyInstance$[memberName];
|
|
999
|
+
if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
1000
|
+
ref.$instanceValues$.set(memberName, currentValue);
|
|
1001
|
+
}
|
|
1002
|
+
ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
|
|
1003
|
+
setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
|
|
1004
|
+
};
|
|
1005
|
+
if (ref.$lazyInstance$) {
|
|
1006
|
+
setterSetVal();
|
|
1007
|
+
} else {
|
|
1008
|
+
ref.$onReadyPromise$.then(() => setterSetVal());
|
|
1009
|
+
}
|
|
1010
|
+
}
|
|
1011
|
+
}
|
|
929
1012
|
});
|
|
930
1013
|
}
|
|
931
1014
|
});
|
|
@@ -935,7 +1018,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
935
1018
|
plt.jmp(() => {
|
|
936
1019
|
var _a2;
|
|
937
1020
|
const propName = attrNameToPropName.get(attrName);
|
|
938
|
-
if (this.hasOwnProperty(propName)) {
|
|
1021
|
+
if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
|
|
939
1022
|
newValue = this[propName];
|
|
940
1023
|
delete this[propName];
|
|
941
1024
|
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
|
|
@@ -955,7 +1038,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
955
1038
|
}
|
|
956
1039
|
return;
|
|
957
1040
|
}
|
|
958
|
-
|
|
1041
|
+
const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
|
|
1042
|
+
newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1043
|
+
if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
|
|
1044
|
+
this[propName] = newValue;
|
|
1045
|
+
}
|
|
959
1046
|
});
|
|
960
1047
|
};
|
|
961
1048
|
Cstr.observedAttributes = Array.from(
|
|
@@ -982,9 +1069,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
982
1069
|
let Cstr;
|
|
983
1070
|
if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
|
|
984
1071
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
const CstrImport = loadModule(cmpMeta);
|
|
1072
|
+
{
|
|
1073
|
+
const CstrImport = loadModule(cmpMeta, hostRef);
|
|
988
1074
|
if (CstrImport && "then" in CstrImport) {
|
|
989
1075
|
const endLoad = uniqueTime();
|
|
990
1076
|
Cstr = await CstrImport;
|
|
@@ -1006,16 +1092,12 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1006
1092
|
try {
|
|
1007
1093
|
new Cstr(hostRef);
|
|
1008
1094
|
} catch (e) {
|
|
1009
|
-
consoleError(e);
|
|
1095
|
+
consoleError(e, elm);
|
|
1010
1096
|
}
|
|
1011
1097
|
{
|
|
1012
1098
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
1013
1099
|
}
|
|
1014
1100
|
endNewInstance();
|
|
1015
|
-
} else {
|
|
1016
|
-
Cstr = elm.constructor;
|
|
1017
|
-
const cmpTag = elm.localName;
|
|
1018
|
-
customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
|
|
1019
1101
|
}
|
|
1020
1102
|
if (Cstr && Cstr.style) {
|
|
1021
1103
|
let style;
|
|
@@ -1038,7 +1120,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1038
1120
|
schedule();
|
|
1039
1121
|
}
|
|
1040
1122
|
};
|
|
1041
|
-
var fireConnectedCallback = (instance) => {
|
|
1123
|
+
var fireConnectedCallback = (instance, elm) => {
|
|
1042
1124
|
};
|
|
1043
1125
|
|
|
1044
1126
|
// src/runtime/connected-callback.ts
|
|
@@ -1078,7 +1160,7 @@ var connectedCallback = (elm) => {
|
|
|
1078
1160
|
endConnected();
|
|
1079
1161
|
}
|
|
1080
1162
|
};
|
|
1081
|
-
var disconnectInstance = (instance) => {
|
|
1163
|
+
var disconnectInstance = (instance, elm) => {
|
|
1082
1164
|
};
|
|
1083
1165
|
var disconnectedCallback = async (elm) => {
|
|
1084
1166
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
@@ -1087,6 +1169,12 @@ var disconnectedCallback = async (elm) => {
|
|
|
1087
1169
|
hostRef.$onReadyPromise$.then(() => disconnectInstance());
|
|
1088
1170
|
}
|
|
1089
1171
|
}
|
|
1172
|
+
if (rootAppliedStyles.has(elm)) {
|
|
1173
|
+
rootAppliedStyles.delete(elm);
|
|
1174
|
+
}
|
|
1175
|
+
if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
|
|
1176
|
+
rootAppliedStyles.delete(elm.shadowRoot);
|
|
1177
|
+
}
|
|
1090
1178
|
};
|
|
1091
1179
|
|
|
1092
1180
|
// src/runtime/bootstrap-lazy.ts
|
|
@@ -1163,6 +1251,13 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1163
1251
|
}
|
|
1164
1252
|
disconnectedCallback() {
|
|
1165
1253
|
plt.jmp(() => disconnectedCallback(this));
|
|
1254
|
+
plt.raf(() => {
|
|
1255
|
+
var _a3;
|
|
1256
|
+
const hostRef = getHostRef(this);
|
|
1257
|
+
if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
|
|
1258
|
+
delete hostRef.$vnode$.$elm$;
|
|
1259
|
+
}
|
|
1260
|
+
});
|
|
1166
1261
|
}
|
|
1167
1262
|
componentOnReady() {
|
|
1168
1263
|
return getHostRef(this).$onReadyPromise$;
|
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-f901d2b8.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
@@ -2,6 +2,19 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
import { isMobile } from "../../utils/utils";
|
|
3
3
|
export class HelperModal {
|
|
4
4
|
constructor() {
|
|
5
|
+
/**
|
|
6
|
+
* Toggles if the helper is visible or not
|
|
7
|
+
*/
|
|
8
|
+
this.visible = true;
|
|
9
|
+
/**
|
|
10
|
+
* Client custom styling via string
|
|
11
|
+
*/
|
|
12
|
+
this.clientStyling = '';
|
|
13
|
+
/**
|
|
14
|
+
* Client custom styling via url content
|
|
15
|
+
*/
|
|
16
|
+
this.clientStylingUrlContent = '';
|
|
17
|
+
this.limitStylingAppends = false;
|
|
5
18
|
this.userAgent = window.navigator.userAgent;
|
|
6
19
|
this.setClientStyling = () => {
|
|
7
20
|
let sheet = document.createElement('style');
|
|
@@ -15,11 +28,6 @@ export class HelperModal {
|
|
|
15
28
|
this.stylingContainer.prepend(cssFile);
|
|
16
29
|
}, 1);
|
|
17
30
|
};
|
|
18
|
-
this.titleModal = undefined;
|
|
19
|
-
this.visible = true;
|
|
20
|
-
this.clientStyling = '';
|
|
21
|
-
this.clientStylingUrlContent = '';
|
|
22
|
-
this.limitStylingAppends = false;
|
|
23
31
|
}
|
|
24
32
|
handleHelperModalClose() {
|
|
25
33
|
this.visible = false;
|
|
@@ -69,6 +77,8 @@ export class HelperModal {
|
|
|
69
77
|
"tags": [],
|
|
70
78
|
"text": "Modal title"
|
|
71
79
|
},
|
|
80
|
+
"getter": false,
|
|
81
|
+
"setter": false,
|
|
72
82
|
"attribute": "title-modal",
|
|
73
83
|
"reflect": true
|
|
74
84
|
},
|
|
@@ -86,6 +96,8 @@ export class HelperModal {
|
|
|
86
96
|
"tags": [],
|
|
87
97
|
"text": "Toggles if the helper is visible or not"
|
|
88
98
|
},
|
|
99
|
+
"getter": false,
|
|
100
|
+
"setter": false,
|
|
89
101
|
"attribute": "visible",
|
|
90
102
|
"reflect": true,
|
|
91
103
|
"defaultValue": "true"
|
|
@@ -104,6 +116,8 @@ export class HelperModal {
|
|
|
104
116
|
"tags": [],
|
|
105
117
|
"text": "Client custom styling via string"
|
|
106
118
|
},
|
|
119
|
+
"getter": false,
|
|
120
|
+
"setter": false,
|
|
107
121
|
"attribute": "client-styling",
|
|
108
122
|
"reflect": true,
|
|
109
123
|
"defaultValue": "''"
|
|
@@ -122,6 +136,8 @@ export class HelperModal {
|
|
|
122
136
|
"tags": [],
|
|
123
137
|
"text": "Client custom styling via url content"
|
|
124
138
|
},
|
|
139
|
+
"getter": false,
|
|
140
|
+
"setter": false,
|
|
125
141
|
"attribute": "client-styling-url-content",
|
|
126
142
|
"reflect": true,
|
|
127
143
|
"defaultValue": "''"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-b0e71397.js';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* @name isMobile
|
|
@@ -20,6 +20,19 @@ const HelperModal = class {
|
|
|
20
20
|
constructor(hostRef) {
|
|
21
21
|
registerInstance(this, hostRef);
|
|
22
22
|
this.cancel = createEvent(this, "modalCloseEvent", 7);
|
|
23
|
+
/**
|
|
24
|
+
* Toggles if the helper is visible or not
|
|
25
|
+
*/
|
|
26
|
+
this.visible = true;
|
|
27
|
+
/**
|
|
28
|
+
* Client custom styling via string
|
|
29
|
+
*/
|
|
30
|
+
this.clientStyling = '';
|
|
31
|
+
/**
|
|
32
|
+
* Client custom styling via url content
|
|
33
|
+
*/
|
|
34
|
+
this.clientStylingUrlContent = '';
|
|
35
|
+
this.limitStylingAppends = false;
|
|
23
36
|
this.userAgent = window.navigator.userAgent;
|
|
24
37
|
this.setClientStyling = () => {
|
|
25
38
|
let sheet = document.createElement('style');
|
|
@@ -33,11 +46,6 @@ const HelperModal = class {
|
|
|
33
46
|
this.stylingContainer.prepend(cssFile);
|
|
34
47
|
}, 1);
|
|
35
48
|
};
|
|
36
|
-
this.titleModal = undefined;
|
|
37
|
-
this.visible = true;
|
|
38
|
-
this.clientStyling = '';
|
|
39
|
-
this.clientStylingUrlContent = '';
|
|
40
|
-
this.limitStylingAppends = false;
|
|
41
49
|
}
|
|
42
50
|
handleHelperModalClose() {
|
|
43
51
|
this.visible = false;
|
package/dist/esm/helper-modal.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-b0e71397.js';
|
|
2
|
+
export { s as setNonce } from './index-b0e71397.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v4.
|
|
6
|
+
Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
var patchBrowser = () => {
|
|
9
9
|
const importMeta = import.meta.url;
|
|
@@ -1,17 +1,21 @@
|
|
|
1
1
|
const NAMESPACE = 'helper-modal';
|
|
2
|
-
const BUILD = /* helper-modal */ { 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: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
|
|
2
|
+
const BUILD = /* helper-modal */ { 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: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.
|
|
5
|
+
Stencil Client Platform v4.25.1 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
var __defProp = Object.defineProperty;
|
|
8
8
|
var __export = (target, all) => {
|
|
9
9
|
for (var name in all)
|
|
10
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
11
|
};
|
|
12
|
+
|
|
13
|
+
// src/client/client-host-ref.ts
|
|
12
14
|
var hostRefs = /* @__PURE__ */ new WeakMap();
|
|
13
15
|
var getHostRef = (ref) => hostRefs.get(ref);
|
|
14
|
-
var registerInstance = (lazyInstance, hostRef) =>
|
|
16
|
+
var registerInstance = (lazyInstance, hostRef) => {
|
|
17
|
+
hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
18
|
+
};
|
|
15
19
|
var registerHost = (hostElement, cmpMeta) => {
|
|
16
20
|
const hostRef = {
|
|
17
21
|
$flags$: 0,
|
|
@@ -24,7 +28,8 @@ var registerHost = (hostElement, cmpMeta) => {
|
|
|
24
28
|
hostElement["s-p"] = [];
|
|
25
29
|
hostElement["s-rc"] = [];
|
|
26
30
|
}
|
|
27
|
-
|
|
31
|
+
const ref = hostRefs.set(hostElement, hostRef);
|
|
32
|
+
return ref;
|
|
28
33
|
};
|
|
29
34
|
var isMemberInElement = (elm, memberName) => memberName in elm;
|
|
30
35
|
var consoleError = (e, el) => (0, console.error)(e, el);
|
|
@@ -61,16 +66,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
61
66
|
/* webpackExclude: /\.system\.entry\.js$/ */
|
|
62
67
|
/* webpackMode: "lazy" */
|
|
63
68
|
`./${bundleId}.entry.js${""}`
|
|
64
|
-
).then(
|
|
65
|
-
{
|
|
66
|
-
|
|
69
|
+
).then(
|
|
70
|
+
(importedModule) => {
|
|
71
|
+
{
|
|
72
|
+
cmpModules.set(bundleId, importedModule);
|
|
73
|
+
}
|
|
74
|
+
return importedModule[exportName];
|
|
75
|
+
},
|
|
76
|
+
(e) => {
|
|
77
|
+
consoleError(e, hostRef.$hostElement$);
|
|
67
78
|
}
|
|
68
|
-
|
|
69
|
-
}, consoleError);
|
|
79
|
+
);
|
|
70
80
|
};
|
|
71
81
|
|
|
72
82
|
// src/client/client-style.ts
|
|
73
83
|
var styles = /* @__PURE__ */ new Map();
|
|
84
|
+
var HYDRATED_STYLE_ID = "sty-id";
|
|
74
85
|
var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
|
|
75
86
|
var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
|
|
76
87
|
var win = typeof window !== "undefined" ? window : {};
|
|
@@ -128,12 +139,6 @@ var flush = () => {
|
|
|
128
139
|
};
|
|
129
140
|
var nextTick = (cb) => promiseResolve().then(cb);
|
|
130
141
|
var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
|
|
131
|
-
|
|
132
|
-
// src/utils/constants.ts
|
|
133
|
-
var EMPTY_OBJ = {};
|
|
134
|
-
|
|
135
|
-
// src/utils/helpers.ts
|
|
136
|
-
var isDef = (v) => v != null;
|
|
137
142
|
var isComplexType = (o) => {
|
|
138
143
|
o = typeof o;
|
|
139
144
|
return o === "object" || o === "function";
|
|
@@ -334,7 +339,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
334
339
|
}
|
|
335
340
|
if (!appliedStyles.has(scopeId2)) {
|
|
336
341
|
{
|
|
337
|
-
styleElm = doc.createElement("style");
|
|
342
|
+
styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
|
|
338
343
|
styleElm.innerHTML = style;
|
|
339
344
|
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
340
345
|
if (nonce != null) {
|
|
@@ -344,7 +349,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
344
349
|
if (styleContainerNode.nodeName === "HEAD") {
|
|
345
350
|
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
346
351
|
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
347
|
-
styleContainerNode.insertBefore(
|
|
352
|
+
styleContainerNode.insertBefore(
|
|
353
|
+
styleElm,
|
|
354
|
+
(referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
|
|
355
|
+
);
|
|
348
356
|
} else if ("host" in styleContainerNode) {
|
|
349
357
|
if (supportsConstructableStylesheets) {
|
|
350
358
|
const stylesheet = new CSSStyleSheet();
|
|
@@ -394,16 +402,18 @@ var attachStyles = (hostRef) => {
|
|
|
394
402
|
endAttachStyles();
|
|
395
403
|
};
|
|
396
404
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
397
|
-
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
405
|
+
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
|
|
398
406
|
if (oldValue !== newValue) {
|
|
399
407
|
let isProp = isMemberInElement(elm, memberName);
|
|
400
408
|
let ln = memberName.toLowerCase();
|
|
401
409
|
if (memberName === "class") {
|
|
402
410
|
const classList = elm.classList;
|
|
403
411
|
const oldClasses = parseClassList(oldValue);
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
412
|
+
let newClasses = parseClassList(newValue);
|
|
413
|
+
{
|
|
414
|
+
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
415
|
+
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
416
|
+
}
|
|
407
417
|
} else if (memberName === "key") ; else if (memberName === "ref") {
|
|
408
418
|
if (newValue) {
|
|
409
419
|
newValue(elm);
|
|
@@ -441,7 +451,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
441
451
|
elm.setAttribute(memberName, n);
|
|
442
452
|
}
|
|
443
453
|
}
|
|
444
|
-
} else {
|
|
454
|
+
} else if (elm[memberName] !== newValue) {
|
|
445
455
|
elm[memberName] = newValue;
|
|
446
456
|
}
|
|
447
457
|
} catch (e) {
|
|
@@ -463,24 +473,44 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
463
473
|
}
|
|
464
474
|
};
|
|
465
475
|
var parseClassListRegex = /\s/;
|
|
466
|
-
var parseClassList = (value) =>
|
|
476
|
+
var parseClassList = (value) => {
|
|
477
|
+
if (typeof value === "object" && value && "baseVal" in value) {
|
|
478
|
+
value = value.baseVal;
|
|
479
|
+
}
|
|
480
|
+
if (!value || typeof value !== "string") {
|
|
481
|
+
return [];
|
|
482
|
+
}
|
|
483
|
+
return value.split(parseClassListRegex);
|
|
484
|
+
};
|
|
467
485
|
var CAPTURE_EVENT_SUFFIX = "Capture";
|
|
468
486
|
var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
|
|
469
487
|
|
|
470
488
|
// src/runtime/vdom/update-element.ts
|
|
471
|
-
var updateElement = (oldVnode, newVnode, isSvgMode2) => {
|
|
489
|
+
var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
|
|
472
490
|
const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
|
|
473
|
-
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ ||
|
|
474
|
-
const newVnodeAttrs = newVnode.$attrs$ ||
|
|
491
|
+
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
|
|
492
|
+
const newVnodeAttrs = newVnode.$attrs$ || {};
|
|
475
493
|
{
|
|
476
494
|
for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
|
|
477
495
|
if (!(memberName in newVnodeAttrs)) {
|
|
478
|
-
setAccessor(
|
|
496
|
+
setAccessor(
|
|
497
|
+
elm,
|
|
498
|
+
memberName,
|
|
499
|
+
oldVnodeAttrs[memberName],
|
|
500
|
+
void 0,
|
|
501
|
+
isSvgMode2,
|
|
502
|
+
newVnode.$flags$);
|
|
479
503
|
}
|
|
480
504
|
}
|
|
481
505
|
}
|
|
482
506
|
for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
|
|
483
|
-
setAccessor(
|
|
507
|
+
setAccessor(
|
|
508
|
+
elm,
|
|
509
|
+
memberName,
|
|
510
|
+
oldVnodeAttrs[memberName],
|
|
511
|
+
newVnodeAttrs[memberName],
|
|
512
|
+
isSvgMode2,
|
|
513
|
+
newVnode.$flags$);
|
|
484
514
|
}
|
|
485
515
|
};
|
|
486
516
|
function sortedAttrNames(attrNames) {
|
|
@@ -492,13 +522,10 @@ function sortedAttrNames(attrNames) {
|
|
|
492
522
|
attrNames
|
|
493
523
|
);
|
|
494
524
|
}
|
|
495
|
-
|
|
496
|
-
// src/runtime/vdom/vdom-render.ts
|
|
497
|
-
var scopeId;
|
|
498
525
|
var hostTagName;
|
|
499
526
|
var useNativeShadowDom = false;
|
|
500
527
|
var isSvgMode = false;
|
|
501
|
-
var createElm = (oldParentVNode, newParentVNode, childIndex
|
|
528
|
+
var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
502
529
|
const newVNode2 = newParentVNode.$children$[childIndex];
|
|
503
530
|
let i2 = 0;
|
|
504
531
|
let elm;
|
|
@@ -512,11 +539,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
512
539
|
{
|
|
513
540
|
updateElement(null, newVNode2, isSvgMode);
|
|
514
541
|
}
|
|
515
|
-
const rootNode = elm.getRootNode();
|
|
516
|
-
const isElementWithinShadowRoot = !rootNode.querySelector("body");
|
|
517
|
-
if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
|
|
518
|
-
elm.classList.add(elm["s-si"] = scopeId);
|
|
519
|
-
}
|
|
520
542
|
if (newVNode2.$children$) {
|
|
521
543
|
for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
|
|
522
544
|
childNode = createElm(oldParentVNode, newVNode2, i2);
|
|
@@ -646,6 +668,9 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
|
646
668
|
if (!isInitialRender) {
|
|
647
669
|
return leftVNode.$key$ === rightVNode.$key$;
|
|
648
670
|
}
|
|
671
|
+
if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
|
|
672
|
+
leftVNode.$key$ = rightVNode.$key$;
|
|
673
|
+
}
|
|
649
674
|
return true;
|
|
650
675
|
}
|
|
651
676
|
return false;
|
|
@@ -686,8 +711,9 @@ var nullifyVNodeRefs = (vNode) => {
|
|
|
686
711
|
}
|
|
687
712
|
};
|
|
688
713
|
var insertBefore = (parent, newNode, reference) => {
|
|
689
|
-
|
|
690
|
-
|
|
714
|
+
{
|
|
715
|
+
return parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
|
716
|
+
}
|
|
691
717
|
};
|
|
692
718
|
var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
693
719
|
const hostElm = hostRef.$hostElement$;
|
|
@@ -712,9 +738,6 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
712
738
|
rootVnode.$flags$ |= 4 /* isHost */;
|
|
713
739
|
hostRef.$vnode$ = rootVnode;
|
|
714
740
|
rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
|
|
715
|
-
{
|
|
716
|
-
scopeId = hostElm["s-sc"];
|
|
717
|
-
}
|
|
718
741
|
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
|
|
719
742
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
720
743
|
};
|
|
@@ -722,7 +745,14 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
722
745
|
// src/runtime/update-component.ts
|
|
723
746
|
var attachToAncestor = (hostRef, ancestorComponent) => {
|
|
724
747
|
if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
|
|
725
|
-
ancestorComponent["s-p"].push(
|
|
748
|
+
const index = ancestorComponent["s-p"].push(
|
|
749
|
+
new Promise(
|
|
750
|
+
(r) => hostRef.$onRenderResolve$ = () => {
|
|
751
|
+
ancestorComponent["s-p"].splice(index - 1, 1);
|
|
752
|
+
r();
|
|
753
|
+
}
|
|
754
|
+
)
|
|
755
|
+
);
|
|
726
756
|
}
|
|
727
757
|
};
|
|
728
758
|
var scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
@@ -813,7 +843,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
813
843
|
const instance = hostRef.$lazyInstance$ ;
|
|
814
844
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
815
845
|
{
|
|
816
|
-
safeCall(instance, "componentDidRender");
|
|
846
|
+
safeCall(instance, "componentDidRender", void 0, elm);
|
|
817
847
|
}
|
|
818
848
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
819
849
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
@@ -847,12 +877,12 @@ var appDidLoad = (who) => {
|
|
|
847
877
|
}
|
|
848
878
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
849
879
|
};
|
|
850
|
-
var safeCall = (instance, method, arg) => {
|
|
880
|
+
var safeCall = (instance, method, arg, elm) => {
|
|
851
881
|
if (instance && instance[method]) {
|
|
852
882
|
try {
|
|
853
883
|
return instance[method](arg);
|
|
854
884
|
} catch (e) {
|
|
855
|
-
consoleError(e);
|
|
885
|
+
consoleError(e, elm);
|
|
856
886
|
}
|
|
857
887
|
}
|
|
858
888
|
return void 0;
|
|
@@ -895,15 +925,68 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
895
925
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
896
926
|
members.map(([memberName, [memberFlags]]) => {
|
|
897
927
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
928
|
+
const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
|
|
929
|
+
if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
|
|
930
|
+
if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
|
|
931
|
+
if (flags & 1 /* isElementConstructor */ || !origGetter) {
|
|
932
|
+
Object.defineProperty(prototype, memberName, {
|
|
933
|
+
get() {
|
|
934
|
+
{
|
|
935
|
+
if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
|
|
936
|
+
return getValue(this, memberName);
|
|
937
|
+
}
|
|
938
|
+
const ref = getHostRef(this);
|
|
939
|
+
const instance = ref ? ref.$lazyInstance$ : prototype;
|
|
940
|
+
if (!instance) return;
|
|
941
|
+
return instance[memberName];
|
|
942
|
+
}
|
|
943
|
+
},
|
|
944
|
+
configurable: true,
|
|
945
|
+
enumerable: true
|
|
946
|
+
});
|
|
947
|
+
}
|
|
898
948
|
Object.defineProperty(prototype, memberName, {
|
|
899
|
-
get() {
|
|
900
|
-
return getValue(this, memberName);
|
|
901
|
-
},
|
|
902
949
|
set(newValue) {
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
950
|
+
const ref = getHostRef(this);
|
|
951
|
+
if (origSetter) {
|
|
952
|
+
const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
953
|
+
if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
|
|
954
|
+
newValue = ref.$instanceValues$.get(memberName);
|
|
955
|
+
} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
956
|
+
ref.$instanceValues$.set(memberName, currentValue);
|
|
957
|
+
}
|
|
958
|
+
origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
|
|
959
|
+
newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
960
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
961
|
+
return;
|
|
962
|
+
}
|
|
963
|
+
{
|
|
964
|
+
if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
|
|
965
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
966
|
+
if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
|
|
967
|
+
ref.$onReadyPromise$.then(() => {
|
|
968
|
+
if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
|
|
969
|
+
ref.$lazyInstance$[memberName] = newValue;
|
|
970
|
+
}
|
|
971
|
+
});
|
|
972
|
+
}
|
|
973
|
+
return;
|
|
974
|
+
}
|
|
975
|
+
const setterSetVal = () => {
|
|
976
|
+
const currentValue = ref.$lazyInstance$[memberName];
|
|
977
|
+
if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
978
|
+
ref.$instanceValues$.set(memberName, currentValue);
|
|
979
|
+
}
|
|
980
|
+
ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
|
|
981
|
+
setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
|
|
982
|
+
};
|
|
983
|
+
if (ref.$lazyInstance$) {
|
|
984
|
+
setterSetVal();
|
|
985
|
+
} else {
|
|
986
|
+
ref.$onReadyPromise$.then(() => setterSetVal());
|
|
987
|
+
}
|
|
988
|
+
}
|
|
989
|
+
}
|
|
907
990
|
});
|
|
908
991
|
}
|
|
909
992
|
});
|
|
@@ -913,7 +996,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
913
996
|
plt.jmp(() => {
|
|
914
997
|
var _a2;
|
|
915
998
|
const propName = attrNameToPropName.get(attrName);
|
|
916
|
-
if (this.hasOwnProperty(propName)) {
|
|
999
|
+
if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
|
|
917
1000
|
newValue = this[propName];
|
|
918
1001
|
delete this[propName];
|
|
919
1002
|
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
|
|
@@ -933,7 +1016,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
933
1016
|
}
|
|
934
1017
|
return;
|
|
935
1018
|
}
|
|
936
|
-
|
|
1019
|
+
const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
|
|
1020
|
+
newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1021
|
+
if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
|
|
1022
|
+
this[propName] = newValue;
|
|
1023
|
+
}
|
|
937
1024
|
});
|
|
938
1025
|
};
|
|
939
1026
|
Cstr.observedAttributes = Array.from(
|
|
@@ -960,9 +1047,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
960
1047
|
let Cstr;
|
|
961
1048
|
if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
|
|
962
1049
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
const CstrImport = loadModule(cmpMeta);
|
|
1050
|
+
{
|
|
1051
|
+
const CstrImport = loadModule(cmpMeta, hostRef);
|
|
966
1052
|
if (CstrImport && "then" in CstrImport) {
|
|
967
1053
|
const endLoad = uniqueTime();
|
|
968
1054
|
Cstr = await CstrImport;
|
|
@@ -984,16 +1070,12 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
984
1070
|
try {
|
|
985
1071
|
new Cstr(hostRef);
|
|
986
1072
|
} catch (e) {
|
|
987
|
-
consoleError(e);
|
|
1073
|
+
consoleError(e, elm);
|
|
988
1074
|
}
|
|
989
1075
|
{
|
|
990
1076
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
991
1077
|
}
|
|
992
1078
|
endNewInstance();
|
|
993
|
-
} else {
|
|
994
|
-
Cstr = elm.constructor;
|
|
995
|
-
const cmpTag = elm.localName;
|
|
996
|
-
customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
|
|
997
1079
|
}
|
|
998
1080
|
if (Cstr && Cstr.style) {
|
|
999
1081
|
let style;
|
|
@@ -1016,7 +1098,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1016
1098
|
schedule();
|
|
1017
1099
|
}
|
|
1018
1100
|
};
|
|
1019
|
-
var fireConnectedCallback = (instance) => {
|
|
1101
|
+
var fireConnectedCallback = (instance, elm) => {
|
|
1020
1102
|
};
|
|
1021
1103
|
|
|
1022
1104
|
// src/runtime/connected-callback.ts
|
|
@@ -1056,7 +1138,7 @@ var connectedCallback = (elm) => {
|
|
|
1056
1138
|
endConnected();
|
|
1057
1139
|
}
|
|
1058
1140
|
};
|
|
1059
|
-
var disconnectInstance = (instance) => {
|
|
1141
|
+
var disconnectInstance = (instance, elm) => {
|
|
1060
1142
|
};
|
|
1061
1143
|
var disconnectedCallback = async (elm) => {
|
|
1062
1144
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
@@ -1065,6 +1147,12 @@ var disconnectedCallback = async (elm) => {
|
|
|
1065
1147
|
hostRef.$onReadyPromise$.then(() => disconnectInstance());
|
|
1066
1148
|
}
|
|
1067
1149
|
}
|
|
1150
|
+
if (rootAppliedStyles.has(elm)) {
|
|
1151
|
+
rootAppliedStyles.delete(elm);
|
|
1152
|
+
}
|
|
1153
|
+
if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
|
|
1154
|
+
rootAppliedStyles.delete(elm.shadowRoot);
|
|
1155
|
+
}
|
|
1068
1156
|
};
|
|
1069
1157
|
|
|
1070
1158
|
// src/runtime/bootstrap-lazy.ts
|
|
@@ -1141,6 +1229,13 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1141
1229
|
}
|
|
1142
1230
|
disconnectedCallback() {
|
|
1143
1231
|
plt.jmp(() => disconnectedCallback(this));
|
|
1232
|
+
plt.raf(() => {
|
|
1233
|
+
var _a3;
|
|
1234
|
+
const hostRef = getHostRef(this);
|
|
1235
|
+
if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
|
|
1236
|
+
delete hostRef.$vnode$.$elm$;
|
|
1237
|
+
}
|
|
1238
|
+
});
|
|
1144
1239
|
}
|
|
1145
1240
|
componentOnReady() {
|
|
1146
1241
|
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-b0e71397.js';
|
|
2
|
+
export { s as setNonce } from './index-b0e71397.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,b as e}from"./p-
|
|
1
|
+
import{p as t,b as e}from"./p-895f3b97.js";export{s as setNonce}from"./p-895f3b97.js";import{g as i}from"./p-e1255160.js";(()=>{const e=import.meta.url,i={};return""!==e&&(i.resourcesUrl=new URL(".",e).href),t(i)})().then((async t=>(await i(),e([["p-bfbeca67",[[1,"helper-modal",{titleModal:[513,"title-modal"],visible:[1540],clientStyling:[513,"client-styling"],clientStylingUrlContent:[513,"client-styling-url-content"],limitStylingAppends:[32]}]]]],t))));
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>{t.set(n.t=e,n)},o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a=u.document||{head:{}},f={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,m=[],y=[],v=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&f.l?w($):f.raf($))},b=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},$=()=>{b(m),b(y),(p=m.length>0)&&f.raf($)},w=e=>h().then(e),S=v(y,!0),g=e=>"object"==(e=typeof e)||"function"===e;function j(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>k,map:()=>E,ok:()=>O,unwrap:()=>M,unwrapErr:()=>x});var O=e=>({isOk:!0,isErr:!1,value:e}),k=e=>({isOk:!1,isErr:!0,value:e});function E(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>O(e))):O(n)}if(e.isErr)return k(e.value);throw"should never get here"}var C,M=e=>{if(e.isOk)return e.value;throw e.value},x=e=>{if(e.isErr)return e.value;throw e.value},P=(e,t,...n)=>{let l=null,o=null,s=!1,i=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!g(l))&&(l+=""),s&&i?r[r.length-1].i+=l:r.push(s?A(null,l):l),i=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=A(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=o,u},A=(e,t)=>({l:0,m:e,i:t,v:null,h:null,u:null,p:null}),R={},D=(e,t)=>null==e||g(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e,H=(e,t,l)=>{const o=(e=>n(e).$hostElement$)(e);return{emit:e=>N(o,t,{bubbles:!!(4&l),composed:!!(2&l),cancelable:!!(1&l),detail:e})}},N=(e,t,n)=>{const l=f.ce(t,n);return e.dispatchEvent(l),l},T=new WeakMap,U=e=>"sc-"+e.$,F=(e,t,n,l,s,i)=>{if(n!==l){let r=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=V(n);let s=V(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("key"===t);else if("ref"===t)l&&l(e);else if(r||"o"!==t[0]||"n"!==t[1]){const o=g(l);if((r||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]!==l&&(e[t]=l);else{const o=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==o||("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&i||s)&&!o&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(u,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(W);t=t.replace(q,""),n&&f.rel(e,t,n,o),l&&f.ael(e,t,l,o)}}},L=/\s/,V=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(L):[]),W="Capture",q=RegExp(W+"$"),G=(e,t,n)=>{const l=11===t.v.nodeType&&t.v.host?t.v.host:t.v,o=e&&e.u||{},s=t.u||{};for(const e of _(Object.keys(o)))e in s||F(l,e,o[e],void 0,n,t.l);for(const e of _(Object.keys(s)))F(l,e,o[e],s[e],n,t.l)};function _(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var z=!1,B=!1,I=(e,t,n)=>{const l=t.h[n];let o,s,i=0;if(null!==l.i)o=l.v=a.createTextNode(l.i);else if(o=l.v=a.createElement(l.m),G(null,l,B),l.h)for(i=0;i<l.h.length;++i)s=I(e,l,i),s&&o.appendChild(s);return o["s-hn"]=C,o},J=(e,t,n,l,o,s)=>{let i,r=e;for(r.shadowRoot&&r.tagName===C&&(r=r.shadowRoot);o<=s;++o)l[o]&&(i=I(null,n,o),i&&(l[o].v=i,Z(r,i,t)))},K=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.v;Y(t),e&&e.remove()}}},Q=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),X=(e,t,n=!1)=>{const l=t.v=e.v,o=e.h,s=t.h,i=t.i;null===i?(("slot"!==t.m||z)&&G(e,t,B),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=t.length-1,h=t[0],d=t[f],p=l.length-1,m=l[0],y=l[p];for(;r<=f&&c<=p;)if(null==h)h=t[++r];else if(null==d)d=t[--f];else if(null==m)m=l[++c];else if(null==y)y=l[--p];else if(Q(h,m,o))X(h,m,o),h=t[++r],m=l[++c];else if(Q(d,y,o))X(d,y,o),d=t[--f],y=l[--p];else if(Q(h,y,o))X(h,y,o),Z(e,h.v,d.v.nextSibling),h=t[++r],y=l[--p];else if(Q(d,m,o))X(d,m,o),Z(e,d.v,h.v),d=t[--f],m=l[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(i=t[u],i.m!==m.m?s=I(t&&t[c],n,u):(X(i,m,o),t[u]=void 0,s=i.v),m=l[++c]):(s=I(t&&t[c],n,c),m=l[++c]),s&&Z(h.v.parentNode,s,h.v)}r>f?J(e,null==l[p+1]?null:l[p+1].v,n,l,c,p):c>p&&K(t,r,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),J(l,null,t,s,0,s.length-1)):!n&&null!==o&&K(o,0,o.length-1)):e.i!==i&&(l.data=i)},Y=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(Y)},Z=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),ee=(e,t)=>{if(t&&!e.S&&t["s-p"]){const n=t["s-p"].push(new Promise((l=>e.S=()=>{t["s-p"].splice(n-1,1),l()})))}},te=(e,t)=>{if(e.l|=16,!(4&e.l))return ee(e,e.j),S((()=>ne(e,t)));e.l|=512},ne=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);return le(void 0,(()=>se(e,n,t)))},le=(e,t)=>oe(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),oe=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,se=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=U(t),o=r.get(l);if(e=11===e.nodeType?e:a,o)if("string"==typeof o){let s,i=T.get(e=e.head||e);if(i||T.set(e,i=new Set),!i.has(l)){{s=document.querySelector(`[sty-id="${l}"]`)||a.createElement("style"),s.innerHTML=o;const i=null!=(n=f.k)?n:j(a);if(null!=i&&s.setAttribute("nonce",i),!(1&t.l))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(d){const t=new CSSStyleSheet;t.replaceSync(o),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=o+t.innerHTML:e.prepend(s)}else e.append(s);1&t.l&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.l&&(s.innerHTML+=c),i&&i.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&2&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);ie(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>re(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},ie=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.O,s=e.C||A(null,null),i=(e=>e&&e.m===R)(t)?t:P(null,null,t);if(C=l.tagName,o.M&&(i.u=i.u||{},o.M.map((([e,t])=>i.u[t]=l[e]))),n&&i.u)for(const e of Object.keys(i.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(i.u[e]=l[e]);i.m=null,i.l|=4,e.C=i,i.v=s.v=l.shadowRoot||l,z=!!(1&o.l),X(s,i,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},re=e=>{const t=e.$hostElement$,n=e.j;ue(e.t,"componentDidRender",void 0,t),64&e.l||(e.l|=64,ae(t),e.P(t),n||ce()),e.S&&(e.S(),e.S=void 0),512&e.l&&w((()=>te(e,!1))),e.l&=-517},ce=()=>{ae(a.documentElement),w((()=>N(u,"appload",{detail:{namespace:"helper-modal"}})))},ue=(e,t,n,l)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e,l)}},ae=e=>e.classList.add("hydrated"),fe=(e,t,l,o)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${o.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=s.A.get(t),r=s.l,c=s.t;l=D(l,o.R[t][0]),8&r&&void 0!==i||l===i||Number.isNaN(i)&&Number.isNaN(l)||(s.A.set(t,l),c&&2==(18&r)&&te(s,!1))},he=(e,t,l)=>{var o,s;const i=e.prototype;if(t.R){const r=Object.entries(null!=(o=t.R)?o:{});if(r.map((([e,[o]])=>{if(31&o||2&l&&32&o){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,e)||{};s&&(t.R[e][0]|=2048),r&&(t.R[e][0]|=4096),(1&l||!s)&&Object.defineProperty(i,e,{get(){{if(!(2048&t.R[e][0]))return((e,t)=>n(this).A.get(t))(0,e);const l=n(this),o=l?l.t:i;if(!o)return;return o[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(s){const i=n(this);if(r){const n=32&o?this[e]:i.$hostElement$[e];return void 0===n&&i.A.get(e)?s=i.A.get(e):!i.A.get(e)&&n&&i.A.set(e,n),r.call(this,D(s,o)),void fe(this,e,s=32&o?this[e]:i.$hostElement$[e],t)}{if(!(1&l&&4096&t.R[e][0]))return fe(this,e,s,t),void(1&l&&!i.t&&i.D.then((()=>{4096&t.R[e][0]&&i.t[e]!==i.A.get(e)&&(i.t[e]=s)})));const n=()=>{const n=i.t[e];!i.A.get(e)&&n&&i.A.set(e,n),i.t[e]=D(s,o),fe(this,e,i.t[e],t)};i.t?n():i.D.then((()=>n()))}}})}})),1&l){const l=new Map;i.attributeChangedCallback=function(e,o,s){f.jmp((()=>{var r;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),i=null==l?void 0:l.l;if(i&&!(8&i)&&128&i&&s!==o){const n=l.t,i=null==(r=t.H)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.H)?s:{}),...r.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.M)||o.push([e,s])),s}))]))}}return e},de=(e,l={})=>{var o;const h=[],p=l.exclude||[],m=u.customElements,y=a.head,v=y.querySelector("meta[charset]"),b=a.createElement("style"),$=[];let w,S=!0;Object.assign(f,l),f.o=new URL(l.resourcesUrl||"./",a.baseURI).href;let g=!1;if(e.map((e=>{e[1].map((l=>{const o={l:l[0],$:l[1],R:l[2],N:l[3]};4&o.l&&(g=!0),o.R=l[2],o.M=[];const c=o.$,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,O:n,A:new Map};l.D=new Promise((e=>l.P=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,o),1&o.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),S?$.push(this):f.jmp((()=>(e=>{if(!(1&f.l)){const t=n(e),l=t.O,o=()=>{};if(1&t.l)(null==t?void 0:t.t)||(null==t?void 0:t.D)&&t.D.then((()=>{}));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ee(t,t.j=n);break}}l.R&&Object.entries(l.R).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){t.l|=32;{const o=((e,t)=>{const n=e.$.replace(/-/g,"_"),l=e.T;if(!l)return;const o=i.get(l);return o?o[n]:import(`./${l}.entry.js`).then((e=>(i.set(l,e),e[n])),(e=>{s(e,t.$hostElement$)}))
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(o&&"then"in o){const e=()=>{};l=await o,e()}else l=o;if(!l)throw Error(`Constructor for "${n.$}#${t.U}" was not found`);l.isProxied||(he(l,n,2),l.isProxied=!0);const r=()=>{};t.l|=8;try{new l(t)}catch(t){s(t,e)}t.l&=-9,r()}if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=U(n);if(!r.has(t)){const l=()=>{};((e,t,n)=>{let l=r.get(e);d&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,r.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.j,c=()=>te(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}})(this)))}disconnectedCallback(){f.jmp((()=>(async e=>{if(!(1&f.l)){const t=n(e);(null==t?void 0:t.t)||(null==t?void 0:t.D)&&t.D.then((()=>{}))}T.has(e)&&T.delete(e),e.shadowRoot&&T.has(e.shadowRoot)&&T.delete(e.shadowRoot)})(this))),f.raf((()=>{var e;const t=n(this);(null==(e=null==t?void 0:t.C)?void 0:e.v)instanceof Node&&!t.C.v.isConnected&&delete t.C.v}))}componentOnReady(){return n(this).D}};o.T=e[0],p.includes(c)||m.get(c)||(h.push(c),m.define(c,he(u,o,1)))}))})),h.length>0&&(g&&(b.textContent+=c),b.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",b.innerHTML.length)){b.setAttribute("data-styles","");const e=null!=(o=f.k)?o:j(a);null!=e&&b.setAttribute("nonce",e),y.insertBefore(b,v?v.nextSibling:y.firstChild)}S=!1,$.length?$.map((e=>e.connectedCallback())):f.jmp((()=>w=setTimeout(ce,30)))},pe=e=>f.k=e;export{de as b,H as c,P as h,h as p,l as r,pe as s}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as o,h as i}from"./p-895f3b97.js";const t=e=>!!(e.toLowerCase().match(/android/i)||e.toLowerCase().match(/blackberry|bb/i)||e.toLowerCase().match(/iphone|ipad|ipod/i)||e.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),s=class{constructor(i){e(this,i),this.cancel=o(this,"modalCloseEvent",7),this.visible=!0,this.clientStyling="",this.clientStylingUrlContent="",this.limitStylingAppends=!1,this.userAgent=window.navigator.userAgent,this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.stylingContainer.prepend(e)},this.setClientStylingURL=()=>{let e=document.createElement("style");setTimeout((()=>{e.innerHTML=this.clientStylingUrlContent,this.stylingContainer.prepend(e)}),1)}}handleHelperModalClose(){this.visible=!1,this.cancel.emit()}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrlContent&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){return this.visible&&i("div",{key:"ba2aed789565b37bfdbb34bdf3ccace827231653",class:this.visible?"HelperModalWrapper HelperModalVisible":"HelperModalWrapper",ref:e=>this.stylingContainer=e},i("div",{key:"151ca4cd80d259ac955b92b10bf6f0df2698a937",class:"HelperModalWrapper HelperModalVisible"},i("div",{key:"804cb1dea73321c4935e4a8ddb1136e98e89a070",class:"HelperModalContent"+(t(this.userAgent)?" HelperModalMobileContent":"")},i("span",{key:"30cf7928c1e4baa53f3514fc1930823db76c874c",class:"HelperModalClose"+(t(this.userAgent)?" HelperModalMobileClose":""),onClick:this.handleHelperModalClose.bind(this)},"X"),i("slot",{key:"5c1323a98cdcd09669020a00affe5673856e807e"}))))}};s.style=":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:1}.HelperModalVisible{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s}.HelperModalContent{position:relative;border:solid 1px var(--emw--color-gray-transparency-40, #848e97);box-shadow:2px 2px 2px rgba(0, 0, 0, 0.007);font-size:14px;padding:10px 10px 5px 10px;background-color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:600px;max-height:600px;overflow-y:scroll}.HelperModalMobileContent{background:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:80%;max-height:350px}.HelperModalClose{cursor:pointer;position:absolute;top:15px;right:15px;font-size:20px;color:var(--emw--button-text-color, #000)}.HelperModalMobileClose{position:absolute;top:15px;right:15px;font-size:20px;color:var(--emw--button-text-color, #000)}";export{s as helper_modal}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as o,h as i}from"./p-5e674423.js";const t=e=>!!(e.toLowerCase().match(/android/i)||e.toLowerCase().match(/blackberry|bb/i)||e.toLowerCase().match(/iphone|ipad|ipod/i)||e.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),s=class{constructor(i){e(this,i),this.cancel=o(this,"modalCloseEvent",7),this.userAgent=window.navigator.userAgent,this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.stylingContainer.prepend(e)},this.setClientStylingURL=()=>{let e=document.createElement("style");setTimeout((()=>{e.innerHTML=this.clientStylingUrlContent,this.stylingContainer.prepend(e)}),1)},this.titleModal=void 0,this.visible=!0,this.clientStyling="",this.clientStylingUrlContent="",this.limitStylingAppends=!1}handleHelperModalClose(){this.visible=!1,this.cancel.emit()}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrlContent&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){return this.visible&&i("div",{key:"ba2aed789565b37bfdbb34bdf3ccace827231653",class:this.visible?"HelperModalWrapper HelperModalVisible":"HelperModalWrapper",ref:e=>this.stylingContainer=e},i("div",{key:"151ca4cd80d259ac955b92b10bf6f0df2698a937",class:"HelperModalWrapper HelperModalVisible"},i("div",{key:"804cb1dea73321c4935e4a8ddb1136e98e89a070",class:"HelperModalContent"+(t(this.userAgent)?" HelperModalMobileContent":"")},i("span",{key:"30cf7928c1e4baa53f3514fc1930823db76c874c",class:"HelperModalClose"+(t(this.userAgent)?" HelperModalMobileClose":""),onClick:this.handleHelperModalClose.bind(this)},"X"),i("slot",{key:"5c1323a98cdcd09669020a00affe5673856e807e"}))))}};s.style=":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:1}.HelperModalVisible{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s}.HelperModalContent{position:relative;border:solid 1px var(--emw--color-gray-transparency-40, #848e97);box-shadow:2px 2px 2px rgba(0, 0, 0, 0.007);font-size:14px;padding:10px 10px 5px 10px;background-color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:600px;max-height:600px;overflow-y:scroll}.HelperModalMobileContent{background:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:80%;max-height:350px}.HelperModalClose{cursor:pointer;position:absolute;top:15px;right:15px;font-size:20px;color:var(--emw--button-text-color, #000)}.HelperModalMobileClose{position:absolute;top:15px;right:15px;font-size:20px;color:var(--emw--button-text-color, #000)}";export{s as helper_modal}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>t.set(n.t=e,n),o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),r=new Map,i=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a=u.document||{head:{}},f={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),d=!1,m=[],y=[],$=(e,t)=>n=>{e.push(n),d||(d=!0,t&&4&f.l?v(w):f.raf(w))},b=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},w=()=>{b(m),b(y),(d=m.length>0)&&f.raf(w)},v=e=>h().then(e),S=$(y,!0),g={},j=e=>"object"==(e=typeof e)||"function"===e;function k(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>O,map:()=>C,ok:()=>E,unwrap:()=>x,unwrapErr:()=>P});var E=e=>({isOk:!0,isErr:!1,value:e}),O=e=>({isOk:!1,isErr:!0,value:e});function C(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>E(e))):E(n)}if(e.isErr)return O(e.value);throw"should never get here"}var M,x=e=>{if(e.isOk)return e.value;throw e.value},P=e=>{if(e.isErr)return e.value;throw e.value},A=(e,t,...n)=>{let l=null,o=null,s=!1,r=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!j(l))&&(l+=""),s&&r?i[i.length-1].i+=l:i.push(s?R(null,l):l),r=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=R(e,null);return u.u=t,i.length>0&&(u.h=i),u.p=o,u},R=(e,t)=>({l:0,m:e,i:t,$:null,h:null,u:null,p:null}),D={},H=(e,t,l)=>{const o=(e=>n(e).$hostElement$)(e);return{emit:e=>T(o,t,{bubbles:!!(4&l),composed:!!(2&l),cancelable:!!(1&l),detail:e})}},T=(e,t,n)=>{const l=f.ce(t,n);return e.dispatchEvent(l),l},N=new WeakMap,U=e=>"sc-"+e.v,F=(e,t,n,l,s,r)=>{if(n!==l){let i=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=W(n),s=W(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const o=j(l);if((i||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||s)&&!o&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(u,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(q);t=t.replace(G,""),n&&f.rel(e,t,n,o),l&&f.ael(e,t,l,o)}}},L=/\s/,W=e=>e?e.split(L):[],q="Capture",G=RegExp(q+"$"),V=(e,t,n)=>{const l=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.u||g,s=t.u||g;for(const e of _(Object.keys(o)))e in s||F(l,e,o[e],void 0,n,t.l);for(const e of _(Object.keys(s)))F(l,e,o[e],s[e],n,t.l)};function _(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var z=!1,B=!1,I=(e,t,n)=>{const l=t.h[n];let o,s,r=0;if(null!==l.i)o=l.$=a.createTextNode(l.i);else if(o=l.$=a.createElement(l.m),V(null,l,B),o.getRootNode().querySelector("body"),l.h)for(r=0;r<l.h.length;++r)s=I(e,l,r),s&&o.appendChild(s);return o["s-hn"]=M,o},J=(e,t,n,l,o,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===M&&(i=i.shadowRoot);o<=s;++o)l[o]&&(r=I(null,n,o),r&&(l[o].$=r,Z(i,r,t)))},K=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;Y(t),e&&e.remove()}}},Q=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),X=(e,t,n=!1)=>{const l=t.$=e.$,o=e.h,s=t.h,r=t.i;null===r?(("slot"!==t.m||z)&&V(e,t,B),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=t.length-1,h=t[0],p=t[f],d=l.length-1,m=l[0],y=l[d];for(;i<=f&&c<=d;)if(null==h)h=t[++i];else if(null==p)p=t[--f];else if(null==m)m=l[++c];else if(null==y)y=l[--d];else if(Q(h,m,o))X(h,m,o),h=t[++i],m=l[++c];else if(Q(p,y,o))X(p,y,o),p=t[--f],y=l[--d];else if(Q(h,y,o))X(h,y,o),Z(e,h.$,p.$.nextSibling),h=t[++i],y=l[--d];else if(Q(p,m,o))X(p,m,o),Z(e,p.$,h.$),p=t[--f],m=l[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(r=t[u],r.m!==m.m?s=I(t&&t[c],n,u):(X(r,m,o),t[u]=void 0,s=r.$),m=l[++c]):(s=I(t&&t[c],n,c),m=l[++c]),s&&Z(h.$.parentNode,s,h.$)}i>f?J(e,null==l[d+1]?null:l[d+1].$,n,l,c,d):c>d&&K(t,i,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),J(l,null,t,s,0,s.length-1)):!n&&null!==o&&K(o,0,o.length-1)):e.i!==r&&(l.data=r)},Y=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(Y)},Z=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),ee=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},te=(e,t)=>{if(e.l|=16,!(4&e.l))return ee(e,e.j),S((()=>ne(e,t)));e.l|=512},ne=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);return le(void 0,(()=>se(e,n,t)))},le=(e,t)=>oe(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),oe=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,se=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=U(t),o=i.get(l);if(e=11===e.nodeType?e:a,o)if("string"==typeof o){let s,r=N.get(e=e.head||e);if(r||N.set(e,r=new Set),!r.has(l)){{s=a.createElement("style"),s.innerHTML=o;const l=null!=(n=f.O)?n:k(a);if(null!=l&&s.setAttribute("nonce",l),!(1&t.l))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(p){const t=new CSSStyleSheet;t.replaceSync(o),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=o+t.innerHTML:e.prepend(s)}else e.append(s);1&t.l&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.l&&(s.innerHTML+=c),r&&r.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&2&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);re(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>ie(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},re=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.k,s=e.C||R(null,null),r=(e=>e&&e.m===D)(t)?t:A(null,null,t);if(M=l.tagName,o.M&&(r.u=r.u||{},o.M.map((([e,t])=>r.u[t]=l[e]))),n&&r.u)for(const e of Object.keys(r.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=l[e]);r.m=null,r.l|=4,e.C=r,r.$=s.$=l.shadowRoot||l,z=!!(1&o.l),X(s,r,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},ie=e=>{const t=e.$hostElement$,n=e.j;ue(e.t,"componentDidRender"),64&e.l||(e.l|=64,ae(t),e.P(t),n||ce()),e.S&&(e.S(),e.S=void 0),512&e.l&&v((()=>te(e,!1))),e.l&=-517},ce=()=>{ae(a.documentElement),v((()=>T(u,"appload",{detail:{namespace:"helper-modal"}})))},ue=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},ae=e=>e.classList.add("hydrated"),fe=(e,t,l)=>{var o,s;const r=e.prototype;if(t.A){const i=Object.entries(null!=(o=t.A)?o:{});if(i.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(r,e,{get(){return((e,t)=>n(this).R.get(t))(0,e)},set(l){((e,t,l,o)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${o.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const r=s.R.get(t),i=s.l,c=s.t;l=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(l,o.A[t][0]),8&i&&void 0!==r||l===r||Number.isNaN(r)&&Number.isNaN(l)||(s.R.set(t,l),c&&2==(18&i)&&te(s,!1))})(this,e,l,t)},configurable:!0,enumerable:!0})})),1&l){const l=new Map;r.attributeChangedCallback=function(e,o,s){f.jmp((()=>{var i;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),r=null==l?void 0:l.l;if(r&&!(8&r)&&128&r&&s!==o){const n=l.t,r=null==(i=t.D)?void 0:i[e];null==r||r.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.D)?s:{}),...i.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.M)||o.push([e,s])),s}))]))}}return e},he=(e,l={})=>{var o;const h=[],d=l.exclude||[],m=u.customElements,y=a.head,$=y.querySelector("meta[charset]"),b=a.createElement("style"),w=[];let v,S=!0;Object.assign(f,l),f.o=new URL(l.resourcesUrl||"./",a.baseURI).href;let g=!1;if(e.map((e=>{e[1].map((l=>{const o={l:l[0],v:l[1],A:l[2],H:l[3]};4&o.l&&(g=!0),o.A=l[2],o.M=[];const c=o.v,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,k:n,R:new Map};l.T=new Promise((e=>l.P=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,o),1&o.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),v&&(clearTimeout(v),v=null),S?w.push(this):f.jmp((()=>(e=>{if(!(1&f.l)){const t=n(e),l=t.k,o=()=>{};if(1&t.l)(null==t?void 0:t.t)||(null==t?void 0:t.T)&&t.T.then((()=>{}));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ee(t,t.j=n);break}}l.A&&Object.entries(l.A).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n.N){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.N;if(!n)return;const l=r.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(r.set(n,e),e[t])),s)
|
|
2
|
-
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.v}#${t.U}" was not found`);l.isProxied||(fe(l,n,2),l.isProxied=!0);const o=()=>{};t.l|=8;try{new l(t)}catch(e){s(e)}t.l&=-9,o()}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=U(n);if(!i.has(t)){const l=()=>{};((e,t,n)=>{let l=i.get(e);p&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,i.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.j,c=()=>te(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}})(this)))}disconnectedCallback(){f.jmp((()=>(async()=>{if(!(1&f.l)){const e=n(this);(null==e?void 0:e.t)||(null==e?void 0:e.T)&&e.T.then((()=>{}))}})()))}componentOnReady(){return n(this).T}};o.N=e[0],d.includes(c)||m.get(c)||(h.push(c),m.define(c,fe(u,o,1)))}))})),h.length>0&&(g&&(b.textContent+=c),b.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",b.innerHTML.length)){b.setAttribute("data-styles","");const e=null!=(o=f.O)?o:k(a);null!=e&&b.setAttribute("nonce",e),y.insertBefore(b,$?$.nextSibling:y.firstChild)}S=!1,w.length?w.map((e=>e.connectedCallback())):f.jmp((()=>v=setTimeout(ce,30)))},pe=e=>f.O=e;export{he as b,H as c,A as h,h as p,l as r,pe as s}
|