@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
@@ -21,27 +21,19 @@ function _interopNamespace(e) {
21
21
  }
22
22
 
23
23
  const NAMESPACE = 'ix-icons';
24
- 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 };
24
+ 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 };
25
25
 
26
26
  /*
27
- Stencil Client Platform v4.25.1 | MIT Licensed | https://stenciljs.com
27
+ Stencil Client Platform v4.21.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/utils/constants.ts
36
- var SVG_NS = "http://www.w3.org/2000/svg";
37
- var HTML_NS = "http://www.w3.org/1999/xhtml";
38
-
39
- // src/client/client-host-ref.ts
40
34
  var hostRefs = /* @__PURE__ */ new WeakMap();
41
35
  var getHostRef = (ref) => hostRefs.get(ref);
42
- var registerInstance = (lazyInstance, hostRef) => {
43
- hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
44
- };
36
+ var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
45
37
  var registerHost = (hostElement, cmpMeta) => {
46
38
  const hostRef = {
47
39
  $flags$: 0,
@@ -54,8 +46,7 @@ var registerHost = (hostElement, cmpMeta) => {
54
46
  hostElement["s-p"] = [];
55
47
  hostElement["s-rc"] = [];
56
48
  }
57
- const ref = hostRefs.set(hostElement, hostRef);
58
- return ref;
49
+ return hostRefs.set(hostElement, hostRef);
59
50
  };
60
51
  var isMemberInElement = (elm, memberName) => memberName in elm;
61
52
  var consoleError = (e, el) => (0, console.error)(e, el);
@@ -92,22 +83,16 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
92
83
  /* webpackExclude: /\.system\.entry\.js$/ */
93
84
  /* webpackMode: "lazy" */
94
85
  `./${bundleId}.entry.js${""}`
95
- )); }).then(
96
- (importedModule) => {
97
- {
98
- cmpModules.set(bundleId, importedModule);
99
- }
100
- return importedModule[exportName];
101
- },
102
- (e) => {
103
- consoleError(e, hostRef.$hostElement$);
86
+ )); }).then((importedModule) => {
87
+ {
88
+ cmpModules.set(bundleId, importedModule);
104
89
  }
105
- );
90
+ return importedModule[exportName];
91
+ }, consoleError);
106
92
  };
107
93
 
108
94
  // src/client/client-style.ts
109
95
  var styles = /* @__PURE__ */ new Map();
110
- var HYDRATED_STYLE_ID = "sty-id";
111
96
  var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
112
97
  var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
113
98
  var win = typeof window !== "undefined" ? window : {};
@@ -172,6 +157,14 @@ var getAssetPath = (path) => {
172
157
  return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
173
158
  };
174
159
  var setAssetPath = (path) => plt.$resourcesUrl$ = path;
160
+
161
+ // src/utils/constants.ts
162
+ var EMPTY_OBJ = {};
163
+ var SVG_NS = "http://www.w3.org/2000/svg";
164
+ var HTML_NS = "http://www.w3.org/1999/xhtml";
165
+
166
+ // src/utils/helpers.ts
167
+ var isDef = (v) => v != null;
175
168
  var isComplexType = (o) => {
176
169
  o = typeof o;
177
170
  return o === "object" || o === "function";
@@ -357,7 +350,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
357
350
  }
