proto-ikons-wc 0.0.154 → 0.0.155

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,13 +2,121 @@ const NAMESPACE = 'proto-ikons-wc';
2
2
  const BUILD = /* proto-ikons-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, 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: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: false, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: true, watchCallback: false };
3
3
 
4
4
  /*
5
- Stencil Client Platform v4.18.3 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.19.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
+ var hostRefs = /* @__PURE__ */ new WeakMap();
13
+ var getHostRef = (ref) => hostRefs.get(ref);
14
+ var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
15
+ var registerHost = (hostElement, cmpMeta) => {
16
+ const hostRef = {
17
+ $flags$: 0,
18
+ $hostElement$: hostElement,
19
+ $cmpMeta$: cmpMeta,
20
+ $instanceValues$: /* @__PURE__ */ new Map()
21
+ };
22
+ {
23
+ hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
24
+ hostElement["s-p"] = [];
25
+ hostElement["s-rc"] = [];
26
+ }
27
+ return hostRefs.set(hostElement, hostRef);
28
+ };
29
+ var isMemberInElement = (elm, memberName) => memberName in elm;
30
+ var consoleError = (e, el) => (0, console.error)(e, el);
31
+
32
+ // src/client/client-load-module.ts
33
+ var cmpModules = /* @__PURE__ */ new Map();
34
+ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
35
+ const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
36
+ const bundleId = cmpMeta.$lazyBundleId$;
37
+ if (!bundleId) {
38
+ return void 0;
39
+ }
40
+ const module = cmpModules.get(bundleId) ;
41
+ if (module) {
42
+ return module[exportName];
43
+ }
44
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
45
+ return import(
46
+ /* @vite-ignore */
47
+ /* webpackInclude: /\.entry\.js$/ */
48
+ /* webpackExclude: /\.system\.entry\.js$/ */
49
+ /* webpackMode: "lazy" */
50
+ `./${bundleId}.entry.js${""}`
51
+ ).then((importedModule) => {
52
+ {
53
+ cmpModules.set(bundleId, importedModule);
54
+ }
55
+ return importedModule[exportName];
56
+ }, consoleError);
57
+ };
58
+
59
+ // src/client/client-style.ts
60
+ var styles = /* @__PURE__ */ new Map();
61
+ var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
62
+ var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
63
+ var XLINK_NS = "http://www.w3.org/1999/xlink";
64
+ var win = typeof window !== "undefined" ? window : {};
65
+ var doc = win.document || { head: {} };
66
+ var plt = {
67
+ $flags$: 0,
68
+ $resourcesUrl$: "",
69
+ jmp: (h2) => h2(),
70
+ raf: (h2) => requestAnimationFrame(h2),
71
+ ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
72
+ rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
73
+ ce: (eventName, opts) => new CustomEvent(eventName, opts)
74
+ };
75
+ var supportsShadow = BUILD.shadowDom;
76
+ var promiseResolve = (v) => Promise.resolve(v);
77
+ var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
78
+ try {
79
+ new CSSStyleSheet();
80
+ return typeof new CSSStyleSheet().replaceSync === "function";
81
+ } catch (e) {
82
+ }
83
+ return false;
84
+ })() ;
85
+ var queuePending = false;
86
+ var queueDomReads = [];
87
+ var queueDomWrites = [];
88
+ var queueTask = (queue, write) => (cb) => {
89
+ queue.push(cb);
90
+ if (!queuePending) {
91
+ queuePending = true;
92
+ if (write && plt.$flags$ & 4 /* queueSync */) {
93
+ nextTick(flush);
94
+ } else {
95
+ plt.raf(flush);
96
+ }
97
+ }
98
+ };
99
+ var consume = (queue) => {
100
+ for (let i2 = 0; i2 < queue.length; i2++) {
101
+ try {
102
+ queue[i2](performance.now());
103
+ } catch (e) {
104
+ consoleError(e);
105
+ }
106
+ }
107
+ queue.length = 0;
108
+ };
109
+ var flush = () => {
110
+ consume(queueDomReads);
111
+ {
112
+ consume(queueDomWrites);
113
+ if (queuePending = queueDomReads.length > 0) {
114
+ plt.raf(flush);
115
+ }
116
+ }
117
+ };
118
+ var nextTick = (cb) => promiseResolve().then(cb);
119
+ var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
12
120
 
