@everymatrix/helper-modal 1.55.0 → 1.56.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/cjs/helper-modal.cjs.entry.js +14 -6
  2. package/dist/cjs/helper-modal.cjs.js +2 -2
  3. package/dist/cjs/{index-e0150984.js → index-ee7f837d.js} +166 -65
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/collection/collection-manifest.json +1 -1
  6. package/dist/collection/components/helper-modal/helper-modal.js +21 -5
  7. package/dist/esm/helper-modal.entry.js +14 -6
  8. package/dist/esm/helper-modal.js +3 -3
  9. package/dist/esm/{index-a37278f8.js → index-319c4812.js} +166 -65
  10. package/dist/esm/loader.js +2 -2
  11. package/dist/helper-modal/helper-modal.esm.js +1 -1
  12. package/dist/helper-modal/p-a261be3b.js +2 -0
  13. package/dist/helper-modal/p-be915d51.entry.js +1 -0
  14. 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
  15. 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
  16. package/package.json +1 -1
  17. package/dist/helper-modal/p-0bc1fd98.entry.js +0 -1
  18. package/dist/helper-modal/p-5e674423.js +0 -2
  19. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/helper-modal/.stencil/packages/stencil/helper-modal/stencil.config.d.ts +0 -2
  20. 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
  21. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/helper-modal/.stencil/tools/plugins/index.d.ts +0 -0
  22. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/helper-modal/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
  23. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/helper-modal/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
  24. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/helper-modal/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
@@ -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-ee7f837d.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-ee7f837d.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.26.0 | 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.26.0 | 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();
@@ -384,7 +392,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
384
392
  styleContainerNode.append(styleElm);
385
393
  }
386
394
  }
387
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
395
+ if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
388
396
  styleContainerNode.insertBefore(styleElm, null);
389
397
  }
390
398
  }
@@ -409,23 +417,25 @@ var attachStyles = (hostRef) => {
409
417
  const scopeId2 = addStyle(
410
418
  elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
411
419
  cmpMeta);
412
- if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
420
+ if ((flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */ || flags & 128 /* shadowNeedsScopedCss */)) {
413
421
  elm["s-sc"] = scopeId2;
414
422
  elm.classList.add(scopeId2 + "-h");
415
423
  }
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,17 +760,21 @@ 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
- useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
763
+ useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
741
764
  patch(oldVNode, rootVnode, isInitialLoad);
742
765
  };
743
766
 
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 */;
@@ -864,17 +894,14 @@ var postUpdateComponent = (hostRef) => {
864
894
  }
865
895
  };
866
896
  var appDidLoad = (who) => {
867
- {
868
- addHydratedFlag(doc.documentElement);
869
- }
870
897
  nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
871
898
  };
