@everymatrix/player-sms-verification 1.52.6 → 1.53.10

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.
@@ -21,19 +21,23 @@ function _interopNamespace(e) {
21
21
  }
22
22
 
23
23
  const NAMESPACE = 'player-sms-verification';
24
- const BUILD = /* player-sms-verification */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, 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: false, propMutable: true, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: true };
24
+ const BUILD = /* player-sms-verification */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, 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: false, propMutable: true, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: true };
25
25
 
26
26
  /*
27
- Stencil Client Platform v4.22.3 | MIT Licensed | https://stenciljs.com
27
+ Stencil Client Platform v4.25.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/client/client-host-ref.ts
34
36
  var hostRefs = /* @__PURE__ */ new WeakMap();
35
37
  var getHostRef = (ref) => hostRefs.get(ref);
36
- var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
38
+ var registerInstance = (lazyInstance, hostRef) => {
39
+ hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
40
+ };
37
41
  var registerHost = (hostElement, cmpMeta) => {
38
42
  const hostRef = {
39
43
  $flags$: 0,
@@ -46,7 +50,8 @@ var registerHost = (hostElement, cmpMeta) => {
46
50
  hostElement["s-p"] = [];
47
51
  hostElement["s-rc"] = [];
48
52
  }
49
- return hostRefs.set(hostElement, hostRef);
53
+ const ref = hostRefs.set(hostElement, hostRef);
54
+ return ref;
50
55
  };
51
56
  var isMemberInElement = (elm, memberName) => memberName in elm;
52
57
  var consoleError = (e, el) => (0, console.error)(e, el);
@@ -83,16 +88,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
83
88
  /* webpackExclude: /\.system\.entry\.js$/ */
84
89
  /* webpackMode: "lazy" */
85
90
  `./${bundleId}.entry.js${""}`
86
- )); }).then((importedModule) => {
87
- {
88
- cmpModules.set(bundleId, importedModule);
91
+ )); }).then(
92
+ (importedModule) => {
93
+ {
94
+ cmpModules.set(bundleId, importedModule);
95
+ }
96
+ return importedModule[exportName];
97
+ },
98
+ (e) => {
99
+ consoleError(e, hostRef.$hostElement$);
89
100
  }
90
- return importedModule[exportName];
91
- }, consoleError);
101
+ );
92
102
  };
93
103
 
94
104
  // src/client/client-style.ts
95
105
  var styles = /* @__PURE__ */ new Map();
106
+ var HYDRATED_STYLE_ID = "sty-id";
96
107
  var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
97
108
  var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
98
109
  var win = typeof window !== "undefined" ? window : {};
@@ -150,12 +161,6 @@ var flush = () => {
150
161
  };
151
162
  var nextTick = (cb) => promiseResolve().then(cb);
152
163
  var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
153
-
154
- // src/utils/constants.ts
155
- var EMPTY_OBJ = {};
156
-
157
- // src/utils/helpers.ts
158
- var isDef = (v) => v != null;
159
164
  var isComplexType = (o) => {
160
165
  o = typeof o;
161
166
  return o === "object" || o === "function";
@@ -337,7 +342,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
337
342
  }