358
351
  if (!appliedStyles.has(scopeId2)) {
359
352
  {
360
- styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
353
+ styleElm = doc.createElement("style");
361
354
  styleElm.innerHTML = style;
362
355
  const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
363
356
  if (nonce != null) {
@@ -366,24 +359,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
366
359
  if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
367
360
  if (styleContainerNode.nodeName === "HEAD") {
368
361
  const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
369
- const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
370
- styleContainerNode.insertBefore(
371
- styleElm,
372
- (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
373
- );
362
+ const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : document.querySelector("style");
363
+ styleContainerNode.insertBefore(styleElm, referenceNode2);
374
364
  } else if ("host" in styleContainerNode) {
375
- if (supportsConstructableStylesheets) {
376
- const stylesheet = new CSSStyleSheet();
377
- stylesheet.replaceSync(style);
378
- styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
379
- } else {
380
- const existingStyleContainer = styleContainerNode.querySelector("style");
381
- if (existingStyleContainer) {
382
- existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
383
- } else {
384
- styleContainerNode.prepend(styleElm);
385
- }
386
- }
365
+ styleContainerNode.prepend(styleElm);
387
366
  } else {
388
367
  styleContainerNode.append(styleElm);
389
368
  }
@@ -420,18 +399,16 @@ var attachStyles = (hostRef) => {
420
399
  endAttachStyles();
421
400
  };
422
401
  var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
423
- var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
402
+ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
424
403
  if (oldValue !== newValue) {
425
404
  let isProp = isMemberInElement(elm, memberName);
426
405
  memberName.toLowerCase();
427
406
  if (memberName === "class") {
428
407
  const classList = elm.classList;
429
408
  const oldClasses = parseClassList(oldValue);
430
- let newClasses = parseClassList(newValue);
431
- {
432
- classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
433
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
434
- }
409
+ const newClasses = parseClassList(newValue);
410
+ classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
411
+ classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
435
412
  } else if (memberName === "style") {
436
413
  {
437
414
  for (const prop in oldValue) {
@@ -468,7 +445,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
468
445
  elm.setAttribute(memberName, n);
469
446
  }
470
447
  }
471
- } else if (elm[memberName] !== newValue) {
448
+ } else {
472
449
  elm[memberName] = newValue;
473
450
  }
474
451
  } catch (e) {
@@ -490,42 +467,22 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
490
467
  }
491
468
  };
492
469
  var parseClassListRegex = /\s/;
493
- var parseClassList = (value) => {
494
- if (typeof value === "object" && value && "baseVal" in value) {
495
- value = value.baseVal;
496
- }
497
- if (!value || typeof value !== "string") {
498
- return [];
499
- }
500
- return value.split(parseClassListRegex);
501
- };
470
+ var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
502
471
 
503
472
  // src/runtime/vdom/update-element.ts
504
- var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
473
+ var updateElement = (oldVnode, newVnode, isSvgMode2) => {
505
474
  const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
506
- const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
507
- const newVnodeAttrs = newVnode.$attrs$ || {};
475
+ const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || EMPTY_OBJ;
476
+ const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
508
477
  {
509
478
  for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
510
479
  if (!(memberName in newVnodeAttrs)) {
511
- setAccessor(
512
- elm,
513
- memberName,
514
- oldVnodeAttrs[memberName],
515
- void 0,
516
- isSvgMode2,
517
- newVnode.$flags$);
480
+ setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
518
481
  }
519
482
  }
520
483
  }
521
484
  for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
522
- setAccessor(
523
- elm,
524
- memberName,
525
- oldVnodeAttrs[memberName],
526
- newVnodeAttrs[memberName],
527
- isSvgMode2,
528
- newVnode.$flags$);
485
+ setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
529
486
  }
530
487
  };
531
488
  function sortedAttrNames(attrNames) {
@@ -537,10 +494,13 @@ function sortedAttrNames(attrNames) {
537
494
  attrNames
538
495
  );
539
496
  }
497
+
498
+ // src/runtime/vdom/vdom-render.ts
499
+ var scopeId;
540
500
  var hostTagName;
541
501
  var useNativeShadowDom = false;
542
502
  var isSvgMode = false;
543
- var createElm = (oldParentVNode, newParentVNode, childIndex) => {
503
+ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
544
504
  const newVNode2 = newParentVNode.$children$[childIndex];
545
505
  let i2 = 0;
546
506
  let elm;
@@ -559,6 +519,11 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
559
519
  {
560
520
  updateElement(null, newVNode2, isSvgMode);
561
521
  }
522
+ const rootNode = elm.getRootNode();
523
+ const isElementWithinShadowRoot = !rootNode.querySelector("body");
524
+ if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
525
+ elm.classList.add(elm["s-si"] = scopeId);
526
+ }
562
527
  if (newVNode2.$children$) {
563
528
  for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
564
529
  childNode = createElm(oldParentVNode, newVNode2, i2);
@@ -694,9 +659,6 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
694
659
  if (!isInitialRender) {
695
660
  return leftVNode.$key$ === rightVNode.$key$;
696
661
  }
697
- if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
698
- leftVNode.$key$ = rightVNode.$key$;
699
- }
700
662
  return true;
701
663
  }
702
664
  return false;
@@ -731,9 +693,8 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
731
693
  }
732
694
  };