872
- var safeCall = (instance, method, arg) => {
899
+ var safeCall = (instance, method, arg, elm) => {
873
900
  if (instance && instance[method]) {
874
901
  try {
875
902
  return instance[method](arg);
876
903
  } catch (e) {
877
- consoleError(e);
904
+ consoleError(e, elm);
878
905
  }
879
906
  }
880
907
  return void 0;
@@ -917,15 +944,68 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
917
944
  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
918
945
  members.map(([memberName, [memberFlags]]) => {
919
946
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
947
+ const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
948
+ if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
949
+ if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
950
+ if (flags & 1 /* isElementConstructor */ || !origGetter) {
951
+ Object.defineProperty(prototype, memberName, {
952
+ get() {
953
+ {
954
+ if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
955
+ return getValue(this, memberName);
956
+ }
957
+ const ref = getHostRef(this);
958
+ const instance = ref ? ref.$lazyInstance$ : prototype;
959
+ if (!instance) return;
960
+ return instance[memberName];
961
+ }
962
+ },
963
+ configurable: true,
964
+ enumerable: true
965
+ });
966
+ }
920
967
  Object.defineProperty(prototype, memberName, {
921
- get() {
922
- return getValue(this, memberName);
923
- },
924
968
  set(newValue) {
925
- setValue(this, memberName, newValue, cmpMeta);
926
- },
927
- configurable: true,
928
- enumerable: true
969
+ const ref = getHostRef(this);
970
+ if (origSetter) {
971
+ const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
972
+ if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
973
+ newValue = ref.$instanceValues$.get(memberName);
974
+ } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
975
+ ref.$instanceValues$.set(memberName, currentValue);
976
+ }
977
+ origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
978
+ newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
979
+ setValue(this, memberName, newValue, cmpMeta);
980
+ return;
981
+ }
982
+ {
983
+ if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
984
+ setValue(this, memberName, newValue, cmpMeta);
985
+ if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
986
+ ref.$onReadyPromise$.then(() => {
987
+ if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
988
+ ref.$lazyInstance$[memberName] = newValue;
989
+ }
990
+ });
991
+ }
992
+ return;
993
+ }
994
+ const setterSetVal = () => {
995
+ const currentValue = ref.$lazyInstance$[memberName];
996
+ if (!ref.$instanceValues$.get(memberName) && currentValue) {
997
+ ref.$instanceValues$.set(memberName, currentValue);
998
+ }
999
+ ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
1000
+ setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
1001
+ };
1002
+ if (ref.$lazyInstance$) {
1003
+ setterSetVal();
1004
+ } else {
1005
+ ref.$onReadyPromise$.then(() => setterSetVal());
1006
+ }
1007
+ }
1008
+ }
929
1009
  });
930
1010
  }
931
1011
  });
@@ -935,7 +1015,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
935
1015
  plt.jmp(() => {
936
1016
  var _a2;
937
1017
  const propName = attrNameToPropName.get(attrName);
938
- if (this.hasOwnProperty(propName)) {
1018
+ if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
939
1019
  newValue = this[propName];
940
1020
  delete this[propName];
941
1021
  } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
@@ -955,7 +1035,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
955
1035
  }
956
1036
  return;
957
1037
  }
958
- this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1038
+ const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1039
+ newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1040
+ if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
1041
+ this[propName] = newValue;
1042
+ }
959
1043
  });
960
1044
  };
961
1045
  Cstr.observedAttributes = Array.from(
@@ -984,7 +1068,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
984
1068
  hostRef.$flags$ |= 32 /* hasInitializedComponent */;
985
1069
  const bundleId = cmpMeta.$lazyBundleId$;
986
1070
  if (bundleId) {
987
- const CstrImport = loadModule(cmpMeta);
1071
+ const CstrImport = loadModule(cmpMeta, hostRef);
988
1072
  if (CstrImport && "then" in CstrImport) {
989
1073
  const endLoad = uniqueTime();
990
1074
  Cstr = await CstrImport;
@@ -1006,7 +1090,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1006
1090
  try {
1007
1091
  new Cstr(hostRef);
1008
1092
  } catch (e) {
1009
- consoleError(e);
1093
+ consoleError(e, elm);
1010
1094
  }
1011
1095
  {
1012
1096
  hostRef.$flags$ &= ~8 /* isConstructingInstance */;
@@ -1038,7 +1122,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1038
1122
  schedule();
1039
1123
  }
1040
1124
  };
1041
- var fireConnectedCallback = (instance) => {
1125
+ var fireConnectedCallback = (instance, elm) => {
1042
1126
  };
1043
1127
 
1044
1128
  // src/runtime/connected-callback.ts
@@ -1078,7 +1162,7 @@ var connectedCallback = (elm) => {
1078
1162
  endConnected();
1079
1163
  }
1080
1164
  };
1081
- var disconnectInstance = (instance) => {
1165
+ var disconnectInstance = (instance, elm) => {
1082
1166
  };
1083
1167
  var disconnectedCallback = async (elm) => {
1084
1168
  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
@@ -1087,6 +1171,12 @@ var disconnectedCallback = async (elm) => {
1087
1171
  hostRef.$onReadyPromise$.then(() => disconnectInstance());
1088
1172
  }
1089
1173
  }
1174
+ if (rootAppliedStyles.has(elm)) {
1175
+ rootAppliedStyles.delete(elm);
1176
+ }
1177
+ if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
1178
+ rootAppliedStyles.delete(elm.shadowRoot);
1179
+ }
1090
1180
  };
1091
1181
 
1092
1182
  // src/runtime/bootstrap-lazy.ts
@@ -1163,6 +1253,17 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1163
1253
  }