338
343
  if (!appliedStyles.has(scopeId2)) {
339
344
  {
340
- styleElm = doc.createElement("style");
345
+ styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
341
346
  styleElm.innerHTML = style;
342
347
  const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
343
348
  if (nonce != null) {
@@ -347,7 +352,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
347
352
  if (styleContainerNode.nodeName === "HEAD") {
348
353
  const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
349
354
  const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
350
- styleContainerNode.insertBefore(styleElm, referenceNode2);
355
+ styleContainerNode.insertBefore(
356
+ styleElm,
357
+ (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
358
+ );
351
359
  } else if ("host" in styleContainerNode) {
352
360
  if (supportsConstructableStylesheets) {
353
361
  const stylesheet = new CSSStyleSheet();
@@ -397,16 +405,18 @@ var attachStyles = (hostRef) => {
397
405
  endAttachStyles();
398
406
  };
399
407
  var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
400
- var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
408
+ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
401
409
  if (oldValue !== newValue) {
402
410
  let isProp = isMemberInElement(elm, memberName);
403
411
  let ln = memberName.toLowerCase();
404
412
  if (memberName === "class") {
405
413
  const classList = elm.classList;
406
414
  const oldClasses = parseClassList(oldValue);
407
- const newClasses = parseClassList(newValue);
408
- classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
409
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
415
+ let newClasses = parseClassList(newValue);
416
+ {
417
+ classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
418
+ classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
419
+ }
410
420
  } else if (memberName === "key") ; else if (memberName === "ref") {
411
421
  if (newValue) {
412
422
  newValue(elm);
@@ -444,7 +454,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
444
454
  elm.setAttribute(memberName, n);
445
455
  }
446
456
  }
447
- } else {
457
+ } else if (elm[memberName] !== newValue) {
448
458
  elm[memberName] = newValue;
449
459
  }
450
460
  } catch (e) {
@@ -466,24 +476,44 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
466
476
  }
467
477
  };
468
478
  var parseClassListRegex = /\s/;
469
- var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
479
+ var parseClassList = (value) => {
480
+ if (typeof value === "object" && value && "baseVal" in value) {
481
+ value = value.baseVal;
482
+ }
483
+ if (!value || typeof value !== "string") {
484
+ return [];
485
+ }
486
+ return value.split(parseClassListRegex);
487
+ };
470
488
  var CAPTURE_EVENT_SUFFIX = "Capture";
471
489
  var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
472
490
 
473
491
  // src/runtime/vdom/update-element.ts
474
- var updateElement = (oldVnode, newVnode, isSvgMode2) => {
492
+ var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
475
493
  const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
476
- const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || EMPTY_OBJ;
477
- const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
494
+ const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
495
+ const newVnodeAttrs = newVnode.$attrs$ || {};
478
496
  {
479
497
  for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
480
498
  if (!(memberName in newVnodeAttrs)) {
481
- setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
499
+ setAccessor(
500
+ elm,
501
+ memberName,
502
+ oldVnodeAttrs[memberName],
503
+ void 0,
504
+ isSvgMode2,
505
+ newVnode.$flags$);
482
506
  }
483
507
  }
484
508
  }
485
509
  for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
486
- setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
510
+ setAccessor(
511
+ elm,
512
+ memberName,
513
+ oldVnodeAttrs[memberName],
514
+ newVnodeAttrs[memberName],
515
+ isSvgMode2,
516
+ newVnode.$flags$);
487
517
  }
488
518
  };
489
519
  function sortedAttrNames(attrNames) {
@@ -495,13 +525,10 @@ function sortedAttrNames(attrNames) {
495
525
  attrNames
496
526
  );
497
527
  }
498
-
499
- // src/runtime/vdom/vdom-render.ts
500
- var scopeId;
501
528
  var hostTagName;
502
529
  var useNativeShadowDom = false;
503
530
  var isSvgMode = false;
504
- var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
531
+ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
505
532
  const newVNode2 = newParentVNode.$children$[childIndex];
506
533
  let i2 = 0;
507
534
  let elm;
@@ -515,11 +542,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
515
542
  {
516
543
  updateElement(null, newVNode2, isSvgMode);
517
544
  }
518
- const rootNode = elm.getRootNode();
519
- const isElementWithinShadowRoot = !rootNode.querySelector("body");
520
- if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
521
- elm.classList.add(elm["s-si"] = scopeId);
522
- }
523
545
  if (newVNode2.$children$) {
524
546
  for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
525
547
  childNode = createElm(oldParentVNode, newVNode2, i2);
@@ -649,6 +671,9 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
649
671
  if (!isInitialRender) {
650
672
  return leftVNode.$key$ === rightVNode.$key$;
651
673
  }
674
+ if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
675
+ leftVNode.$key$ = rightVNode.$key$;
676
+ }
652
677
  return true;
653
678
  }
654
679
  return false;
@@ -688,8 +713,9 @@ var nullifyVNodeRefs = (vNode) => {
688
713
  }
689
714
  };
690
715
  var insertBefore = (parent, newNode, reference) => {
691
- const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
692
- return inserted;
716
+ {
717
+ return parent == null ? void 0 : parent.insertBefore(newNode, reference);
718
+ }
693
719
  };
694
720
  var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
695
721
  const hostElm = hostRef.$hostElement$;
@@ -714,9 +740,6 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
714
740
  rootVnode.$flags$ |= 4 /* isHost */;
