proto-ikons-wc 0.0.168 → 0.0.169

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-f1b4d735.js');
5
+ const index = require('./index-2383e620.js');
6
6
 
7
7
  const acuraIkonCss = "";
8
8
  const AcuraIkonStyle0 = acuraIkonCss;
@@ -21,19 +21,28 @@ function _interopNamespace(e) {
21
21
  }
22
22
 
23
23
  const NAMESPACE = 'proto-ikons-wc';
24
- 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 };
24
+ 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, modernPropertyDecls: 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 };
25
25
 
26
26
  /*
27
- Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com
27
+ Stencil Client Platform v4.23.1 | MIT Licensed | https://stenciljs.com
28
28
  */
29
29
  var __defProp = Object.defineProperty;
30
30
  var __export = (target, all) => {
31
31
  for (var name in all)
32
32
  __defProp(target, name, { get: all[name], enumerable: true });
33
33
  };
34
+
35
+ // src/utils/constants.ts
36
+ var EMPTY_OBJ = {};
37
+ var SVG_NS = "http://www.w3.org/2000/svg";
38
+ var HTML_NS = "http://www.w3.org/1999/xhtml";
39
+
40
+ // src/client/client-host-ref.ts
34
41
  var hostRefs = /* @__PURE__ */ new WeakMap();
35
42
  var getHostRef = (ref) => hostRefs.get(ref);
36
- var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
43
+ var registerInstance = (lazyInstance, hostRef) => {
44
+ hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
45
+ };
37
46
  var registerHost = (hostElement, cmpMeta) => {
38
47
  const hostRef = {
39
48
  $flags$: 0,
@@ -46,7 +55,8 @@ var registerHost = (hostElement, cmpMeta) => {
46
55
  hostElement["s-p"] = [];
47
56
  hostElement["s-rc"] = [];
48
57
  }
49
- return hostRefs.set(hostElement, hostRef);
58
+ const ref = hostRefs.set(hostElement, hostRef);
59
+ return ref;
50
60
  };
51
61
  var isMemberInElement = (elm, memberName) => memberName in elm;
52
62
  var consoleError = (e, el) => (0, console.error)(e, el);
@@ -80,6 +90,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
80
90
 
81
91
  // src/client/client-style.ts
82
92
  var styles = /* @__PURE__ */ new Map();
93
+ var HYDRATED_STYLE_ID = "sty-id";
83
94
  var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
84
95
  var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
85
96
  var XLINK_NS = "http://www.w3.org/1999/xlink";
@@ -139,14 +150,6 @@ var flush = () => {
139
150
  };
140
151
  var nextTick = (cb) => promiseResolve().then(cb);
141
152
  var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
142
-
143
- // src/utils/constants.ts
144
- var EMPTY_OBJ = {};
145
- var SVG_NS = "http://www.w3.org/2000/svg";
146
- var HTML_NS = "http://www.w3.org/1999/xhtml";
147
-
148
- // src/utils/helpers.ts
149
- var isDef = (v) => v != null;
150
153
  var isComplexType = (o) => {
151
154
  o = typeof o;
152
155
  return o === "object" || o === "function";
@@ -277,12 +280,19 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
277
280
  if (memberName === "class") {
278
281
  const classList = elm.classList;
279
282
  const oldClasses = parseClassList(oldValue);
280
- const newClasses = parseClassList(newValue);
281
- if (elm["s-si"] && newClasses.indexOf(elm["s-si"]) < 0) {
283
+ let newClasses = parseClassList(newValue);
284
+ if (elm["s-si"]) {
282
285
  newClasses.push(elm["s-si"]);
286
+ oldClasses.forEach((c) => {
287
+ if (c.startsWith(elm["s-si"])) newClasses.push(c);
288
+ });
289
+ newClasses = [...new Set(newClasses)];
290
+ classList.add(...newClasses);
291
+ delete elm["s-si"];
292
+ } else {
293
+ classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
294
+ classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
283
295
  }
284
- classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
285
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
286
296
  } else if (memberName === "key") ; else {
287
297
  const isComplex = isComplexType(newValue);
288
298
  if ((isProp || isComplex && newValue !== null) && !isSvg) {
@@ -331,7 +341,15 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
331
341
  }
332
342
  };
333
343
  var parseClassListRegex = /\s/;
334
- var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
344
+ var parseClassList = (value) => {
345
+ if (typeof value === "object" && "baseVal" in value) {
346
+ value = value.baseVal;
347
+ }
348
+ if (!value) {
349
+ return [];
350
+ }
351
+ return value.split(parseClassListRegex);
352
+ };
335
353
 
336
354
  // src/runtime/vdom/update-element.ts
337
355
  var updateElement = (oldVnode, newVnode, isSvgMode2) => {
@@ -358,13 +376,10 @@ function sortedAttrNames(attrNames) {
358
376
  attrNames
359
377
  );
360
378
  }
361
-
362
- // src/runtime/vdom/vdom-render.ts
363
- var scopeId;
364
379
  var hostTagName;
365
380
  var useNativeShadowDom = false;
366
381
  var isSvgMode = false;
367
- var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
382
+ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
368
383
  const newVNode2 = newParentVNode.$children$[childIndex];
369
384
  let i2 = 0;
370
385
  let elm;
@@ -385,11 +400,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
385
400
  {
386
401
  updateElement(null, newVNode2, isSvgMode);
387
402
  }
388
- const rootNode = elm.getRootNode();
389
- const isElementWithinShadowRoot = !rootNode.querySelector("body");
390
- if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
391
- elm.classList.add(elm["s-si"] = scopeId);
392
- }
393
403
  if (newVNode2.$children$) {
394
404
  for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
395
405
  childNode = createElm(oldParentVNode, newVNode2, i2);
@@ -522,6 +532,9 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
522
532
  if (!isInitialRender) {
523
533
  return leftVNode.$key$ === rightVNode.$key$;
524
534
  }
535
+ if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
536
+ leftVNode.$key$ = rightVNode.$key$;
537
+ }
525
538
  return true;
526
539
  }
527
540
  return false;
@@ -648,7 +661,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
648
661
  }
