@siemens/ix-icons 0.0.0-pr-69-20250205144920 → 0.0.0-v3-preview-20250130095430

Sign up to get free protection for your applications and to get access to all the features.
Files changed (63) hide show
  1. package/README.md +17 -46
  2. package/components/icon.js +252 -0
  3. package/components/icon.js.map +1 -0
  4. package/components/index.js +2 -1
  5. package/components/index.js.map +1 -1
  6. package/components/ix-icon.js +1 -1
  7. package/dist/cjs/{icon-319056c0.js → icon-2c9dc943.js} +56 -62
  8. package/dist/cjs/icon-2c9dc943.js.map +1 -0
  9. package/dist/cjs/{index-f6043fa9.js → index-ea94711c.js} +70 -178
  10. package/dist/cjs/index-ea94711c.js.map +1 -0
  11. package/dist/cjs/index.cjs.js +2 -2
  12. package/dist/cjs/ix-icon.cjs.entry.js +2 -2
  13. package/dist/cjs/ix-icons.cjs.js +2 -2
  14. package/dist/cjs/ix-icons.cjs.js.map +1 -1
  15. package/dist/cjs/loader.cjs.js +1 -1
  16. package/dist/collection/collection-manifest.json +2 -2
  17. package/dist/collection/components/icon/icon.js +19 -31
  18. package/dist/collection/components/icon/icon.js.map +1 -1
  19. package/dist/collection/components/icon/icons.js +1258 -0
  20. package/dist/collection/components/icon/icons.js.map +1 -0
  21. package/dist/collection/components/icon/resolveIcon.js +43 -26
  22. package/dist/collection/components/icon/resolveIcon.js.map +1 -1
  23. package/dist/esm/{icon-fc868c56.js → icon-e3f6595d.js} +56 -62
  24. package/dist/esm/icon-e3f6595d.js.map +1 -0
  25. package/dist/esm/{index-051cb4f1.js → index-050dd9d6.js} +70 -178
  26. package/dist/esm/index-050dd9d6.js.map +1 -0
  27. package/dist/esm/index.js +2 -2
  28. package/dist/esm/ix-icon.entry.js +2 -2
  29. package/dist/esm/ix-icons.js +3 -3
  30. package/dist/esm/ix-icons.js.map +1 -1
  31. package/dist/esm/loader.js +2 -2
  32. package/dist/ix-icons/index.esm.js +1 -1
  33. package/dist/ix-icons/ix-icons.esm.js +1 -1
  34. package/dist/ix-icons/ix-icons.esm.js.map +1 -1
  35. package/dist/ix-icons/p-0194ffaa.js +3 -0
  36. package/dist/ix-icons/p-0194ffaa.js.map +1 -0
  37. package/dist/ix-icons/p-196f504a.js +2 -0
  38. package/dist/ix-icons/p-196f504a.js.map +1 -0
  39. package/dist/ix-icons/p-45457b43.entry.js +2 -0
  40. package/dist/types/components/icon/icon.d.ts +2 -5
  41. package/dist/types/components/icon/icons.d.ts +1256 -0
  42. package/dist/types/components/icon/meta-tag.d.ts +1 -1
  43. package/dist/types/components/icon/resolveIcon.d.ts +2 -1
  44. package/dist/types/components.d.ts +2 -8
  45. package/dist/types/stencil-public-runtime.d.ts +0 -6
  46. package/icons/package.json +1 -1
  47. package/package.json +2 -2
  48. package/components/p-187634d0.js +0 -1363
  49. package/components/p-187634d0.js.map +0 -1
  50. package/dist/cjs/icon-319056c0.js.map +0 -1
  51. package/dist/cjs/index-f6043fa9.js.map +0 -1
  52. package/dist/collection/components/icon/parser.js +0 -22
  53. package/dist/collection/components/icon/parser.js.map +0 -1
  54. package/dist/esm/icon-fc868c56.js.map +0 -1
  55. package/dist/esm/index-051cb4f1.js.map +0 -1
  56. package/dist/ix-icons/p-423803cb.js +0 -2
  57. package/dist/ix-icons/p-423803cb.js.map +0 -1
  58. package/dist/ix-icons/p-48b5ebf2.js +0 -3
  59. package/dist/ix-icons/p-48b5ebf2.js.map +0 -1
  60. package/dist/ix-icons/p-ca4fc358.entry.js +0 -2
  61. package/dist/sample.json +0 -1259
  62. package/dist/types/components/icon/parser.d.ts +0 -2
  63. /package/dist/ix-icons/{p-ca4fc358.entry.js.map → p-45457b43.entry.js.map} +0 -0