715
741
  hostRef.$vnode$ = rootVnode;
716
742
  rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
717
- {
718
- scopeId = hostElm["s-sc"];
719
- }
720
743
  useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
721
744
  patch(oldVNode, rootVnode, isInitialLoad);
722
745
  };
@@ -724,7 +747,14 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
724
747
  // src/runtime/update-component.ts
725
748
  var attachToAncestor = (hostRef, ancestorComponent) => {
726
749
  if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
727
- ancestorComponent["s-p"].push(new Promise((r) => hostRef.$onRenderResolve$ = r));
750
+ const index = ancestorComponent["s-p"].push(
751
+ new Promise(
752
+ (r) => hostRef.$onRenderResolve$ = () => {
753
+ ancestorComponent["s-p"].splice(index - 1, 1);
754
+ r();
755
+ }
756
+ )
757
+ );
728
758
  }
729
759
  };
730
760
  var scheduleUpdate = (hostRef, isInitialLoad) => {
@@ -751,7 +781,7 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
751
781
  let maybePromise;
752
782
  if (isInitialLoad) {
753
783
  {
754
- maybePromise = safeCall(instance, "componentWillLoad");
784
+ maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
755
785
  }
756
786
  }
757
787
  endSchedule();
@@ -825,7 +855,7 @@ var postUpdateComponent = (hostRef) => {
825
855
  addHydratedFlag(elm);
826
856
  }
827
857
  {
828
- safeCall(instance, "componentDidLoad");
858
+ safeCall(instance, "componentDidLoad", void 0, elm);
829
859
  }
830
860
  endPostUpdate();
831
861
  {
@@ -854,12 +884,12 @@ var appDidLoad = (who) => {
854
884
  }
855
885
  nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
856
886
  };
857
- var safeCall = (instance, method, arg) => {
887
+ var safeCall = (instance, method, arg, elm) => {
858
888
  if (instance && instance[method]) {
859
889
  try {
860
890
  return instance[method](arg);
861
891
  } catch (e) {
862
- consoleError(e);
892
+ consoleError(e, elm);
863
893
  }
864
894
  }
865
895
  return void 0;
@@ -918,15 +948,68 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
918
948
  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
919
949
  members.map(([memberName, [memberFlags]]) => {
920
950
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
951
+ const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
952
+ if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
953
+ if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
954
+ if (flags & 1 /* isElementConstructor */ || !origGetter) {
955
+ Object.defineProperty(prototype, memberName, {
956
+ get() {
957
+ {
958
+ if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
959
+ return getValue(this, memberName);
960
+ }
961
+ const ref = getHostRef(this);
962
+ const instance = ref ? ref.$lazyInstance$ : prototype;
963
+ if (!instance) return;
964
+ return instance[memberName];
965
+ }
966
+ },
967
+ configurable: true,
968
+ enumerable: true
969
+ });
970
+ }
921
971
  Object.defineProperty(prototype, memberName, {
922
- get() {
923
- return getValue(this, memberName);
924
- },
925
972
  set(newValue) {
926
- setValue(this, memberName, newValue, cmpMeta);
927
- },
928
- configurable: true,
929
- enumerable: true
973
+ const ref = getHostRef(this);
974
+ if (origSetter) {
975
+ const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
976
+ if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
977
+ newValue = ref.$instanceValues$.get(memberName);
978
+ } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
979
+ ref.$instanceValues$.set(memberName, currentValue);
980
+ }
981
+ origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
982
+ newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
983
+ setValue(this, memberName, newValue, cmpMeta);
984
+ return;
985
+ }
986
+ {
987
+ if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
988
+ setValue(this, memberName, newValue, cmpMeta);
989
+ if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
990
+ ref.$onReadyPromise$.then(() => {
991
+ if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
992
+ ref.$lazyInstance$[memberName] = newValue;
993
+ }
994
+ });
995
+ }
996
+ return;
997
+ }
998
+ const setterSetVal = () => {
999
+ const currentValue = ref.$lazyInstance$[memberName];
1000
+ if (!ref.$instanceValues$.get(memberName) && currentValue) {
1001
+ ref.$instanceValues$.set(memberName, currentValue);
1002
+ }
1003
+ ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
1004
+ setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
1005
+ };
1006
+ if (ref.$lazyInstance$) {
1007
+ setterSetVal();
1008
+ } else {
1009
+ ref.$onReadyPromise$.then(() => setterSetVal());
1010
+ }
1011
+ }
1012
+ }
930
1013
  });