1164
1254
  disconnectedCallback() {
1165
1255
  plt.jmp(() => disconnectedCallback(this));
1256
+ plt.raf(() => {
1257
+ var _a3;
1258
+ const hostRef = getHostRef(this);
1259
+ const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
1260
+ if (i2 > -1) {
1261
+ deferredConnectedCallbacks.splice(i2, 1);
1262
+ }
1263
+ if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
1264
+ delete hostRef.$vnode$.$elm$;
1265
+ }
1266
+ });
1166
1267
  }
1167
1268
  componentOnReady() {
1168
1269
  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-ee7f837d.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.26.0",
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-319c4812.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-319c4812.js';
2
+ export { s as setNonce } from './index-319c4812.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.26.0 | 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.26.0 | 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();
@@ -362,7 +370,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
362
370
  styleContainerNode.append(styleElm);
363
371
  }
364
372
  }
365
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
373
+ if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
366
374
  styleContainerNode.insertBefore(styleElm, null);
367
375
  }
368
376
  }
@@ -387,23 +395,25 @@ var attachStyles = (hostRef) => {
387
395
  const scopeId2 = addStyle(
388
396
  elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
389
397
  cmpMeta);
390
- if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
398
+ if ((flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */ || flags & 128 /* shadowNeedsScopedCss */)) {
391
399
  elm["s-sc"] = scopeId2;
392
400
  elm.classList.add(scopeId2 + "-h");
393
401
  }
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,17 +738,21 @@ 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
- useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
741
+ useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
719
742
  patch(oldVNode, rootVnode, isInitialLoad);
720
743
  };
721
744
 
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 */;
@@ -842,17 +872,14 @@ var postUpdateComponent = (hostRef) => {
842
872
  }
843
873
  };
844
874
  var appDidLoad = (who) => {
845
- {
846
- addHydratedFlag(doc.documentElement);
847
- }
848
875
  nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
849
876
  };
850
- var safeCall = (instance, method, arg) => {
877
+ var safeCall = (instance, method, arg, elm) => {
851
878
  if (instance && instance[method]) {
852
879
  try {
853
880
  return instance[method](arg);
854
881
  } catch (e) {
855
- consoleError(e);
882
+ consoleError(e, elm);
856
883
  }
857
884
  }
858
885
  return void 0;
@@ -895,15 +922,68 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
895
922
  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
896
923
  members.map(([memberName, [memberFlags]]) => {
897
924
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
925
+ const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
926
+ if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
927
+ if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
928
+ if (flags & 1 /* isElementConstructor */ || !origGetter) {
929
+ Object.defineProperty(prototype, memberName, {
930
+ get() {
931
+ {
932
+ if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
933
+ return getValue(this, memberName);
934
+ }
935
+ const ref = getHostRef(this);
936
+ const instance = ref ? ref.$lazyInstance$ : prototype;
937
+ if (!instance) return;
938
+ return instance[memberName];
939
+ }
940
+ },
941
+ configurable: true,
942
+ enumerable: true
943
+ });
944
+ }
898
945
  Object.defineProperty(prototype, memberName, {
899
- get() {
900
- return getValue(this, memberName);
901
- },
902
946
  set(newValue) {
903
- setValue(this, memberName, newValue, cmpMeta);
904
- },
905
- configurable: true,
906
- enumerable: true
947
+ const ref = getHostRef(this);
948
+ if (origSetter) {
949
+ const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
950
+ if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
951
+ newValue = ref.$instanceValues$.get(memberName);
952
+ } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
953
+ ref.$instanceValues$.set(memberName, currentValue);
954
+ }
955
+ origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
956
+ newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
957
+ setValue(this, memberName, newValue, cmpMeta);
958
+ return;
959
+ }
960
+ {
961
+ if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
962
+ setValue(this, memberName, newValue, cmpMeta);
963
+ if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
964
+ ref.$onReadyPromise$.then(() => {
965
+ if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
966
+ ref.$lazyInstance$[memberName] = newValue;
967
+ }
968
+ });
969
+ }
970
+ return;
971
+ }
972
+ const setterSetVal = () => {
973
+ const currentValue = ref.$lazyInstance$[memberName];
974
+ if (!ref.$instanceValues$.get(memberName) && currentValue) {
975
+ ref.$instanceValues$.set(memberName, currentValue);
976
+ }
977
+ ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
978
+ setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
979
+ };
980
+ if (ref.$lazyInstance$) {
981
+ setterSetVal();
982
+ } else {
983
+ ref.$onReadyPromise$.then(() => setterSetVal());
984
+ }
985
+ }
986
+ }
907
987
  });