13
121
  // src/utils/constants.ts
14
122
  var EMPTY_OBJ = {};
@@ -87,9 +195,6 @@ var uniqueTime = (key, measureText) => {
87
195
  };
88
196
  }
89
197
  };
90
- var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
91
- var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
92
- var XLINK_NS = "http://www.w3.org/1999/xlink";
93
198
  var h = (nodeName, vnodeData, ...children) => {
94
199
  let child = null;
95
200
  let key = null;
@@ -191,12 +296,13 @@ var registerStyle = (scopeId2, cssText, allowCS) => {
191
296
  };
192
297
  var addStyle = (styleContainerNode, cmpMeta, mode) => {
193
298
  var _a;
299
+ const styleContainerDocument = styleContainerNode;
194
300
  const scopeId2 = getScopeId(cmpMeta);
195
301
  const style = styles.get(scopeId2);
196
302
  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
197
303
  if (style) {
198
304
  if (typeof style === "string") {
199
- styleContainerNode = styleContainerNode.head || styleContainerNode;
305
+ styleContainerNode = styleContainerDocument.head || styleContainerNode;
200
306
  let appliedStyles = rootAppliedStyles.get(styleContainerNode);
201
307
  let styleElm;
202
308
  if (!appliedStyles) {
@@ -219,8 +325,8 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
219
325
  appliedStyles.add(scopeId2);
220
326
  }
221
327
  }
222
- } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
223
- styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
328
+ } else if (!styleContainerDocument.adoptedStyleSheets.includes(style)) {
329
+ styleContainerDocument.adoptedStyleSheets = [...styleContainerDocument.adoptedStyleSheets, style];
224
330
  }
225
331
  }
226
332
  return scopeId2;
@@ -317,6 +423,7 @@ function sortedAttrNames(attrNames) {
317
423
  );
318
424
  }
319
425
  var hostTagName;
426
+ var useNativeShadowDom = false;
320
427
  var isSvgMode = false;
321
428
  var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
322
429
  const newVNode2 = newParentVNode.$children$[childIndex];
@@ -331,7 +438,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
331
438
  }
332
439
  elm = newVNode2.$elm$ = doc.createElementNS(
333
440
  isSvgMode ? SVG_NS : HTML_NS,
334
- newVNode2.$tag$
441
+ !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
335
442
  ) ;
336
443
  if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
337
444
  isSvgMode = false;
@@ -527,6 +634,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
527
634
  rootVnode.$flags$ |= 4 /* isHost */;
528
635
  hostRef.$vnode$ = rootVnode;
529
636
  rootVnode.$elm$ = oldVNode.$elm$ = hostElm;
637
+ useNativeShadowDom = supportsShadow ;
530
638
  patch(oldVNode, rootVnode, isInitialLoad);
531
639
  };
532
640
 
@@ -561,7 +669,10 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
561
669
  endSchedule();
562
670
  return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
563
671
  };
564
- var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn) : fn();
672
+ var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
673
+ console.error(err2);
674
+ fn();
675
+ }) : fn();
565
676
  var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