931
1014
  }
932
1015
  });
@@ -936,7 +1019,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
936
1019
  plt.jmp(() => {
937
1020
  var _a2;
938
1021
  const propName = attrNameToPropName.get(attrName);
939
- if (this.hasOwnProperty(propName)) {
1022
+ if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
940
1023
  newValue = this[propName];
941
1024
  delete this[propName];
942
1025
  } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
@@ -956,7 +1039,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
956
1039
  }
957
1040
  return;
958
1041
  }
959
- this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1042
+ const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1043
+ newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1044
+ if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
1045
+ this[propName] = newValue;
1046
+ }
960
1047
  });
961
1048
  };
962
1049
  Cstr.observedAttributes = Array.from(
@@ -983,9 +1070,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
983
1070
  let Cstr;
984
1071
  if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
985
1072
  hostRef.$flags$ |= 32 /* hasInitializedComponent */;
986
- const bundleId = cmpMeta.$lazyBundleId$;
987
- if (bundleId) {
988
- const CstrImport = loadModule(cmpMeta);
1073
+ {
1074
+ const CstrImport = loadModule(cmpMeta, hostRef);
989
1075
  if (CstrImport && "then" in CstrImport) {
990
1076
  const endLoad = uniqueTime();
991
1077
  Cstr = await CstrImport;
@@ -1010,7 +1096,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1010
1096
  try {
1011
1097
  new Cstr(hostRef);
1012
1098
  } catch (e) {
1013
- consoleError(e);
1099
+ consoleError(e, elm);
1014
1100
  }
1015
1101
  {
1016
1102
  hostRef.$flags$ &= ~8 /* isConstructingInstance */;
@@ -1019,10 +1105,6 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1019
1105
  hostRef.$flags$ |= 128 /* isWatchReady */;
1020
1106
  }
1021
1107
  endNewInstance();
1022
- } else {
1023
- Cstr = elm.constructor;
1024
- const cmpTag = elm.localName;
1025
- customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
1026
1108
  }
1027
1109
  if (Cstr && Cstr.style) {
1028
1110
  let style;
@@ -1045,7 +1127,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1045
1127
  schedule();
1046
1128
  }
1047
1129
  };
1048
- var fireConnectedCallback = (instance) => {
1130
+ var fireConnectedCallback = (instance, elm) => {
1049
1131
  };
1050
1132
 
1051
1133
  // src/runtime/connected-callback.ts
@@ -1085,7 +1167,7 @@ var connectedCallback = (elm) => {
1085
1167
  endConnected();
1086
1168
  }
1087
1169
  };
1088
- var disconnectInstance = (instance) => {
1170
+ var disconnectInstance = (instance, elm) => {
1089
1171
  };
1090
1172
  var disconnectedCallback = async (elm) => {
1091
1173
  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
@@ -1094,6 +1176,12 @@ var disconnectedCallback = async (elm) => {
1094
1176
  hostRef.$onReadyPromise$.then(() => disconnectInstance());
1095
1177
  }
1096
1178
  }
1179
+ if (rootAppliedStyles.has(elm)) {
1180
+ rootAppliedStyles.delete(elm);
1181
+ }
1182
+ if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
1183
+ rootAppliedStyles.delete(elm.shadowRoot);
1184
+ }
1097
1185
  };
1098
1186
 
1099
1187
  // src/runtime/bootstrap-lazy.ts
@@ -1174,6 +1262,13 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1174
1262
  }
1175
1263
  disconnectedCallback() {
1176
1264
  plt.jmp(() => disconnectedCallback(this));
1265
+ plt.raf(() => {
1266
+ var _a3;
1267
+ const hostRef = getHostRef(this);
1268
+ if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
1269
+ delete hostRef.$vnode$.$elm$;
1270
+ }
1271
+ });
1177
1272
  }
1178
1273
  componentOnReady() {
1179
1274
  return getHostRef(this).$onReadyPromise$;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-1ab65bbf.js');
5
+ const index = require('./index-29e54232.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  const defineCustomElements = async (win, options) => {