@@ -1,25 +1,17 @@
1
1
  const NAMESPACE = 'ix-icons';
2
- const BUILD = /* ix-icons */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, 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: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, 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: true, vdomText: false, vdomXlink: false, watchCallback: true };
2
+ const BUILD = /* ix-icons */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, 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: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, 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: true, vdomText: false, vdomXlink: false, watchCallback: true };
3
3
 
4
4
  /*
5
- Stencil Client Platform v4.25.1 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.21.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/utils/constants.ts
14
- var SVG_NS = "http://www.w3.org/2000/svg";
15
- var HTML_NS = "http://www.w3.org/1999/xhtml";
16
-
17
- // src/client/client-host-ref.ts
18
12
  var hostRefs = /* @__PURE__ */ new WeakMap();
19
13
  var getHostRef = (ref) => hostRefs.get(ref);
20
- var registerInstance = (lazyInstance, hostRef) => {
21
- hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
22
- };
14
+ var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
23
15
  var registerHost = (hostElement, cmpMeta) => {
24
16
  const hostRef = {
25
17
  $flags$: 0,
@@ -32,8 +24,7 @@ var registerHost = (hostElement, cmpMeta) => {
32
24
  hostElement["s-p"] = [];
33
25
  hostElement["s-rc"] = [];
34
26
  }
35
- const ref = hostRefs.set(hostElement, hostRef);
36
- return ref;
27
+ return hostRefs.set(hostElement, hostRef);
37
28
  };
38
29
  var isMemberInElement = (elm, memberName) => memberName in elm;
39
30
  var consoleError = (e, el) => (0, console.error)(e, el);
@@ -70,22 +61,16 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
70
61
  /* webpackExclude: /\.system\.entry\.js$/ */
71
62
  /* webpackMode: "lazy" */
72
63
  `./${bundleId}.entry.js${""}`
73
- ).then(
74
- (importedModule) => {
75
- {
76
- cmpModules.set(bundleId, importedModule);
77
- }
78
- return importedModule[exportName];
79
- },
80
- (e) => {
81
- consoleError(e, hostRef.$hostElement$);
64
+ ).then((importedModule) => {
65
+ {
66
+ cmpModules.set(bundleId, importedModule);
82
67
  }
83
- );
68
+ return importedModule[exportName];
69
+ }, consoleError);
84
70
  };
85
71
 
86
72
  // src/client/client-style.ts
87
73
  var styles = /* @__PURE__ */ new Map();
88
- var HYDRATED_STYLE_ID = "sty-id";
89
74
  var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
90
75
  var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
91
76
  var win = typeof window !== "undefined" ? window : {};
@@ -150,6 +135,14 @@ var getAssetPath = (path) => {
150
135
  return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
151
136
  };
152
137
  var setAssetPath = (path) => plt.$resourcesUrl$ = path;
138
+
139
+ // src/utils/constants.ts
140
+ var EMPTY_OBJ = {};
141
+ var SVG_NS = "http://www.w3.org/2000/svg";
142
+ var HTML_NS = "http://www.w3.org/1999/xhtml";
143
+
144
+ // src/utils/helpers.ts
145
+ var isDef = (v) => v != null;
153
146
  var isComplexType = (o) => {
154
147
  o = typeof o;
155
148
  return o === "object" || o === "function";
@@ -335,7 +328,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
335
328
  }
