@everymatrix/helper-modal 1.53.0 → 1.53.10

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.
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-e0150984.js');
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-e0150984.js');
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.22.3 | MIT Licensed | https://stenciljs.com
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.22.3 | MIT Licensed | https://stenciljs.com
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) => hostRefs.set(hostRef.$lazyInstance$ = 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
- return hostRefs.set(hostElement, hostRef);
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((importedModule) => {
87
- {
88
- cmpModules.set(bundleId, importedModule);
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
- return importedModule[exportName];
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(styleElm, referenceNode2);
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
- const newClasses = parseClassList(newValue);
427
- classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
428
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
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) => !value ? [] : value.split(parseClassListRegex);
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$ || EMPTY_OBJ;
496
- const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
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(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
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(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
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, parentElm) => {
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
- const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
712
- return inserted;
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(new Promise((r) => hostRef.$onRenderResolve$ = r));
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
- setValue(this, memberName, newValue, cmpMeta);
926
- },
927
- configurable: true,
928
- enumerable: true
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
- this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
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
- const bundleId = cmpMeta.$lazyBundleId$;
986
- if (bundleId) {
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$;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-e0150984.js');
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) => {
@@ -4,7 +4,7 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "4.22.3",
7
+ "version": "4.25.1",
8
8
  "typescriptVersion": "5.5.4"
9
9
  },
10
10
  "collections": [],
@@ -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-a37278f8.js';
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;
@@ -1,9 +1,9 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-a37278f8.js';
2
- export { s as setNonce } from './index-a37278f8.js';
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.22.3 | MIT Licensed | https://stenciljs.com
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.22.3 | MIT Licensed | https://stenciljs.com
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) => hostRefs.set(hostRef.$lazyInstance$ = 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
- return hostRefs.set(hostElement, hostRef);
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((importedModule) => {
65
- {
66
- cmpModules.set(bundleId, importedModule);
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
- return importedModule[exportName];
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(styleElm, referenceNode2);
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
- const newClasses = parseClassList(newValue);
405
- classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
406
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
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) => !value ? [] : value.split(parseClassListRegex);
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$ || EMPTY_OBJ;
474
- const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
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(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
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(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
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, parentElm) => {
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
- const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
690
- return inserted;
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(new Promise((r) => hostRef.$onRenderResolve$ = r));
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
- setValue(this, memberName, newValue, cmpMeta);
904
- },
905
- configurable: true,
906
- enumerable: true
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
- this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
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
- const bundleId = cmpMeta.$lazyBundleId$;
964
- if (bundleId) {
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$;
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-a37278f8.js';
2
- export { s as setNonce } from './index-a37278f8.js';
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-5e674423.js";export{s as setNonce}from"./p-5e674423.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-0bc1fd98",[[1,"helper-modal",{titleModal:[513,"title-modal"],visible:[1540],clientStyling:[513,"client-styling"],clientStylingUrlContent:[513,"client-styling-url-content"],limitStylingAppends:[32]}]]]],t))));
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}
@@ -0,0 +1,2 @@
1
+ import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
2
+ export declare const config: Config;
@@ -0,0 +1,2 @@
1
+ import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
2
+ export declare const config: Config;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/helper-modal",
3
- "version": "1.53.0",
3
+ "version": "1.53.10",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",
@@ -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}
@@ -1,2 +0,0 @@
1
- import { Config } from '../../../../../../../../../../../stencil-public-runtime';
2
- export declare const config: Config;
@@ -1,2 +0,0 @@
1
- import { Config } from '../../../../../../../../../../../stencil-public-runtime';
2
- export declare const config: Config;