908
988
  }
909
989
  });
@@ -913,7 +993,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
913
993
  plt.jmp(() => {
914
994
  var _a2;
915
995
  const propName = attrNameToPropName.get(attrName);
916
- if (this.hasOwnProperty(propName)) {
996
+ if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
917
997
  newValue = this[propName];
918
998
  delete this[propName];
919
999
  } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
@@ -933,7 +1013,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
933
1013
  }
934
1014
  return;
935
1015
  }
936
- this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1016
+ const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1017
+ newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1018
+ if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
1019
+ this[propName] = newValue;
1020
+ }
937
1021
  });
938
1022
  };
939
1023
  Cstr.observedAttributes = Array.from(
@@ -962,7 +1046,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
962
1046
  hostRef.$flags$ |= 32 /* hasInitializedComponent */;
963
1047
  const bundleId = cmpMeta.$lazyBundleId$;
964
1048
  if (bundleId) {
965
- const CstrImport = loadModule(cmpMeta);
1049
+ const CstrImport = loadModule(cmpMeta, hostRef);
966
1050
  if (CstrImport && "then" in CstrImport) {
967
1051
  const endLoad = uniqueTime();
968
1052
  Cstr = await CstrImport;
@@ -984,7 +1068,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
984
1068
  try {
985
1069
  new Cstr(hostRef);
986
1070
  } catch (e) {
987
- consoleError(e);
1071
+ consoleError(e, elm);
988
1072
  }
989
1073
  {
990
1074
  hostRef.$flags$ &= ~8 /* isConstructingInstance */;
@@ -1016,7 +1100,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1016
1100
  schedule();
1017
1101
  }
1018
1102
  };
1019
- var fireConnectedCallback = (instance) => {
1103
+ var fireConnectedCallback = (instance, elm) => {
1020
1104
  };
1021
1105
 
1022
1106
  // src/runtime/connected-callback.ts
@@ -1056,7 +1140,7 @@ var connectedCallback = (elm) => {
1056
1140
  endConnected();
1057
1141
  }
1058
1142
  };
1059
- var disconnectInstance = (instance) => {
1143
+ var disconnectInstance = (instance, elm) => {
1060
1144
  };
1061
1145
  var disconnectedCallback = async (elm) => {
1062
1146
  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
@@ -1065,6 +1149,12 @@ var disconnectedCallback = async (elm) => {
1065
1149
  hostRef.$onReadyPromise$.then(() => disconnectInstance());
1066
1150
  }
1067
1151
  }
1152
+ if (rootAppliedStyles.has(elm)) {
1153
+ rootAppliedStyles.delete(elm);
1154
+ }
1155
+ if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
1156
+ rootAppliedStyles.delete(elm.shadowRoot);
1157
+ }
1068
1158
  };
1069
1159
 
1070
1160
  // src/runtime/bootstrap-lazy.ts
@@ -1141,6 +1231,17 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1141
1231
  }