336
329
  if (!appliedStyles.has(scopeId2)) {
337
330
  {
338
- styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
331
+ styleElm = doc.createElement("style");
339
332
  styleElm.innerHTML = style;
340
333
  const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
341
334
  if (nonce != null) {
@@ -344,24 +337,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
344
337
  if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
345
338
  if (styleContainerNode.nodeName === "HEAD") {
346
339
  const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
347
- const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
348
- styleContainerNode.insertBefore(
349
- styleElm,
350
- (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
351
- );
340
+ const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : document.querySelector("style");
341
+ styleContainerNode.insertBefore(styleElm, referenceNode2);
352
342
  } else if ("host" in styleContainerNode) {
353
- if (supportsConstructableStylesheets) {
354
- const stylesheet = new CSSStyleSheet();
355
- stylesheet.replaceSync(style);
356
- styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
357
- } else {
358
- const existingStyleContainer = styleContainerNode.querySelector("style");
359
- if (existingStyleContainer) {
360
- existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
361
- } else {
362
- styleContainerNode.prepend(styleElm);
363
- }
364
- }
343
+ styleContainerNode.prepend(styleElm);
365
344
  } else {
366
345
  styleContainerNode.append(styleElm);
367
346
  }
@@ -398,18 +377,16 @@ var attachStyles = (hostRef) => {
398
377
  endAttachStyles();
399
378
  };
400
379
  var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
401
- var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
380
+ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
402
381
  if (oldValue !== newValue) {
403
382
  let isProp = isMemberInElement(elm, memberName);
404
383
  memberName.toLowerCase();
405
384
  if (memberName === "class") {
406
385
  const classList = elm.classList;
407
386
  const oldClasses = parseClassList(oldValue);
408
- let newClasses = parseClassList(newValue);
409
- {
410
- classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
411
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
412
- }
387
+ const newClasses = parseClassList(newValue);
388
+ classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
389
+ classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
413
390
  } else if (memberName === "style") {
414
391
  {
415
392
  for (const prop in oldValue) {
@@ -446,7 +423,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
446
423
  elm.setAttribute(memberName, n);
447
424
  }
448
425
  }
449
- } else if (elm[memberName] !== newValue) {
426
+ } else {
450
427
  elm[memberName] = newValue;
451
428
  }
452
429
  } catch (e) {
@@ -468,42 +445,22 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
468
445
  }
469
446
  };
470
447
  var parseClassListRegex = /\s/;
471
- var parseClassList = (value) => {
472
- if (typeof value === "object" && value && "baseVal" in value) {
473
- value = value.baseVal;
474
- }
475
- if (!value || typeof value !== "string") {
476
- return [];
477
- }
478
- return value.split(parseClassListRegex);
479
- };
448
+ var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
480
449
 
481
450
  // src/runtime/vdom/update-element.ts
482
- var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
451
+ var updateElement = (oldVnode, newVnode, isSvgMode2) => {
483
452
  const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
484
- const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
485
- const newVnodeAttrs = newVnode.$attrs$ || {};
453
+ const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || EMPTY_OBJ;
454
+ const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
486
455
  {
487
456
  for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
488
457
  if (!(memberName in newVnodeAttrs)) {
489
- setAccessor(
490
- elm,
491
- memberName,
492
- oldVnodeAttrs[memberName],
493
- void 0,
494
- isSvgMode2,
495
- newVnode.$flags$);
458
+ setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
496
459
  }
497
460
  }
498
461
  }
499
462
  for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
500
- setAccessor(
501
- elm,
502
- memberName,
503
- oldVnodeAttrs[memberName],
504
- newVnodeAttrs[memberName],
505
- isSvgMode2,
506
- newVnode.$flags$);
463
+ setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
507
464
  }
508
465
  };
509
466
  function sortedAttrNames(attrNames) {
@@ -515,10 +472,13 @@ function sortedAttrNames(attrNames) {
515
472
  attrNames
516
473
  );
517
474
  }
475
+
476
+ // src/runtime/vdom/vdom-render.ts
477
+ var scopeId;
518
478
  var hostTagName;
519
479
  var useNativeShadowDom = false;
520
480
  var isSvgMode = false;
521
- var createElm = (oldParentVNode, newParentVNode, childIndex) => {
481
+ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
522
482
  const newVNode2 = newParentVNode.$children$[childIndex];
523
483
  let i2 = 0;
524
484
  let elm;
@@ -537,6 +497,11 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
537
497
  {
538
498
  updateElement(null, newVNode2, isSvgMode);
539
499
  }
500
+ const rootNode = elm.getRootNode();
501
+ const isElementWithinShadowRoot = !rootNode.querySelector("body");
502
+ if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
503
+ elm.classList.add(elm["s-si"] = scopeId);
504
+ }
540
505
  if (newVNode2.$children$) {
541
506
  for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
542
507
  childNode = createElm(oldParentVNode, newVNode2, i2);
@@ -672,9 +637,6 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
672
637
  if (!isInitialRender) {
673
638
  return leftVNode.$key$ === rightVNode.$key$;
674
639
  }
675
- if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
676
- leftVNode.$key$ = rightVNode.$key$;
677
- }
678
640
  return true;
679
641
  }