566
677
  var updateComponent = async (hostRef, instance, isInitialLoad) => {
567
678
  var _a;
@@ -683,10 +794,10 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
683
794
 
684
795
  // src/runtime/proxy-component.ts
685
796
  var proxyComponent = (Cstr, cmpMeta, flags) => {
686
- var _a;
797
+ var _a, _b;
687
798
  const prototype = Cstr.prototype;
688
- if (cmpMeta.$members$) {
689
- const members = Object.entries(cmpMeta.$members$);
799
+ if (cmpMeta.$members$ || BUILD.watchCallback ) {
800
+ const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
690
801
  members.map(([memberName, [memberFlags]]) => {
691
802
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
692
803
  Object.defineProperty(prototype, memberName, {
@@ -731,7 +842,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
731
842
  };
732
843
  Cstr.observedAttributes = Array.from(
733
844
  /* @__PURE__ */ new Set([
734
- ...Object.keys((_a = cmpMeta.$watchers$) != null ? _a : {}),
845
+ ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
735
846
  ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
736
847
  const attrName = m[1] || propName;
737
848
  attrNameToPropName.set(attrName, propName);
@@ -785,7 +896,10 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
785
896
  customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
786
897
  }
787
898
  if (Cstr && Cstr.style) {
788
- let style = Cstr.style;
899
+ let style;
900
+ if (typeof Cstr.style === "string") {
901
+ style = Cstr.style;
902
+ }
789
903
  const scopeId2 = getScopeId(cmpMeta);
790
904
  if (!styles.has(scopeId2)) {
791
905
  const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
@@ -888,10 +1002,15 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
888
1002
  // StencilLazyHost
889
1003
  constructor(self) {
890
1004
  super(self);
1005
+ this.hasRegisteredEventListeners = false;
891
1006
  self = this;
892
1007
  registerHost(self, cmpMeta);
893
1008
  }
894
1009
  connectedCallback() {
1010
+ getHostRef(this);
1011
+ if (!this.hasRegisteredEventListeners) {
1012
+ this.hasRegisteredEventListeners = true;
1013
+ }
895
1014
  if (appLoadFallback) {
896
1015
  clearTimeout(appLoadFallback);
897
1016
  appLoadFallback = null;
@@ -924,7 +1043,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
924
1043
  dataStyles.textContent += SLOT_FB_CSS;
925
1044
  }
926
1045
  {
927
- dataStyles.textContent += cmpTags + HYDRATED_CSS;
1046
+ dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
928
1047
  }
929
1048
  if (dataStyles.innerHTML.length) {
930
1049
  dataStyles.setAttribute("data-styles", "");
@@ -949,110 +1068,4 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
949
1068
  // src/runtime/nonce.ts
950
1069
  var setNonce = (nonce) => plt.$nonce$ = nonce;
951
1070
 
952
- // src/client/client-host-ref.ts
953
- var hostRefs = /* @__PURE__ */ new WeakMap();
954
- var getHostRef = (ref) => hostRefs.get(ref);
955
- var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
956
- var registerHost = (hostElement, cmpMeta) => {
957
- const hostRef = {
958
- $flags$: 0,
959
- $hostElement$: hostElement,
960
- $cmpMeta$: cmpMeta,
961
- $instanceValues$: /* @__PURE__ */ new Map()
962
- };
963
- {
964
- hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
965
- hostElement["s-p"] = [];
966
- hostElement["s-rc"] = [];
967
- }
968
- return hostRefs.set(hostElement, hostRef);
969
- };
970
- var isMemberInElement = (elm, memberName) => memberName in elm;
971
- var consoleError = (e, el) => (0, console.error)(e, el);
972
-
973
- // src/client/client-load-module.ts
974
- var cmpModules = /* @__PURE__ */ new Map();
975
- var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
976
- const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
977
- const bundleId = cmpMeta.$lazyBundleId$;
978
- if (!bundleId) {
979
- return void 0;
980
- }
981
- const module = cmpModules.get(bundleId) ;
982
- if (module) {
983
- return module[exportName];
984
- }
985
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
986
- return import(
987
- /* @vite-ignore */
988
- /* webpackInclude: /\.entry\.js$/ */
989
- /* webpackExclude: /\.system\.entry\.js$/ */
990
- /* webpackMode: "lazy" */
991
- `./${bundleId}.entry.js${""}`
992
- ).then((importedModule) => {
993
- {
994
- cmpModules.set(bundleId, importedModule);
995
- }
996
- return importedModule[exportName];
997
- }, consoleError);
998
- };
999
-
1000
- // src/client/client-style.ts
1001
- var styles = /* @__PURE__ */ new Map();
1002
- var win = typeof window !== "undefined" ? window : {};
1003
- var doc = win.document || { head: {} };
1004
- var plt = {
1005
- $flags$: 0,
1006
- $resourcesUrl$: "",
1007
- jmp: (h2) => h2(),
1008
- raf: (h2) => requestAnimationFrame(h2),
1009
- ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
1010
- rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
1011
- ce: (eventName, opts) => new CustomEvent(eventName, opts)
1012
- };
1013
- var promiseResolve = (v) => Promise.resolve(v);
1014
- var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
1015
- try {
1016
- new CSSStyleSheet();
1017
- return typeof new CSSStyleSheet().replaceSync === "function";
1018
- } catch (e) {
1019
- }
1020
- return false;
1021
- })() ;
1022
- var queuePending = false;
1023
- var queueDomReads = [];
1024
- var queueDomWrites = [];
1025
- var queueTask = (queue, write) => (cb) => {
1026
- queue.push(cb);
1027
- if (!queuePending) {
1028
- queuePending = true;
1029
- if (write && plt.$flags$ & 4 /* queueSync */) {
1030
- nextTick(flush);
1031
- } else {
1032
- plt.raf(flush);
1033
- }
1034
- }
1035
- };
1036
- var consume = (queue) => {
1037
- for (let i2 = 0; i2 < queue.length; i2++) {
1038
- try {
1039
- queue[i2](performance.now());
1040
- } catch (e) {
1041
- consoleError(e);
1042
- }
1043
- }
1044
- queue.length = 0;
1045
- };
1046
- var flush = () => {
1047
- consume(queueDomReads);
1048
- {
1049
- consume(queueDomWrites);
1050
- if (queuePending = queueDomReads.length > 0) {
1051
- plt.raf(flush);
1052
- }
1053
- }
1054
- };
1055
- var nextTick = (cb) => promiseResolve().then(cb);
1056
- var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
1057
-
1058
1071
  export { bootstrapLazy as b, h, promiseResolve as p, registerInstance as r, setNonce as s };
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-d0e98f9d.js';
2
- export { s as setNonce } from './index-d0e98f9d.js';
1
+ import { b as bootstrapLazy } from './index-d9e22cf5.js';
2
+ export { s as setNonce } from './index-d9e22cf5.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
@@ -1,9 +1,9 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-d0e98f9d.js';
2
- export { s as setNonce } from './index-d0e98f9d.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-d9e22cf5.js';
2
+ export { s as setNonce } from './index-d9e22cf5.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.18.3 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.19.0 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
  var patchBrowser = () => {
9
9
  const importMeta = import.meta.url;
@@ -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)=>(0,console.error)(e,t),s=new Map,r=new Map,i="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="http://www.w3.org/1999/xlink",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),m=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,d=[],w=[],y=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&f.l?b($):f.raf($))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){o(e)}e.length=0},$=()=>{v(d),v(w),(p=d.length>0)&&f.raf($)},b=e=>h().then(e),g=y(w,!0),S={},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:()=>E,map:()=>C,ok:()=>O,unwrap:()=>x,unwrapErr:()=>P});var O=e=>({isOk:!0,isErr:!1,value:e}),E=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=>O(e))):O(n)}if(e.isErr)return E(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},T=(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?A(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=A(e,null);return u.u=t,i.length>0&&(u.h=i),u.m=o,u},A=(e,t)=>({l:0,p:e,i:t,v:null,h:null,u:null,m:null}),F={},N=new WeakMap,R=e=>"sc-"+e.$,H=(e,t,n,l,o,s)=>{if(n!==l){let r=((e,t)=>t in e)(e,t),i=t.toLowerCase();if("class"===t){const t=e.classList,o=U(n),s=U(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("key"===t);else{const u=j(l);if((r||u&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let a=!1;i!==(i=i.replace(/^xlink\:?/,""))&&(t=i,a=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(a?e.removeAttributeNS(c,t):e.removeAttribute(t)):(!r||4&s||o)&&!u&&(l=!0===l?"":l,a?e.setAttributeNS(c,t,l):e.setAttribute(t,l))}}},L=/\s/,U=e=>e?e.split(L):[],W=(e,t,n)=>{const l=11===t.v.nodeType&&t.v.host?t.v.host:t.v,o=e&&e.u||S,s=t.u||S;for(const e of q(Object.keys(o)))e in s||H(l,e,o[e],void 0,n,t.l);for(const e of q(Object.keys(s)))H(l,e,o[e],s[e],n,t.l)};function q(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var D=!1,G=(e,t,n)=>{const l=t.h[n];let o,s,r=0;if(null!==l.i)o=l.v=a.createTextNode(l.i);else{if(D||(D="svg"===l.p),o=l.v=a.createElementNS(D?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",l.p),D&&"foreignObject"===l.p&&(D=!1),W(null,l,D),l.h)for(r=0;r<l.h.length;++r)s=G(e,l,r),s&&o.appendChild(s);"svg"===l.p?D=!1:"foreignObject"===o.tagName&&(D=!0)}return o["s-hn"]=M,o},V=(e,t,n,l,o,s)=>{let r,i=e;for(;o<=s;++o)l[o]&&(r=G(null,n,o),r&&(l[o].v=r,I(i,r,t)))},_=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.v;e&&e.remove()}}},z=(e,t,n=!1)=>e.p===t.p&&(!!n||e.m===t.m),B=(e,t,n=!1)=>{const l=t.v=e.v,o=e.h,s=t.h,r=t.p,i=t.i;null===i?(W(e,t,D="svg"===r||"foreignObject"!==r&&D),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],m=t[f],p=l.length-1,d=l[0],w=l[p];for(;i<=f&&c<=p;)if(null==h)h=t[++i];else if(null==m)m=t[--f];else if(null==d)d=l[++c];else if(null==w)w=l[--p];else if(z(h,d,o))B(h,d,o),h=t[++i],d=l[++c];else if(z(m,w,o))B(m,w,o),m=t[--f],w=l[--p];else if(z(h,w,o))B(h,w,o),I(e,h.v,m.v.nextSibling),h=t[++i],w=l[--p];else if(z(m,d,o))B(m,d,o),I(e,m.v,h.v),m=t[--f],d=l[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].m&&t[a].m===d.m){u=a;break}u>=0?(r=t[u],r.p!==d.p?s=G(t&&t[c],n,u):(B(r,d,o),t[u]=void 0,s=r.v),d=l[++c]):(s=G(t&&t[c],n,c),d=l[++c]),s&&I(h.v.parentNode,s,h.v)}i>f?V(e,null==l[p+1]?null:l[p+1].v,n,l,c,p):c>p&&_(t,i,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),V(l,null,t,s,0,s.length-1)):null!==o&&_(o,0,o.length-1),D&&"svg"===r&&(D=!1)):e.i!==i&&(l.data=i)},I=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),J=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},K=(e,t)=>{if(e.l|=16,!(4&e.l))return J(e,e.j),g((()=>Q(e,t)));e.l|=512},Q=(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 X(void 0,(()=>Z(e,n,t)))},X=(e,t)=>Y(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Y=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Z=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.k;((e,t)=>{var n;const l=e,o=R(t),s=r.get(o);if(e=11===e.nodeType?e:a,s)if("string"==typeof s){let r,c=N.get(e=l.head||e);if(c||N.set(e,c=new Set),!c.has(o)){{r=a.createElement("style"),r.innerHTML=s;const t=null!=(n=f.O)?n:k(a);null!=t&&r.setAttribute("nonce",t),e.insertBefore(r,e.querySelector("link"))}4&t.l&&(r.innerHTML+=i),c&&c.add(o)}}else l.adoptedStyleSheets.includes(s)||(l.adoptedStyleSheets=[...l.adoptedStyleSheets,s])})(e.$hostElement$.getRootNode(),t)})(e);ee(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>te(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},ee=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.C||A(null,null),s=(e=>e&&e.p===F)(t)?t:T(null,null,t);if(M=l.tagName,n&&s.u)for(const e of Object.keys(s.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(s.u[e]=l[e]);s.p=null,s.l|=4,e.C=s,s.v=o.v=l,B(o,s,n)})(e,t,l)}catch(t){o(t,e.$hostElement$)}return null},te=e=>{const t=e.$hostElement$,n=e.j;64&e.l||(e.l|=64,le(t),e.M(t),n||ne()),e.S&&(e.S(),e.S=void 0),512&e.l&&b((()=>K(e,!1))),e.l&=-517},ne=()=>{le(a.documentElement),b((()=>(e=>{const t=f.ce("appload",{detail:{namespace:"proto-ikons-wc"}});return e.dispatchEvent(t),t})(u)))},le=e=>e.classList.add("hydrated"),oe=(e,t,l)=>{var o,s;const r=e.prototype;if(t.P){const i=Object.entries(null!=(o=t.P)?o:{});if(i.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(r,e,{get(){return((e,t)=>n(this).T.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.$}" 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.T.get(t),i=s.l,c=s.t;l=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,o.P[t][0]),8&i&&void 0!==r||l===r||Number.isNaN(r)&&Number.isNaN(l)||(s.T.set(t,l),c&&2==(18&i)&&K(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.A)?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.A)?s:{}),...i.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return l.set(n,e),n}))]))}}return e},se=(e,l={})=>{var c;const h=[],p=l.exclude||[],d=u.customElements,w=a.head,y=w.querySelector("meta[charset]"),v=a.createElement("style"),$=[];let b,g=!0;Object.assign(f,l),f.o=new URL(l.resourcesUrl||"./",a.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((l=>{const i={l:l[0],$:l[1],P:l[2],F:l[3]};4&i.l&&(S=!0),i.P=l[2];const c=i.$,u=class extends HTMLElement{constructor(e){super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,k:n,T:new Map};l.N=new Promise((e=>l.M=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,i)}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),g?$.push(this):f.jmp((()=>(e=>{if(!(1&f.l)){const t=n(e),l=t.k,i=()=>{};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"]){J(t,t.j=n);break}}l.P&&Object.entries(l.P).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.R){const e=(e=>{const t=e.$.replace(/-/g,"_"),n=e.R;if(!n)return;const l=s.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(s.set(n,e),e[t])),o)
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.$}#${t.H}" was not found`);l.isProxied||(oe(l,n,2),l.isProxied=!0);const r=()=>{};t.l|=8;try{new l(t)}catch(e){o(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=R(n);if(!r.has(t)){const l=()=>{};((e,t,n)=>{let l=r.get(e);m&&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 i=t.j,c=()=>K(t,!0);i&&i["s-rc"]?i["s-rc"].push(c):c()})(e,t,l)}i()}})(this)))}disconnectedCallback(){f.jmp((()=>(async()=>{if(!(1&f.l)){const e=n(this);(null==e?void 0:e.t)||(null==e?void 0:e.N)&&e.N.then((()=>{}))}})()))}componentOnReady(){return n(this).N}};i.R=e[0],p.includes(c)||d.get(c)||(h.push(c),d.define(c,oe(u,i,1)))}))})),h.length>0&&(S&&(v.textContent+=i),v.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(c=f.O)?c:k(a);null!=e&&v.setAttribute("nonce",e),w.insertBefore(v,y?y.nextSibling:w.firstChild)}g=!1,$.length?$.map((e=>e.connectedCallback())):f.jmp((()=>b=setTimeout(ne,30)))},re=e=>f.O=e;export{se as b,T as h,h as p,l as r,re as s}