1142
1232
  disconnectedCallback() {
1143
1233
  plt.jmp(() => disconnectedCallback(this));
1234
+ plt.raf(() => {
1235
+ var _a3;
1236
+ const hostRef = getHostRef(this);
1237
+ const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
1238
+ if (i2 > -1) {
1239
+ deferredConnectedCallbacks.splice(i2, 1);
1240
+ }
1241
+ if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
1242
+ delete hostRef.$vnode$.$elm$;
1243
+ }
1244
+ });
1144
1245
  }
1145
1246
  componentOnReady() {
1146
1247
  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-319c4812.js';
2
+ export { s as setNonce } from './index-319c4812.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-a261be3b.js";export{s as setNonce}from"./p-a261be3b.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-be915d51",[[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?R(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=R(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=o,u},R=(e,t)=>({l:0,m:e,i:t,v:null,h:null,u:null,p:null}),A={},N=(e,t)=>null==e||g(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e,T=(e,t,l)=>{const o=(e=>n(e).$hostElement$)(e);return{emit:e=>D(o,t,{bubbles:!!(4&l),composed:!!(2&l),cancelable:!!(1&l),detail:e})}},D=(e,t,n)=>{const l=f.ce(t,n);return e.dispatchEvent(l),l},H=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=H.get(e=e.head||e);if(i||H.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&&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||128&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||R(null,null),i=(e=>e&&e.m===A)(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)||128&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=()=>{w((()=>D(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.R.get(t),r=s.l,c=s.t;l=N(l,o.A[t][0]),8&r&&void 0!==i||l===i||Number.isNaN(i)&&Number.isNaN(l)||(s.R.set(t,l),c&&2==(18&r)&&te(s,!1))},he=(e,t,l)=>{var o,s;const i=e.prototype;if(t.A){const r=Object.entries(null!=(o=t.A)?o:{});if(r.map((([e,[o]])=>{if(31&o||2&l&&32&o){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,e)||{};s&&(t.A[e][0]|=2048),r&&(t.A[e][0]|=4096),(1&l||!s)&&Object.defineProperty(i,e,{get(){{if(!(2048&t.A[e][0]))return((e,t)=>n(this).R.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.R.get(e)?s=i.R.get(e):!i.R.get(e)&&n&&i.R.set(e,n),r.call(this,N(s,o)),void fe(this,e,s=32&o?this[e]:i.$hostElement$[e],t)}{if(!(1&l&&4096&t.A[e][0]))return fe(this,e,s,t),void(1&l&&!i.t&&i.N.then((()=>{4096&t.A[e][0]&&i.t[e]!==i.R.get(e)&&(i.t[e]=s)})));const n=()=>{const n=i.t[e];!i.R.get(e)&&n&&i.R.set(e,n),i.t[e]=N(s,o),fe(this,e,i.t[e],t)};i.t?n():i.N.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.T)?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.T)?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],A:l[2],D:l[3]};4&o.l&&(g=!0),o.A=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,R:new Map};l.N=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.N)&&t.N.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.H){const o=((e,t)=>{const n=e.$.replace(/-/g,"_"),l=e.H;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()}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(!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.N)&&t.N.then((()=>{}))}H.has(e)&&H.delete(e),e.shadowRoot&&H.has(e.shadowRoot)&&H.delete(e.shadowRoot)})(this))),f.raf((()=>{var e;const t=n(this),l=$.findIndex((e=>e===this));l>-1&&$.splice(l,1),(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).N}};o.H=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,T 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-a261be3b.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.55.0",
3
+ "version": "1.56.0",
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;