680
642
  return false;
@@ -709,9 +671,8 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
709
671
  }
710
672
  };
711
673
  var insertBefore = (parent, newNode, reference) => {
712
- {
713
- return parent == null ? void 0 : parent.insertBefore(newNode, reference);
714
- }
674
+ const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
675
+ return inserted;
715
676
  };
716
677
  var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
717
678
  const hostElm = hostRef.$hostElement$;
@@ -730,6 +691,9 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
730
691
  rootVnode.$flags$ |= 4 /* isHost */;
731
692
  hostRef.$vnode$ = rootVnode;
732
693
  rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
694
+ {
695
+ scopeId = hostElm["s-sc"];
696
+ }
733
697
  useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
734
698
  patch(oldVNode, rootVnode, isInitialLoad);
735
699
  };
@@ -737,14 +701,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
737
701
  // src/runtime/update-component.ts
738
702
  var attachToAncestor = (hostRef, ancestorComponent) => {
739
703
  if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
740
- const index = ancestorComponent["s-p"].push(
741
- new Promise(
742
- (r) => hostRef.$onRenderResolve$ = () => {
743
- ancestorComponent["s-p"].splice(index - 1, 1);
744
- r();
745
- }
746
- )
747
- );
704
+ ancestorComponent["s-p"].push(new Promise((r) => hostRef.$onRenderResolve$ = r));
748
705
  }
749
706
  };
750
707
  var scheduleUpdate = (hostRef, isInitialLoad) => {
@@ -771,7 +728,7 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
771
728
  let maybePromise;
772
729
  if (isInitialLoad) {
773
730
  {
774
- maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
731
+ maybePromise = safeCall(instance, "componentWillLoad");
775
732
  }
776
733
  }
777
734
  endSchedule();
@@ -870,12 +827,12 @@ var appDidLoad = (who) => {
870
827
  }
871
828
  nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
872
829
  };
873
- var safeCall = (instance, method, arg, elm) => {
830
+ var safeCall = (instance, method, arg) => {
874
831
  if (instance && instance[method]) {
875
832
  try {
876
833
  return instance[method](arg);
877
834
  } catch (e) {
878
- consoleError(e, elm);
835
+ consoleError(e);
879
836
  }
880
837
  }
881
838
  return void 0;
@@ -934,68 +891,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
934
891
  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
935
892
  members.map(([memberName, [memberFlags]]) => {
936
893
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
937
- const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
938
- if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
939
- if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
940
- if (flags & 1 /* isElementConstructor */ || !origGetter) {
941
- Object.defineProperty(prototype, memberName, {
942
- get() {
943
- {
944
- if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
945
- return getValue(this, memberName);
946
- }
947
- const ref = getHostRef(this);
948
- const instance = ref ? ref.$lazyInstance$ : prototype;
949
- if (!instance) return;
950
- return instance[memberName];
951
- }
952
- },
953
- configurable: true,
954
- enumerable: true
955
- });
956
- }
957
894
  Object.defineProperty(prototype, memberName, {
895
+ get() {
896
+ return getValue(this, memberName);
897
+ },
958
898
  set(newValue) {
959
- const ref = getHostRef(this);
960
- if (origSetter) {
961
- const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
962
- if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
963
- newValue = ref.$instanceValues$.get(memberName);
964
- } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
965
- ref.$instanceValues$.set(memberName, currentValue);
966
- }
967
- origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
968
- newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
969
- setValue(this, memberName, newValue, cmpMeta);
970
- return;
971
- }
972
- {
973
- if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
974
- setValue(this, memberName, newValue, cmpMeta);
975
- if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
976
- ref.$onReadyPromise$.then(() => {
977
- if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
978
- ref.$lazyInstance$[memberName] = newValue;
979
- }
980
- });
981
- }
982
- return;
983
- }
984
- const setterSetVal = () => {
985
- const currentValue = ref.$lazyInstance$[memberName];
986
- if (!ref.$instanceValues$.get(memberName) && currentValue) {
987
- ref.$instanceValues$.set(memberName, currentValue);
988
- }
989
- ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
990
- setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
991
- };
992
- if (ref.$lazyInstance$) {
993
- setterSetVal();
994
- } else {
995
- ref.$onReadyPromise$.then(() => setterSetVal());
996
- }
997
- }
998
- }
899
+ setValue(this, memberName, newValue, cmpMeta);
900
+ },
901
+ configurable: true,
902
+ enumerable: true
999
903
  });