733
695
  var insertBefore = (parent, newNode, reference) => {
734
- {
735
- return parent == null ? void 0 : parent.insertBefore(newNode, reference);
736
- }
696
+ const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
697
+ return inserted;
737
698
  };
738
699
  var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
739
700
  const hostElm = hostRef.$hostElement$;
@@ -752,6 +713,9 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
752
713
  rootVnode.$flags$ |= 4 /* isHost */;
753
714
  hostRef.$vnode$ = rootVnode;
754
715
  rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
716
+ {
717
+ scopeId = hostElm["s-sc"];
718
+ }
755
719
  useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
756
720
  patch(oldVNode, rootVnode, isInitialLoad);
757
721
  };
@@ -759,14 +723,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
759
723
  // src/runtime/update-component.ts
760
724
  var attachToAncestor = (hostRef, ancestorComponent) => {
761
725
  if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
762
- const index = ancestorComponent["s-p"].push(
763
- new Promise(
764
- (r) => hostRef.$onRenderResolve$ = () => {
765
- ancestorComponent["s-p"].splice(index - 1, 1);
766
- r();
767
- }
768
- )
769
- );
726
+ ancestorComponent["s-p"].push(new Promise((r) => hostRef.$onRenderResolve$ = r));
770
727
  }
771
728
  };
772
729
  var scheduleUpdate = (hostRef, isInitialLoad) => {
@@ -793,7 +750,7 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
793
750
  let maybePromise;
794
751
  if (isInitialLoad) {
795
752
  {
796
- maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
753
+ maybePromise = safeCall(instance, "componentWillLoad");
797
754
  }
798
755
  }
799
756
  endSchedule();
@@ -892,12 +849,12 @@ var appDidLoad = (who) => {
892
849
  }
893
850
  nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
894
851
  };
895
- var safeCall = (instance, method, arg, elm) => {
852
+ var safeCall = (instance, method, arg) => {
896
853
  if (instance && instance[method]) {
897
854
  try {
898
855
  return instance[method](arg);
899
856
  } catch (e) {
900
- consoleError(e, elm);
857
+ consoleError(e);
901
858
  }
902
859
  }
903
860
  return void 0;
@@ -956,68 +913,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
956
913
  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
957
914
  members.map(([memberName, [memberFlags]]) => {
958
915
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
959
- const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
960
- if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
961
- if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
962
- if (flags & 1 /* isElementConstructor */ || !origGetter) {
963
- Object.defineProperty(prototype, memberName, {
964
- get() {
965
- {
966
- if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
967
- return getValue(this, memberName);
968
- }
969
- const ref = getHostRef(this);
970
- const instance = ref ? ref.$lazyInstance$ : prototype;
971
- if (!instance) return;
972
- return instance[memberName];
973
- }
974
- },
975
- configurable: true,
976
- enumerable: true
977
- });
978
- }
979
916
  Object.defineProperty(prototype, memberName, {
917
+ get() {
918
+ return getValue(this, memberName);
919
+ },
980
920
  set(newValue) {
981
- const ref = getHostRef(this);
982
- if (origSetter) {
983
- const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
984
- if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
985
- newValue = ref.$instanceValues$.get(memberName);
986
- } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
987
- ref.$instanceValues$.set(memberName, currentValue);
988
- }
989
- origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
990
- newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
991
- setValue(this, memberName, newValue, cmpMeta);
992
- return;
993
- }
994
- {
995
- if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
996
- setValue(this, memberName, newValue, cmpMeta);
997
- if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
998
- ref.$onReadyPromise$.then(() => {
999
- if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
1000
- ref.$lazyInstance$[memberName] = newValue;
1001
- }
1002
- });
1003
- }
1004
- return;
1005
- }
1006
- const setterSetVal = () => {
1007
- const currentValue = ref.$lazyInstance$[memberName];
1008
- if (!ref.$instanceValues$.get(memberName) && currentValue) {
1009
- ref.$instanceValues$.set(memberName, currentValue);
1010
- }
1011
- ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
1012
- setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
1013
- };
1014
- if (ref.$lazyInstance$) {
1015
- setterSetVal();
1016
- } else {
1017
- ref.$onReadyPromise$.then(() => setterSetVal());
1018
- }
1019
- }
1020
- }
921
+ setValue(this, memberName, newValue, cmpMeta);
922
+ },
923
+ configurable: true,
924
+ enumerable: true
1021
925
  });