649
662
  if (!appliedStyles.has(scopeId2)) {
650
663
  {
651
- styleElm = doc.createElement("style");
664
+ styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
652
665
  styleElm.innerHTML = style;
653
666
  const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
654
667
  if (nonce != null) {
@@ -930,7 +943,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
930
943
  plt.jmp(() => {
931
944
  var _a2;
932
945
  const propName = attrNameToPropName.get(attrName);
933
- if (this.hasOwnProperty(propName)) {
946
+ if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
934
947
  newValue = this[propName];
935
948
  delete this[propName];
936
949
  } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-f1b4d735.js');
5
+ const index = require('./index-2383e620.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  const defineCustomElements = async (win, options) => {
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-f1b4d735.js');
5
+ const index = require('./index-2383e620.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  /*
9
- Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com
9
+ Stencil Client Patch Browser v4.23.1 | MIT Licensed | https://stenciljs.com
10
10
  */
11
11
  var patchBrowser = () => {
12
12
  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('proto-ikons-wc.cjs.js', document.baseURI).href));
@@ -122,7 +122,7 @@
122
122
  ],
123
123
  "compiler": {
124
124
  "name": "@stencil/core",
125
- "version": "4.23.0",
125
+ "version": "4.23.1",
126
126
  "typescriptVersion": "5.5.4"
127
127
  },
128
128
  "collections": [],
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-0fced0d2.js';
1
+ import { r as registerInstance, h } from './index-e13c118f.js';
2
2
 
3
3
  const acuraIkonCss = "";
4
4
  const AcuraIkonStyle0 = acuraIkonCss;
@@ -1,17 +1,26 @@
1
1
  const NAMESPACE = 'proto-ikons-wc';
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 };
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, modernPropertyDecls: 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.23.0 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.23.1 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  var __defProp = Object.defineProperty;
8
8
  var __export = (target, all) => {
9
9
  for (var name in all)
10
10
  __defProp(target, name, { get: all[name], enumerable: true });
11
11
  };
12
+
13
+ // src/utils/constants.ts
14
+ var EMPTY_OBJ = {};
15
+ var SVG_NS = "http://www.w3.org/2000/svg";
16
+ var HTML_NS = "http://www.w3.org/1999/xhtml";
17
+
18
+ // src/client/client-host-ref.ts
12
19
  var hostRefs = /* @__PURE__ */ new WeakMap();
13
20
  var getHostRef = (ref) => hostRefs.get(ref);
14
- var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
21
+ var registerInstance = (lazyInstance, hostRef) => {
22
+ hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
23
+ };
15
24
  var registerHost = (hostElement, cmpMeta) => {
16
25
  const hostRef = {
17
26
  $flags$: 0,
@@ -24,7 +33,8 @@ var registerHost = (hostElement, cmpMeta) => {
24
33
  hostElement["s-p"] = [];
25
34
  hostElement["s-rc"] = [];
26
35
  }
27
- return hostRefs.set(hostElement, hostRef);
36
+ const ref = hostRefs.set(hostElement, hostRef);
37
+ return ref;
28
38
  };
29
39
  var isMemberInElement = (elm, memberName) => memberName in elm;
30
40
  var consoleError = (e, el) => (0, console.error)(e, el);
@@ -58,6 +68,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
58
68
 
59
69
  // src/client/client-style.ts
60
70
  var styles = /* @__PURE__ */ new Map();
71
+ var HYDRATED_STYLE_ID = "sty-id";
61
72
  var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
62
73
  var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
63
74
  var XLINK_NS = "http://www.w3.org/1999/xlink";
@@ -117,14 +128,6 @@ var flush = () => {
117
128
  };
118
129
  var nextTick = (cb) => promiseResolve().then(cb);
119
130
  var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
120
-
121
- // src/utils/constants.ts
122
- var EMPTY_OBJ = {};
123
- var SVG_NS = "http://www.w3.org/2000/svg";
124
- var HTML_NS = "http://www.w3.org/1999/xhtml";
125
-
126
- // src/utils/helpers.ts
127
- var isDef = (v) => v != null;
128
131
  var isComplexType = (o) => {
129
132
  o = typeof o;
130
133
  return o === "object" || o === "function";
@@ -255,12 +258,19 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
255
258
  if (memberName === "class") {
256
259
  const classList = elm.classList;
257
260
  const oldClasses = parseClassList(oldValue);
258
- const newClasses = parseClassList(newValue);
259
- if (elm["s-si"] && newClasses.indexOf(elm["s-si"]) < 0) {
261
+ let newClasses = parseClassList(newValue);
262
+ if (elm["s-si"]) {
260
263
  newClasses.push(elm["s-si"]);
264
+ oldClasses.forEach((c) => {
265
+ if (c.startsWith(elm["s-si"])) newClasses.push(c);
266
+ });
267
+ newClasses = [...new Set(newClasses)];
268
+ classList.add(...newClasses);
269
+ delete elm["s-si"];
270
+ } else {
271
+ classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
272
+ classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
261
273
  }
262
- classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
263
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
264
274
  } else if (memberName === "key") ; else {
265
275
  const isComplex = isComplexType(newValue);
266
276
  if ((isProp || isComplex && newValue !== null) && !isSvg) {
@@ -309,7 +319,15 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
309
319
  }
310
320
  };
311
321
  var parseClassListRegex = /\s/;
312
- var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
322
+ var parseClassList = (value) => {
323
+ if (typeof value === "object" && "baseVal" in value) {
324
+ value = value.baseVal;
325
+ }
326
+ if (!value) {
327
+ return [];
328
+ }
329
+ return value.split(parseClassListRegex);
330
+ };
313
331
 
314
332
  // src/runtime/vdom/update-element.ts
315
333
  var updateElement = (oldVnode, newVnode, isSvgMode2) => {
@@ -336,13 +354,10 @@ function sortedAttrNames(attrNames) {
336
354
  attrNames
337
355
  );
338
356
  }
339
-
340
- // src/runtime/vdom/vdom-render.ts
341
- var scopeId;
342
357
  var hostTagName;
343
358
  var useNativeShadowDom = false;
344
359
  var isSvgMode = false;
345
- var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
360
+ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
346
361
  const newVNode2 = newParentVNode.$children$[childIndex];
347
362
  let i2 = 0;
348
363
  let elm;
@@ -363,11 +378,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
363
378
  {
364
379
  updateElement(null, newVNode2, isSvgMode);
365
380
  }
366
- const rootNode = elm.getRootNode();
367
- const isElementWithinShadowRoot = !rootNode.querySelector("body");
368
- if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
369
- elm.classList.add(elm["s-si"] = scopeId);
370
- }
371
381
  if (newVNode2.$children$) {
372
382
  for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
373
383
  childNode = createElm(oldParentVNode, newVNode2, i2);
@@ -500,6 +510,9 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
500
510
  if (!isInitialRender) {
501
511
  return leftVNode.$key$ === rightVNode.$key$;
502
512
  }
513
+ if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
514
+ leftVNode.$key$ = rightVNode.$key$;
515
+ }
503
516
  return true;
504
517
  }
505
518
  return false;
@@ -626,7 +639,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
626
639
  }
627
640
  if (!appliedStyles.has(scopeId2)) {
628
641
  {
629
- styleElm = doc.createElement("style");
642
+ styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
630
643
  styleElm.innerHTML = style;
631
644
  const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
632
645
  if (nonce != null) {
@@ -908,7 +921,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
908
921
  plt.jmp(() => {
909
922
  var _a2;
910
923
  const propName = attrNameToPropName.get(attrName);
911
- if (this.hasOwnProperty(propName)) {
924
+ if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
912
925
  newValue = this[propName];
913
926
  delete this[propName];
914
927
  } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-0fced0d2.js';
2
- export { s as setNonce } from './index-0fced0d2.js';
1
+ import { b as bootstrapLazy } from './index-e13c118f.js';
2
+ export { s as setNonce } from './index-e13c118f.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-0fced0d2.js';
2
- export { s as setNonce } from './index-0fced0d2.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-e13c118f.js';
2
+ export { s as setNonce } from './index-e13c118f.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.23.1 | 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={},n=new WeakMap,l=e=>n.get(e),o=(e,t)=>{n.set(t.t=e,t)},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="http://www.w3.org/1999/xlink",f="undefined"!=typeof window?window:{},a=f.document||{head:{}},h={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)},m=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),d=!1,w=[],y=[],b=(e,t)=>n=>{e.push(n),d||(d=!0,t&&4&h.l?g($):h.raf($))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},$=()=>{v(w),v(y),(d=w.length>0)&&h.raf($)},g=e=>m().then(e),S=b(y,!0),j=e=>"object"==(e=typeof e)||"function"===e;function O(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:()=>k,unwrap:()=>x,unwrapErr:()=>P});var k=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=>k(e))):k(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},A=(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&&!j(l))&&(l+=""),s&&i?r[r.length-1].i+=l:r.push(s?H(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=H(e,null);return u.u=t,r.length>0&&(u.h=r),u.m=o,u},H=(e,t)=>({l:0,p:e,i:t,v:null,h:null,u:null,m:null}),T={},D=(e,t,n,l,o,s)=>{if(n!==l){let i=((e,t)=>t in e)(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,o=N(n);let s=N(l);e["s-si"]?(s.push(e["s-si"]),o.forEach((t=>{t.startsWith(e["s-si"])&&s.push(t)})),s=[...new Set(s)],t.add(...s),delete e["s-si"]):(t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e)))))}else if("key"===t);else{const c=j(l);if((i||c&&null!==l)&&!o)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){}let f=!1;r!==(r=r.replace(/^xlink\:?/,""))&&(t=r,f=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(f?e.removeAttributeNS(u,t):e.removeAttribute(t)):(!i||4&s||o)&&!c&&(l=!0===l?"":l,f?e.setAttributeNS(u,t,l):e.setAttribute(t,l))}}},F=/\s/,N=e=>("object"==typeof e&&"baseVal"in e&&(e=e.baseVal),e?e.split(F):[]),R=(e,n,l)=>{const o=11===n.v.nodeType&&n.v.host?n.v.host:n.v,s=e&&e.u||t,i=n.u||t;for(const e of L(Object.keys(s)))e in i||D(o,e,s[e],void 0,l,n.l);for(const e of L(Object.keys(i)))D(o,e,s[e],i[e],l,n.l)};function L(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var U=!1,V=(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(U||(U="svg"===l.p),o=l.v=a.createElementNS(U?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",l.p),U&&"foreignObject"===l.p&&(U=!1),R(null,l,U),l.h)for(i=0;i<l.h.length;++i)s=V(e,l,i),s&&o.appendChild(s);"svg"===l.p?U=!1:"foreignObject"===o.tagName&&(U=!0)}return o["s-hn"]=M,o},W=(e,t,n,l,o,s)=>{let i,r=e;for(;o<=s;++o)l[o]&&(i=V(null,n,o),i&&(l[o].v=i,z(r,i,t)))},q=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.v;e&&e.remove()}}},G=(e,t,n=!1)=>e.p===t.p&&(n?(n&&!e.m&&t.m&&(e.m=t.m),!0):e.m===t.m),_=(e,t,n=!1)=>{const l=t.v=e.v,o=e.h,s=t.h,i=t.p,r=t.i;null===r?(R(e,t,U="svg"===i||"foreignObject"!==i&&U),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=t.length-1,h=t[0],m=t[a],p=l.length-1,d=l[0],w=l[p];for(;r<=a&&c<=p;)if(null==h)h=t[++r];else if(null==m)m=t[--a];else if(null==d)d=l[++c];else if(null==w)w=l[--p];else if(G(h,d,o))_(h,d,o),h=t[++r],d=l[++c];else if(G(m,w,o))_(m,w,o),m=t[--a],w=l[--p];else if(G(h,w,o))_(h,w,o),z(e,h.v,m.v.nextSibling),h=t[++r],w=l[--p];else if(G(m,d,o))_(m,d,o),z(e,m.v,h.v),m=t[--a],d=l[++c];else{for(u=-1,f=r;f<=a;++f)if(t[f]&&null!==t[f].m&&t[f].m===d.m){u=f;break}u>=0?(i=t[u],i.p!==d.p?s=V(t&&t[c],n,u):(_(i,d,o),t[u]=void 0,s=i.v),d=l[++c]):(s=V(t&&t[c],n,c),d=l[++c]),s&&z(h.v.parentNode,s,h.v)}r>a?W(e,null==l[p+1]?null:l[p+1].v,n,l,c,p):c>p&&q(t,r,a)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),W(l,null,t,s,0,s.length-1)):!n&&null!==o&&q(o,0,o.length-1),U&&"svg"===i&&(U=!1)):e.i!==r&&(l.data=r)},z=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),B=(e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e,I=new WeakMap,J=e=>"sc-"+e.$,K=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},Q=(e,t)=>{if(e.l|=16,!(4&e.l))return K(e,e.j),S((()=>X(e,t)));e.l|=512},X=(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 Y(void 0,(()=>ee(e,n,t)))},Y=(e,t)=>Z(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Z=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ee=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.O;((e,t)=>{var n;const l=J(t),o=r.get(l);if(e=11===e.nodeType?e:a,o)if("string"==typeof o){let s,i=I.get(e=e.head||e);if(i||I.set(e,i=new Set),!i.has(l)){{s=document.querySelector(`[sty-id="${l}"]`)||a.createElement("style"),s.innerHTML=o;const i=null!=(n=h.k)?n:O(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,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),i&&i.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o])})(e.$hostElement$.getRootNode(),t)})(e);te(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>ne(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},te=(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||H(null,null),s=(e=>e&&e.p===T)(t)?t:A(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,_(o,s,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},ne=e=>{const t=e.$hostElement$,n=e.j;64&e.l||(e.l|=64,oe(t),e.M(t),n||le()),e.S&&(e.S(),e.S=void 0),512&e.l&&g((()=>Q(e,!1))),e.l&=-517},le=()=>{oe(a.documentElement),g((()=>(e=>{const t=h.ce("appload",{detail:{namespace:"proto-ikons-wc"}});return e.dispatchEvent(t),t})(f)))},oe=e=>e.classList.add("hydrated"),se=(e,t,n,o)=>{const s=l(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.P.get(t),r=s.l,c=s.t;n=B(n,o.A[t][0]),8&r&&void 0!==i||n===i||Number.isNaN(i)&&Number.isNaN(n)||(s.P.set(t,n),c&&2==(18&r)&&Q(s,!1))},ie=(e,t,n)=>{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&n&&32&o)if(2048&o){if(1&n&&2048&o&&(Object.defineProperty(i,e,{get(){const t=l(this),n=t?t.t:i;if(n)return n[e]},configurable:!0,enumerable:!0}),4096&o)){const n=Object.getOwnPropertyDescriptor(i,e).set;Object.defineProperty(i,e,{set(o){const s=l(this);if(n){const l=s.$hostElement$[e];return!s.P.get(e)&&l&&s.P.set(e,l),n.call(this,B(o,t.A[e][0])),void se(this,e,s.$hostElement$[e],t)}if(!s)return;const i=()=>{const n=s.t[e];!s.P.get(e)&&n&&s.P.set(e,n),s.t[e]=B(o,t.A[e][0]),se(this,e,s.t[e],t)};s.t?i():s.H.then((()=>i()))}})}}else Object.defineProperty(i,e,{get(){return((e,t)=>l(this).P.get(t))(0,e)},set(n){se(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;i.attributeChangedCallback=function(e,o,s){h.jmp((()=>{var r;const c=n.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 n=l(this),i=null==n?void 0:n.l;if(i&&!(8&i)&&128&i&&s!==o){const l=n.t,i=null==(r=t.T)?void 0:r[e];null==i||i.forEach((t=>{null!=l[t]&&l[t].call(l,s,o,e)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);u.get&&!u.set||(this[c]=(null!==s||"boolean"!=typeof 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,t])=>{const l=t[1]||e;return n.set(l,e),l}))]))}}return e},re=(e,t={})=>{var o;const u=[],m=t.exclude||[],d=f.customElements,w=a.head,y=w.querySelector("meta[charset]"),b=a.createElement("style"),v=[];let $,g=!0;Object.assign(h,t),h.o=new URL(t.resourcesUrl||"./",a.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((t=>{const o={l:t[0],$:t[1],A:t[2],D:t[3]};4&o.l&&(S=!0),o.A=t[2];const c=o.$,f=class extends HTMLElement{constructor(e){super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const l={l:0,$hostElement$:e,O:t,P:new Map};l.H=new Promise((e=>l.M=e)),e["s-p"]=[],e["s-rc"]=[],n.set(e,l)})(e=this,o)}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),$&&(clearTimeout($),$=null),g?v.push(this):h.jmp((()=>(e=>{if(!(1&h.l)){const t=l(e),n=t.O,o=()=>{};if(1&t.l)(null==t?void 0:t.t)||(null==t?void 0:t.H)&&t.H.then((()=>{}));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){K(t,t.j=n);break}}n.A&&Object.entries(n.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.F){const e=(e=>{const t=e.$.replace(/-/g,"_"),n=e.F;if(!n)return;const l=i.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(i.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.$}#${t.N}" was not found`);l.isProxied||(ie(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=J(n);if(!r.has(t)){const l=()=>{};((e,t,n)=>{let l=r.get(e);p&&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=()=>Q(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,n)}o()}})(this)))}disconnectedCallback(){h.jmp((()=>(async()=>{if(!(1&h.l)){const e=l(this);(null==e?void 0:e.t)||(null==e?void 0:e.H)&&e.H.then((()=>{}))}})()))}componentOnReady(){return l(this).H}};o.F=e[0],m.includes(c)||d.get(c)||(u.push(c),d.define(c,ie(f,o,1)))}))})),u.length>0&&(S&&(b.textContent+=c),b.textContent+=u.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",b.innerHTML.length)){b.setAttribute("data-styles","");const e=null!=(o=h.k)?o:O(a);null!=e&&b.setAttribute("nonce",e),w.insertBefore(b,y?y.nextSibling:w.firstChild)}g=!1,v.length?v.map((e=>e.connectedCallback())):h.jmp((()=>$=setTimeout(le,30)))},ce=e=>h.k=e;export{re as b,A as h,m as p,o as r,ce as s}