1000
904
  }
1001
905
  });
@@ -1005,7 +909,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1005
909
  plt.jmp(() => {
1006
910
  var _a2;
1007
911
  const propName = attrNameToPropName.get(attrName);
1008
- if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
912
+ if (this.hasOwnProperty(propName)) {
1009
913
  newValue = this[propName];
1010
914
  delete this[propName];
1011
915
  } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
@@ -1025,11 +929,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1025
929
  }
1026
930
  return;
1027
931
  }
1028
- const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1029
- newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1030
- if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
1031
- this[propName] = newValue;
1032
- }
932
+ this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1033
933
  });
1034
934
  };
1035
935
  Cstr.observedAttributes = Array.from(
@@ -1052,8 +952,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1052
952
  let Cstr;
1053
953
  if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
1054
954
  hostRef.$flags$ |= 32 /* hasInitializedComponent */;
1055
- {
1056
- const CstrImport = loadModule(cmpMeta, hostRef);
955
+ const bundleId = cmpMeta.$lazyBundleId$;
956
+ if (bundleId) {
957
+ const CstrImport = loadModule(cmpMeta);
1057
958
  if (CstrImport && "then" in CstrImport) {
1058
959
  const endLoad = uniqueTime();
1059
960
  Cstr = await CstrImport;
@@ -1078,7 +979,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1078
979
  try {
1079
980
  new Cstr(hostRef);
1080
981
  } catch (e) {
1081
- consoleError(e, elm);
982
+ consoleError(e);
1082
983
  }
1083
984
  {
1084
985
  hostRef.$flags$ &= ~8 /* isConstructingInstance */;
@@ -1087,6 +988,10 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1087
988
  hostRef.$flags$ |= 128 /* isWatchReady */;
1088
989
  }
1089
990
  endNewInstance();
991
+ } else {
992
+ Cstr = elm.constructor;
993
+ const cmpTag = elm.localName;
994
+ customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
1090
995
  }
1091
996
  if (Cstr && Cstr.style) {
1092
997
  let style;
@@ -1109,7 +1014,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1109
1014
  schedule();
1110
1015
  }
1111
1016
  };
1112
- var fireConnectedCallback = (instance, elm) => {
1017
+ var fireConnectedCallback = (instance) => {
1113
1018
  };
1114
1019
 
1115
1020
  // src/runtime/connected-callback.ts
@@ -1149,7 +1054,7 @@ var connectedCallback = (elm) => {
1149
1054
  endConnected();
1150
1055
  }
1151
1056
  };
1152
- var disconnectInstance = (instance, elm) => {
1057
+ var disconnectInstance = (instance) => {
1153
1058
  };
1154
1059
  var disconnectedCallback = async (elm) => {
1155
1060
  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
@@ -1158,12 +1063,6 @@ var disconnectedCallback = async (elm) => {
1158
1063
  hostRef.$onReadyPromise$.then(() => disconnectInstance());
1159
1064
  }
1160
1065
  }
1161
- if (rootAppliedStyles.has(elm)) {
1162
- rootAppliedStyles.delete(elm);
1163
- }
1164
- if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
1165
- rootAppliedStyles.delete(elm.shadowRoot);
1166
- }
1167
1066
  };
1168
1067
 
1169
1068
  // src/runtime/bootstrap-lazy.ts
@@ -1241,13 +1140,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1241
1140
  }
1242
1141
  disconnectedCallback() {
1243
1142
  plt.jmp(() => disconnectedCallback(this));
1244
- plt.raf(() => {
1245
- var _a3;
1246
- const hostRef = getHostRef(this);
1247
- if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
1248
- delete hostRef.$vnode$.$elm$;
1249
- }
1250
- });
1251
1143
  }
1252
1144
  componentOnReady() {
1253
1145
  return getHostRef(this).$onReadyPromise$;
@@ -1295,4 +1187,4 @@ var setNonce = (nonce) => plt.$nonce$ = nonce;
1295
1187
 
1296
1188
  export { Host as H, setAssetPath as a, bootstrapLazy as b, getElement as c, getAssetPath as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
1297
1189
 
1298
- //# sourceMappingURL=index-051cb4f1.js.map
1190
+ //# sourceMappingURL=index-050dd9d6.js.map