1022
926
  }
1023
927
  });
@@ -1027,7 +931,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1027
931
  plt.jmp(() => {
1028
932
  var _a2;
1029
933
  const propName = attrNameToPropName.get(attrName);
1030
- if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
934
+ if (this.hasOwnProperty(propName)) {
1031
935
  newValue = this[propName];
1032
936
  delete this[propName];
1033
937
  } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
@@ -1047,11 +951,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1047
951
  }
1048
952
  return;
1049
953
  }
1050
- const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1051
- newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1052
- if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
1053
- this[propName] = newValue;
1054
- }
954
+ this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1055
955
  });
1056
956
  };
1057
957
  Cstr.observedAttributes = Array.from(
@@ -1074,8 +974,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1074
974
  let Cstr;
1075
975
  if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
1076
976
  hostRef.$flags$ |= 32 /* hasInitializedComponent */;
1077
- {
1078
- const CstrImport = loadModule(cmpMeta, hostRef);
977
+ const bundleId = cmpMeta.$lazyBundleId$;
978
+ if (bundleId) {
979
+ const CstrImport = loadModule(cmpMeta);
1079
980
  if (CstrImport && "then" in CstrImport) {
1080
981
  const endLoad = uniqueTime();
1081
982
  Cstr = await CstrImport;
@@ -1100,7 +1001,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1100
1001
  try {
1101
1002
  new Cstr(hostRef);
1102
1003
  } catch (e) {
1103
- consoleError(e, elm);
1004
+ consoleError(e);
1104
1005
  }
1105
1006
  {
1106
1007
  hostRef.$flags$ &= ~8 /* isConstructingInstance */;
@@ -1109,6 +1010,10 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1109
1010
  hostRef.$flags$ |= 128 /* isWatchReady */;
1110
1011
  }
1111
1012
  endNewInstance();
1013
+ } else {
1014
+ Cstr = elm.constructor;
1015
+ const cmpTag = elm.localName;
1016
+ customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
1112
1017
  }
1113
1018
  if (Cstr && Cstr.style) {
1114
1019
  let style;
@@ -1131,7 +1036,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1131
1036
  schedule();
1132
1037
  }
1133
1038
  };
1134
- var fireConnectedCallback = (instance, elm) => {
1039
+ var fireConnectedCallback = (instance) => {
1135
1040
  };
1136
1041
 
1137
1042
  // src/runtime/connected-callback.ts
@@ -1171,7 +1076,7 @@ var connectedCallback = (elm) => {
1171
1076
  endConnected();
1172
1077
  }
1173
1078
  };
1174
- var disconnectInstance = (instance, elm) => {
1079
+ var disconnectInstance = (instance) => {
1175
1080
  };
1176
1081
  var disconnectedCallback = async (elm) => {
1177
1082
  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
@@ -1180,12 +1085,6 @@ var disconnectedCallback = async (elm) => {
1180
1085
  hostRef.$onReadyPromise$.then(() => disconnectInstance());
1181
1086
  }
1182
1087
  }
1183
- if (rootAppliedStyles.has(elm)) {
1184
- rootAppliedStyles.delete(elm);
1185
- }
1186
- if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
1187
- rootAppliedStyles.delete(elm.shadowRoot);
1188
- }
1189
1088
  };
1190
1089
 
1191
1090
  // src/runtime/bootstrap-lazy.ts
@@ -1263,13 +1162,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1263
1162
  }
1264
1163
  disconnectedCallback() {
1265
1164
  plt.jmp(() => disconnectedCallback(this));
1266
- plt.raf(() => {
1267
- var _a3;
1268
- const hostRef = getHostRef(this);
1269
- if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
1270
- delete hostRef.$vnode$.$elm$;
1271
- }
1272
- });
1273
1165
  }
1274
1166
  componentOnReady() {
1275
1167
  return getHostRef(this).$onReadyPromise$;
@@ -1325,4 +1217,4 @@ exports.registerInstance = registerInstance;
1325
1217
  exports.setAssetPath = setAssetPath;
1326
1218
  exports.setNonce = setNonce;
1327
1219
 
1328
- //# sourceMappingURL=index-f6043fa9.js.map
1220
+ //# sourceMappingURL=index-ea94711c.js.map