@affinda/wc 0.0.26 → 0.0.27

package/dist/esm/{index-CPfAC9fk.js → index-C7nUZsb8.js}

@@ -1,59 +1,22 @@
 const NAMESPACE = 'affinda';
-const BUILD = /* affinda */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, slotRelocation: true, state: true, updatable: true};
+const BUILD = /* affinda */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, slotRelocation: true, updatable: true};
 
 const globalScripts = () => {};
-const globalStyles = ":root{--colour-brand-mist-green:#C6D5D1;--colour-brand-inkwell:#14343B;--colour-brand-soft-clay:#B09670;--colour-brand-white:#FFFFFF;--colour-brand-ivory-paper:#FFF9EE;--colour-brand-azure:#7FE2D4;--colour-brand-ice:#A6FFF8;--colour-tints-mist-green-20:#F6FAF9;--colour-mistgreen-20:#F6FAF9;--colour-tints-mist-green-30:#F2F9F5;--colour-mistgreen-30:#F2F9F5;--colour-tints-mist-green-40:#ECF6F3;--colour-mistgreen-40:#ECF6F3;--colour-tints-mist-green-50:#E9F5FA;--colour-mistgreen-50:#E9F5FA;--colour-tints-mist-green-100:#E1EEE1;--colour-mistgreen-100:#E1EEE1;--colour-tints-mist-green-200:#D2E8E3;--colour-mistgreen-200:#D2E8E3;--colour-tints-mist-green-300:#C2E4E3;--colour-mistgreen-300:#C2E4E3;--colour-tints-mist-green-400:#B2D0D0;--colour-mistgreen-400:#B2D0D0;--colour-tints-mist-green-500:#A1BABA;--colour-mistgreen-500:#A1BABA;--colour-tints-mist-green-600:#92A7A7;--colour-mistgreen-600:#92A7A7;--colour-tints-mist-green-700:#849898;--colour-mistgreen-700:#849898;--colour-tints-mist-green-800:#1B6A68;--colour-mistgreen-800:#1B6A68;--colour-tints-inkwell-20:#F8FAFA;--colour-inkwell-20:#F8FAFA;--colour-tints-inkwell-30:#F5F9F5;--colour-inkwell-30:#F5F9F5;--colour-tints-inkwell-40:#EEF5F5;--colour-inkwell-40:#EEF5F5;--colour-tints-inkwell-50:#E8E6E8;--colour-inkwell-50:#E8E6E8;--colour-tints-inkwell-100:#D4D4D4;--colour-inkwell-100:#D4D4D4;--colour-tints-inkwell-200:#AAB6B1;--colour-inkwell-200:#AAB6B1;--colour-tints-inkwell-300:#7D969B;--colour-inkwell-300:#7D969B;--colour-tints-inkwell-400:#4E6E5F;--colour-inkwell-400:#4E6E5F;--colour-tints-inkwell-500:#1E4A48;--colour-inkwell-500:#1E4A48;--colour-tints-inkwell-600:#1A3038;--colour-inkwell-600:#1A3038;--colour-tints-inkwell-700:#142736;--colour-inkwell-700:#142736;--colour-tints-inkwell-800:#0D1A20;--colour-inkwell-800:#0D1A20;--colour-tints-soft-clay-20:#FBF9F5;--colour-softclay-20:#FBF9F5;--colour-tints-soft-clay-30:#FAF8F1;--colour-softclay-30:#FAF8F1;--colour-tints-soft-clay-40:#F7F5E5;--colour-softclay-40:#F7F5E5;--colour-tints-soft-clay-50:#F7F5E1;--colour-softclay-50:#F7F5E1;--colour-tints-soft-clay-100:#F2EAC2;--colour-softclay-100:#F2EAC2;--colour-tints-soft-clay-200:#D5C5C4;--colour-softclay-200:#D5C5C4;--colour-tints-soft-clay-300:#D0C0A9;--colour-softclay-300:#D0C0A9;--colour-tints-soft-clay-400:#C0AB8D;--colour-softclay-400:#C0AB8D;--colour-tints-soft-clay-500:#B59B82;--colour-softclay-500:#B59B82;--colour-tints-soft-clay-600:#A08651;--colour-softclay-600:#A08651;--colour-tints-soft-clay-700:#8D7B5A;--colour-softclay-700:#8D7B5A;--colour-tints-soft-clay-800:#5A5920;--colour-softclay-800:#5A5920;--colour-tints-ice-20:#FAFFFF;--colour-ice-20:#FAFFFF;--colour-tints-ice-30:#F8FFFE;--colour-ice-30:#F8FFFE;--colour-tints-ice-40:#F4FFFD;--colour-ice-40:#F4FFFD;--colour-tints-ice-50:#E6FFFF;--colour-ice-50:#E6FFFF;--colour-tints-ice-100:#E4FFF8;--colour-ice-100:#E4FFF8;--colour-tints-ice-200:#C9FFF0;--colour-ice-200:#C9FFF0;--colour-tints-ice-300:#C2FFF0;--colour-ice-300:#C2FFF0;--colour-tints-ice-400:#B8FFFC;--colour-ice-400:#B8FFFC;--colour-tints-ice-500:#8Ce;--colour-ice-500:#8Ce;--colour-tints-ice-600:#83BB82;--colour-ice-600:#83BB82;--colour-tints-ice-700:#10CCC9;--colour-ice-700:#10CCC9;--colour-typography-heading-primary:#14343B;--colour-typography-heading-secondary:#B09670;--colour-typography-body-dark:#14343B;--colour-typography-body-default:#14343B;--colour-typography-body-subtle:#708380;--colour-background-mist-green:#C6D5D1;--colour-background-inkwell:#14343B;--colour-background-soft-clay:#B09670;--colour-background-white:#FFFFFF;--colour-background-ivory-paper:#FFF9EE;--colour-background-level1:#E8EEED;--colour-ui-mist-green:#C6D5D1;--colour-ui-inkwell:#14343B;--colour-ui-soft-clay:#B09670;--colour-ui-white:#FFFFFF;--colour-ui-ivory-paper:#FFF9EE;--colour-ui-azure:#7FE2D4;--colour-ui-ice:#A6FFF8;--radius-sm:6px;--radius-md:12px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--typography-headingfont:'NeuSans', Arial, sans-serif;--typography-bodyfont:'NeuSans', Arial, sans-serif;--typography-sansfont:'NeuSans', Arial, sans-serif;--font-weight-regular:400;--font-weight-book:500;--font-weight-semibold:600;--font-size-heading-1-desktop:56px;--font-size-heading-1-mobile:38px;--font-size-heading-2-desktop:44px;--font-size-heading-2-mobile:32px;--font-size-heading-3-desktop:34px;--font-size-heading-3-mobile:25px;--font-size-heading-4-desktop:24px;--font-size-heading-4-mobile:20px;--font-size-heading-5-desktop:20px;--font-size-heading-5-mobile:18px;--font-size-heading-xl-desktop:80px;--font-size-heading-xl-mobile:50px;--font-size-body-xlarge:22px;--font-size-body-large:18px;--font-size-body-medium:16px;--font-size-body-small:14px;--font-size-label-button:17px;--font-size-label-tag:14px;--line-height-heading-tight:1;--line-height-heading-normal:1.1;--line-height-heading-relaxed:1.2;--line-height-body-xlarge:28px;--line-height-body-large:26px;--line-height-body-medium:24px;--line-height-body-small:20px;--line-height-label-button:20px;--line-height-label-tag:1;--letter-spacing-heading:-0.02em;--letter-spacing-body:0;--grid-xlarge-breakpoint:1440px;--grid-xlarge-columns:12;--grid-xlarge-margin:80px;--grid-xlarge-gutter:24px;--grid-xlarge-max-width:1440px;--grid-large-breakpoint:1024px;--grid-large-columns:12;--grid-large-margin:64px;--grid-large-gutter:16px;--grid-large-max-width:1024px;--grid-medium-breakpoint:768px;--grid-medium-columns:6;--grid-medium-margin:32px;--grid-medium-gutter:16px;--grid-medium-max-width:768px;--grid-small-breakpoint:375px;--grid-small-columns:4;--grid-small-margin:20px;--grid-small-gutter:16px;--grid-small-max-width:100%;--grid-xsmall-breakpoint:320px;--grid-xsmall-columns:4;--grid-xsmall-margin:16px;--grid-xsmall-gutter:16px;--grid-xsmall-max-width:100%;--icon-size-small:16px;--icon-size-medium:24px;--icon-size-large:32px;--icon-badge-size:48px;--illustration-size:432px}";
+const globalStyles = ":root{--colour-brand-mist-green:#C6D5D1;--colour-brand-inkwell:#14343B;--colour-brand-soft-clay:#B09670;--colour-brand-white:#FFFFFF;--colour-brand-ivory-paper:#FFF9EE;--colour-brand-azure:#7FE2D4;--colour-brand-ice:#A6FFF8;--colour-tints-mist-green-20:#F6FAF9;--colour-mistgreen-20:#F6FAF9;--colour-tints-mist-green-30:#F2F9F5;--colour-mistgreen-30:#F2F9F5;--colour-tints-mist-green-40:#ECF6F3;--colour-mistgreen-40:#ECF6F3;--colour-tints-mist-green-50:#E9F5FA;--colour-mistgreen-50:#E9F5FA;--colour-tints-mist-green-100:#E1EEE1;--colour-mistgreen-100:#E1EEE1;--colour-tints-mist-green-200:#D2E8E3;--colour-mistgreen-200:#D2E8E3;--colour-tints-mist-green-300:#C2E4E3;--colour-mistgreen-300:#C2E4E3;--colour-tints-mist-green-400:#B2D0D0;--colour-mistgreen-400:#B2D0D0;--colour-tints-mist-green-500:#A1BABA;--colour-mistgreen-500:#A1BABA;--colour-tints-mist-green-600:#92A7A7;--colour-mistgreen-600:#92A7A7;--colour-tints-mist-green-700:#849898;--colour-mistgreen-700:#849898;--colour-tints-mist-green-800:#1B6A68;--colour-mistgreen-800:#1B6A68;--colour-tints-inkwell-20:#F8FAFA;--colour-inkwell-20:#F8FAFA;--colour-tints-inkwell-30:#F5F9F5;--colour-inkwell-30:#F5F9F5;--colour-tints-inkwell-40:#EEF5F5;--colour-inkwell-40:#EEF5F5;--colour-tints-inkwell-50:#E8E6E8;--colour-inkwell-50:#E8E6E8;--colour-tints-inkwell-100:#D4D4D4;--colour-inkwell-100:#D4D4D4;--colour-tints-inkwell-200:#AAB6B1;--colour-inkwell-200:#AAB6B1;--colour-tints-inkwell-300:#7D969B;--colour-inkwell-300:#7D969B;--colour-tints-inkwell-400:#4E6E5F;--colour-inkwell-400:#4E6E5F;--colour-tints-inkwell-500:#1E4A48;--colour-inkwell-500:#1E4A48;--colour-tints-inkwell-600:#1A3038;--colour-inkwell-600:#1A3038;--colour-tints-inkwell-700:#142736;--colour-inkwell-700:#142736;--colour-tints-inkwell-800:#0D1A20;--colour-inkwell-800:#0D1A20;--colour-tints-soft-clay-20:#FBF9F5;--colour-softclay-20:#FBF9F5;--colour-tints-soft-clay-30:#FAF8F1;--colour-softclay-30:#FAF8F1;--colour-tints-soft-clay-40:#F7F5E5;--colour-softclay-40:#F7F5E5;--colour-tints-soft-clay-50:#F7F5E1;--colour-softclay-50:#F7F5E1;--colour-tints-soft-clay-100:#F2EAC2;--colour-softclay-100:#F2EAC2;--colour-tints-soft-clay-200:#D5C5C4;--colour-softclay-200:#D5C5C4;--colour-tints-soft-clay-300:#D0C0A9;--colour-softclay-300:#D0C0A9;--colour-tints-soft-clay-400:#C0AB8D;--colour-softclay-400:#C0AB8D;--colour-tints-soft-clay-500:#B59B82;--colour-softclay-500:#B59B82;--colour-tints-soft-clay-600:#A08651;--colour-softclay-600:#A08651;--colour-tints-soft-clay-700:#8D7B5A;--colour-softclay-700:#8D7B5A;--colour-tints-soft-clay-800:#5A5920;--colour-softclay-800:#5A5920;--colour-tints-ice-20:#FAFFFF;--colour-ice-20:#FAFFFF;--colour-tints-ice-30:#F8FFFE;--colour-ice-30:#F8FFFE;--colour-tints-ice-40:#F4FFFD;--colour-ice-40:#F4FFFD;--colour-tints-ice-50:#E6FFFF;--colour-ice-50:#E6FFFF;--colour-tints-ice-100:#E4FFF8;--colour-ice-100:#E4FFF8;--colour-tints-ice-200:#C9FFF0;--colour-ice-200:#C9FFF0;--colour-tints-ice-300:#C2FFF0;--colour-ice-300:#C2FFF0;--colour-tints-ice-400:#B8FFFC;--colour-ice-400:#B8FFFC;--colour-tints-ice-500:#8Ce;--colour-ice-500:#8Ce;--colour-tints-ice-600:#95E6E2;--colour-ice-600:#95E6E2;--colour-tints-ice-700:#10CCC9;--colour-ice-700:#10CCC9;--colour-typography-heading-primary:#14343B;--colour-typography-heading-secondary:#B09670;--colour-typography-body-dark:#14343B;--colour-typography-body-default:#14343B;--colour-typography-body-subtle:#708380;--colour-background-mist-green:#C6D5D1;--colour-background-inkwell:#14343B;--colour-background-soft-clay:#B09670;--colour-background-white:#FFFFFF;--colour-background-ivory-paper:#FFF9EE;--colour-background-level1:#E8EEED;--colour-ui-mist-green:#C6D5D1;--colour-ui-inkwell:#14343B;--colour-ui-soft-clay:#B09670;--colour-ui-white:#FFFFFF;--colour-ui-ivory-paper:#FFF9EE;--colour-ui-azure:#7FE2D4;--colour-ui-ice:#A6FFF8;--radius-sm:6px;--radius-md:12px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--typography-headingfont:'NeuSans', Arial, sans-serif;--typography-bodyfont:'NeuSans', Arial, sans-serif;--typography-sansfont:'NeuSans', Arial, sans-serif;--font-weight-regular:400;--font-weight-book:500;--font-weight-semibold:600;--font-size-heading-1-desktop:56px;--font-size-heading-1-mobile:38px;--font-size-heading-2-desktop:44px;--font-size-heading-2-mobile:32px;--font-size-heading-3-desktop:34px;--font-size-heading-3-mobile:25px;--font-size-heading-4-desktop:24px;--font-size-heading-4-mobile:20px;--font-size-heading-5-desktop:20px;--font-size-heading-5-mobile:18px;--font-size-heading-xl-desktop:80px;--font-size-heading-xl-mobile:50px;--font-size-body-xlarge:22px;--font-size-body-large:18px;--font-size-body-medium:16px;--font-size-body-small:14px;--font-size-label-button:17px;--font-size-label-tag:14px;--line-height-heading-tight:1;--line-height-heading-normal:1.1;--line-height-heading-relaxed:1.2;--line-height-body-xlarge:28px;--line-height-body-large:26px;--line-height-body-medium:24px;--line-height-body-small:20px;--line-height-label-button:20px;--line-height-label-tag:1;--letter-spacing-heading:-0.02em;--letter-spacing-body:0;--grid-xlarge-breakpoint:1440px;--grid-xlarge-columns:12;--grid-xlarge-margin:80px;--grid-xlarge-gutter:24px;--grid-xlarge-max-width:1440px;--grid-large-breakpoint:1024px;--grid-large-columns:12;--grid-large-margin:64px;--grid-large-gutter:16px;--grid-large-max-width:1024px;--grid-medium-breakpoint:768px;--grid-medium-columns:6;--grid-medium-margin:32px;--grid-medium-gutter:16px;--grid-medium-max-width:768px;--grid-small-breakpoint:375px;--grid-small-columns:4;--grid-small-margin:20px;--grid-small-gutter:16px;--grid-small-max-width:100%;--grid-xsmall-breakpoint:320px;--grid-xsmall-columns:4;--grid-xsmall-margin:16px;--grid-xsmall-gutter:16px;--grid-xsmall-max-width:100%;--icon-size-small:16px;--icon-size-medium:24px;--icon-size-large:32px;--icon-badge-size:48px;--illustration-size:432px}";
 
 /*
- Stencil Client Platform v4.43.4 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.38.2 | MIT Licensed | https://stenciljs.com
  */
-
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 
 // src/utils/constants.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
 var HTML_NS = "http://www.w3.org/1999/xhtml";
 
-// src/utils/get-prop-descriptor.ts
-function getPropertyDescriptor(obj, memberName, getOnly) {
-  const stopAt = typeof HTMLElement !== "undefined" ? HTMLElement.prototype : null;
-  while (obj && obj !== stopAt) {
-    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
-    if (desc && (!getOnly || desc.get)) return desc;
-    obj = Object.getPrototypeOf(obj);
-  }
-  return void 0;
-}
-
-// src/utils/es2022-rewire-class-members.ts
-var reWireGetterSetter = (instance, hostRef) => {
-  var _a;
-  const cmpMeta = hostRef.$cmpMeta$;
-  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
-  members.map(([memberName, [memberFlags]]) => {
-    if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
-      const ogValue = instance[memberName];
-      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName, true) || Object.getOwnPropertyDescriptor(instance, memberName);
-      if (ogDescriptor) {
-        Object.defineProperty(instance, memberName, {
-          get() {
-            return ogDescriptor.get.call(this);
-          },
-          set(newValue) {
-            ogDescriptor.set.call(this, newValue);
-          },
-          configurable: true,
-          enumerable: true
-        });
-      }
-      if (hostRef.$instanceValues$.has(memberName)) {
-        instance[memberName] = hostRef.$instanceValues$.get(memberName);
-      } else if (ogValue !== void 0) {
-        instance[memberName] = ogValue;
-      }
-    }
-  });
-};
-
 // src/client/client-host-ref.ts
 var getHostRef = (ref) => {
   if (ref.__stencil__getHostRef) {
@@ -65,9 +28,6 @@ var registerInstance = (lazyInstance, hostRef) => {
   if (!hostRef) return;
   lazyInstance.__stencil__getHostRef = () => hostRef;
   hostRef.$lazyInstance$ = lazyInstance;
-  if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
-    reWireGetterSetter(lazyInstance, hostRef);
-  }
 };
 var registerHost = (hostElement, cmpMeta) => {
   const hostRef = {
@@ -162,9 +122,6 @@ var supportsListenerOptions = /* @__PURE__ */ (() => {
 var promiseResolve = (v) => Promise.resolve(v);
 var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
   try {
-    if (!win.document.adoptedStyleSheets) {
-      return false;
-    }
     new CSSStyleSheet();
     return typeof new CSSStyleSheet().replaceSync === "function";
   } catch (e) {
@@ -208,6 +165,73 @@ var flush = () => {
 var nextTick = (cb) => promiseResolve().then(cb);
 var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
 
+// src/utils/helpers.ts
+var isDef = (v) => v != null && v !== void 0;
+var isComplexType = (o) => {
+  o = typeof o;
+  return o === "object" || o === "function";
+};
+
+// src/utils/query-nonce-meta-tag-content.ts
+function queryNonceMetaTagContent(doc) {
+  var _a, _b, _c;
+  return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
+}
+
+// src/utils/regular-expression.ts
+var escapeRegExpSpecialCharacters = (text) => {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+};
+
+// src/utils/result.ts
+var result_exports = {};
+__export(result_exports, {
+  err: () => err,
+  map: () => map,
+  ok: () => ok,
+  unwrap: () => unwrap,
+  unwrapErr: () => unwrapErr
+});
+var ok = (value) => ({
+  isOk: true,
+  isErr: false,
+  value
+});
+var err = (value) => ({
+  isOk: false,
+  isErr: true,
+  value
+});
+function map(result, fn) {
+  if (result.isOk) {
+    const val = fn(result.value);
+    if (val instanceof Promise) {
+      return val.then((newVal) => ok(newVal));
+    } else {
+      return ok(val);
+    }
+  }
+  if (result.isErr) {
+    const value = result.value;
+    return err(value);
+  }
+  throw "should never get here";
+}
+var unwrap = (result) => {
+  if (result.isOk) {
+    return result.value;
+  } else {
+    throw result.value;
+  }
+};
+var unwrapErr = (result) => {
+  if (result.isErr) {
+    return result.value;
+  } else {
+    throw result.value;
+  }
+};
+
 // src/utils/style.ts
 function createStyleSheetIfNeededAndSupported(styles2) {
   if (!supportsConstructableStylesheets) return void 0;
@@ -220,8 +244,7 @@ function createStyleSheetIfNeededAndSupported(styles2) {
 var globalStyleSheet;
 function createShadowRoot(cmpMeta) {
   var _a;
-  const opts = { mode: "open" };
-  const shadowRoot = this.attachShadow(opts);
+  const shadowRoot = this.attachShadow({ mode: "open" });
   if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
   if (globalStyleSheet) {
     if (supportsMutableAdoptedStyleSheets) {
@@ -229,10 +252,6 @@ function createShadowRoot(cmpMeta) {
     } else {
       shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
     }
-  } else if (!supportsConstructableStylesheets) {
-    const styleElm = document.createElement("style");
-    styleElm.innerHTML = globalStyles;
-    shadowRoot.prepend(styleElm);
   }
 }
 var updateFallbackSlotVisibility = (elm) => {
@@ -272,9 +291,8 @@ function getHostSlotNodes(childNodes, hostName, slotName) {
   let childNode;
   for (; i2 < childNodes.length; i2++) {
     childNode = childNodes[i2];
-    if (childNode["s-sr"] && (!hostName || childNode["s-hn"] === hostName) && (slotName === void 0 || getSlotName(childNode) === slotName)) {
+    if (childNode["s-sr"] && (!hostName || childNode["s-hn"] === hostName) && (slotName === void 0)) {
       slottedNodes.push(childNode);
-      if (typeof slotName !== "undefined") return slottedNodes;
     }
     slottedNodes = [...slottedNodes, ...getHostSlotNodes(childNode.childNodes, hostName, slotName)];
   }
@@ -332,18 +350,6 @@ function patchSlotNode(node) {
   node.assignedElements = assignedFactory(true);
   node.assignedNodes = assignedFactory(false);
 }
-function dispatchSlotChangeEvent(elm) {
-  elm.dispatchEvent(new CustomEvent("slotchange", { bubbles: false, cancelable: false, composed: false }));
-}
-function findSlotFromSlottedNode(slottedNode, parentHost) {
-  var _a;
-  parentHost = parentHost || ((_a = slottedNode["s-ol"]) == null ? void 0 : _a.parentElement);
-  if (!parentHost) return { slotNode: null, slotName: "" };
-  const slotName = slottedNode["s-sn"] = getSlotName(slottedNode) || "";
-  const childNodes = internalCall(parentHost, "childNodes");
-  const slotNode = getHostSlotNodes(childNodes, parentHost.tagName, slotName)[0];
-  return { slotNode, slotName };
-}
 function internalCall(node, method) {
   if ("__" + method in node) {
     const toReturn = node["__" + method];
@@ -368,14 +374,6 @@ var uniqueTime = (key, measureText) => {
     };
   }
 };
-
-// src/utils/query-nonce-meta-tag-content.ts
-function queryNonceMetaTagContent(doc) {
-  var _a, _b, _c;
-  return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
-}
-
-// src/runtime/styles.ts
 var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
 var registerStyle = (scopeId2, cssText, allowCS) => {
   let style = styles.get(scopeId2);
@@ -392,7 +390,7 @@ var registerStyle = (scopeId2, cssText, allowCS) => {
   styles.set(scopeId2, style);
 };
 var addStyle = (styleContainerNode, cmpMeta, mode) => {
-  var _a, _b, _c;
+  var _a;
   const scopeId2 = getScopeId(cmpMeta);
   const style = styles.get(scopeId2);
   if (!win.document) {
@@ -408,74 +406,58 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
         rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
       }
       if (!appliedStyles.has(scopeId2)) {
-        styleElm = win.document.createElement("style");
-        styleElm.textContent = style;
-        const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
-        if (nonce != null) {
-          styleElm.setAttribute("nonce", nonce);
-        }
-        if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
-          if (styleContainerNode.nodeName === "HEAD") {
-            const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
-            const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
-            styleContainerNode.insertBefore(
-              styleElm,
-              (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
-            );
-          } else if ("host" in styleContainerNode) {
-            if (supportsConstructableStylesheets) {
-              const currentWindow = (_b = styleContainerNode.defaultView) != null ? _b : styleContainerNode.ownerDocument.defaultView;
-              const stylesheet = new currentWindow.CSSStyleSheet();
-              stylesheet.replaceSync(style);
-              if (supportsMutableAdoptedStyleSheets) {
-                styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
+        {
+          styleElm = win.document.createElement("style");
+          styleElm.innerHTML = style;
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+          if (nonce != null) {
+            styleElm.setAttribute("nonce", nonce);
+          }
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+              styleContainerNode.insertBefore(
+                styleElm,
+                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
+              );
+            } else if ("host" in styleContainerNode) {
+              if (supportsConstructableStylesheets) {
+                const stylesheet = new CSSStyleSheet();
+                stylesheet.replaceSync(style);
+                if (supportsMutableAdoptedStyleSheets) {
+                  styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
+                } else {
+                  styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+                }
               } else {
-                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
               }
             } else {
-              const existingStyleContainer = styleContainerNode.querySelector("style");
-              if (existingStyleContainer && true) {
-                existingStyleContainer.textContent = style + existingStyleContainer.textContent;
-              } else {
-                styleContainerNode.prepend(styleElm);
-              }
+              styleContainerNode.append(styleElm);
             }
-          } else {
-            styleContainerNode.append(styleElm);
           }
-        }
-        if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-          styleContainerNode.insertBefore(styleElm, null);
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            styleContainerNode.insertBefore(styleElm, null);
+          }
         }
         if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.textContent += SLOT_FB_CSS;
+          styleElm.innerHTML += SLOT_FB_CSS;
         }
         if (appliedStyles) {
           appliedStyles.add(scopeId2);
         }
       }
-    } else {
-      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-      if (!appliedStyles) {
-        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
-      }
-      if (!appliedStyles.has(scopeId2)) {
-        const currentWindow = (_c = styleContainerNode.defaultView) != null ? _c : styleContainerNode.ownerDocument.defaultView;
-        let stylesheet;
-        if (style.constructor === currentWindow.CSSStyleSheet) {
-          stylesheet = style;
-        } else {
-          stylesheet = new currentWindow.CSSStyleSheet();
-          for (let i2 = 0; i2 < style.cssRules.length; i2++) {
-            stylesheet.insertRule(style.cssRules[i2].cssText, i2);
-          }
-        }
-        if (supportsMutableAdoptedStyleSheets) {
-          styleContainerNode.adoptedStyleSheets.push(stylesheet);
-        } else {
-          styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, stylesheet];
-        }
-        appliedStyles.add(scopeId2);
+    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
+      if (supportsMutableAdoptedStyleSheets) {
+        styleContainerNode.adoptedStyleSheets.push(style);
+      } else {
+        styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
       }
     }
   }
@@ -496,19 +478,7 @@ var attachStyles = (hostRef) => {
   endAttachStyles();
 };
 var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
-
-// src/utils/helpers.ts
-var isDef = (v) => v != null && v !== void 0;
-var isComplexType = (o) => {
-  o = typeof o;
-  return o === "object" || o === "function";
-};
-
-// src/runtime/vdom/h.ts
 var h = (nodeName, vnodeData, ...children) => {
-  if (typeof nodeName === "string") {
-    nodeName = transformTag(nodeName);
-  }
   let child = null;
   let key = null;
   let slotName = null;
@@ -572,8 +542,7 @@ var newVNode = (tag, text) => {
   const vnode = {
     $flags$: 0,
     $tag$: tag,
-    // Normalize undefined to null to prevent rendering "undefined" as text
-    $text$: text != null ? text : null,
+    $text$: text,
     $elm$: null,
     $children$: null
   };
@@ -620,33 +589,18 @@ var convertToPrivate = (node) => {
   vnode.$name$ = node.vname;
   return vnode;
 };
-
-// src/runtime/normalize-watchers.ts
-var normalizeWatchers = (raw) => {
-  if (!raw) return void 0;
-  const keys = Object.keys(raw);
-  if (keys.length === 0) return void 0;
-  let hasLegacy = false;
-  for (const propName of keys) {
-    if (hasLegacy) break;
-    for (const h2 of raw[propName]) {
-      if (typeof h2 === "string") {
-        hasLegacy = true;
-        break;
-      }
-    }
-  }
-  if (!hasLegacy) return raw;
-  const out = {};
-  for (const propName of keys) {
-    out[propName] = raw[propName].map(
-      (h2) => typeof h2 === "string" ? { [h2]: 0 } : h2
-    );
-  }
-  return out;
+var createSupportsRuleRe = (selector) => {
+  const safeSelector2 = escapeRegExpSpecialCharacters(selector);
+  return new RegExp(
+    // First capture group: match any context before the selector that's not inside @supports selector()
+    // Using negative lookahead to avoid matching inside @supports selector(...) condition
+    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
+    "g"
+  );
 };
-
-// src/runtime/parse-property-value.ts
+createSupportsRuleRe("::slotted");
+createSupportsRuleRe(":host");
+createSupportsRuleRe(":host-context");
 var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
@@ -725,7 +679,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     }
   } else if (memberName === "key") ; else if (memberName === "ref") {
     if (newValue) {
-      queueRefAttachment(newValue, elm);
+      newValue(elm);
     }
   } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
     if (memberName[2] === "-") {
@@ -745,36 +699,6 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
         plt.ael(elm, memberName, newValue, capture);
       }
     }
-  } else if (memberName[0] === "a" && memberName.startsWith("attr:")) {
-    const propName = memberName.slice(5);
-    let attrName;
-    {
-      const hostRef = getHostRef(elm);
-      if (hostRef && hostRef.$cmpMeta$ && hostRef.$cmpMeta$.$members$) {
-        const memberMeta = hostRef.$cmpMeta$.$members$[propName];
-        if (memberMeta && memberMeta[1]) {
-          attrName = memberMeta[1];
-        }
-      }
-    }
-    if (!attrName) {
-      attrName = propName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-    }
-    if (newValue == null || newValue === false) {
-      if (newValue !== false || elm.getAttribute(attrName) === "") {
-        elm.removeAttribute(attrName);
-      }
-    } else {
-      elm.setAttribute(attrName, newValue === true ? "" : newValue);
-    }
-    return;
-  } else if (memberName[0] === "p" && memberName.startsWith("prop:")) {
-    const propName = memberName.slice(5);
-    try {
-      elm[propName] = newValue;
-    } catch (e) {
-    }
-    return;
   } else {
     const isComplex = isComplexType(newValue);
     if ((isProp || isComplex && newValue !== null) && !isSvg) {
@@ -783,7 +707,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
           const n = newValue == null ? "" : newValue;
           if (memberName === "list") {
             isProp = false;
-          } else if (oldValue == null || elm[memberName] !== n) {
+          } else if (oldValue == null || elm[memberName] != n) {
             if (typeof elm.__lookupSetter__(memberName) === "function") {
               elm[memberName] = n;
             } else {
@@ -880,8 +804,6 @@ var useNativeShadowDom = false;
 var checkSlotFallbackVisibility = false;
 var checkSlotRelocate = false;
 var isSvgMode = false;
-var refCallbacksToRemove = [];
-var refCallbacksToAttach = [];
 var createElm = (oldParentVNode, newParentVNode, childIndex) => {
   var _a;
   const newVNode2 = newParentVNode.$children$[childIndex];
@@ -904,7 +826,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       );
     }
   }
-  if (newVNode2.$text$ != null) {
+  if (newVNode2.$text$ !== null) {
     elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
   } else if (newVNode2.$flags$ & 1 /* isSlotReference */) {
     elm = newVNode2.$elm$ = win.document.createTextNode("");
@@ -916,7 +838,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       isSvgMode = newVNode2.$tag$ === "svg";
     }
     if (!win.document) {
-      throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");
+      throw new Error(
+        "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
+      );
     }
     elm = newVNode2.$elm$ = win.document.createElementNS(
       isSvgMode ? SVG_NS : HTML_NS,
@@ -932,11 +856,10 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       elm.classList.add(elm["s-si"] = scopeId);
     }
     if (newVNode2.$children$) {
-      const appendTarget = newVNode2.$tag$ === "template" ? elm.content : elm;
       for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
         childNode = createElm(oldParentVNode, newVNode2, i2);
         if (childNode) {
-          appendTarget.appendChild(childNode);
+          elm.appendChild(childNode);
         }
       }
     }
@@ -958,7 +881,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       patchSlotNode(elm);
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
       if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
-        relocateToHostRoot(oldParentVNode.$elm$);
+        {
+          putBackInOriginalLocation(oldParentVNode.$elm$, false);
+        }
       }
       {
         addRemoveSlotScopedClass(contentRef, elm, newParentVNode.$elm$, oldParentVNode == null ? void 0 : oldParentVNode.$elm$);
@@ -967,37 +892,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
   }
   return elm;
 };
-var relocateToHostRoot = (parentElm) => {
-  plt.$flags$ |= 1 /* isTmpDisconnected */;
-  const host = parentElm.closest(hostTagName.toLowerCase());
-  if (host != null) {
-    const contentRefNode = Array.from(host.__childNodes || host.childNodes).find(
-      (ref) => ref["s-cr"]
-    );
-    const childNodeArray = Array.from(
-      parentElm.__childNodes || parentElm.childNodes
-    );
-    for (const childNode of contentRefNode ? childNodeArray.reverse() : childNodeArray) {
-      if (childNode["s-sh"] != null) {
-        insertBefore(host, childNode, contentRefNode != null ? contentRefNode : null);
-        childNode["s-sh"] = void 0;
-        checkSlotRelocate = true;
-      }
-    }
-  }
-  plt.$flags$ &= -2 /* isTmpDisconnected */;
-};
 var putBackInOriginalLocation = (parentElm, recursive) => {
   plt.$flags$ |= 1 /* isTmpDisconnected */;
   const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
-  if (parentElm["s-sr"]) {
-    let node = parentElm;
-    while (node = node.nextSibling) {
-      if (node && node["s-sn"] === parentElm["s-sn"] && node["s-sh"] === hostTagName) {
-        oldSlotChildNodes.push(node);
-      }
-    }
-  }
   for (let i2 = oldSlotChildNodes.length - 1; i2 >= 0; i2--) {
     const childNode = oldSlotChildNodes[i2];
     if (childNode["s-hn"] !== hostTagName && childNode["s-ol"]) {
@@ -1019,9 +916,6 @@ var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
   if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
     containerElm = containerElm.shadowRoot;
   }
-  if (parentVNode.$tag$ === "template") {
-    containerElm = containerElm.content;
-  }
   for (; startIdx <= endIdx; ++startIdx) {
     if (vnodes[startIdx]) {
       childNode = createElm(null, parentVNode, startIdx);
@@ -1065,7 +959,6 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
   let newEndVnode = newCh[newEndIdx];
   let node;
   let elmToMove;
-  const containerElm = newVNode2.$tag$ === "template" ? parentElm.content : parentElm;
   while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
     if (oldStartVnode == null) {
       oldStartVnode = oldCh[++oldStartIdx];
@@ -1088,7 +981,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
         putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
       }
       patch(oldStartVnode, newEndVnode, isInitialRender);
-      insertBefore(containerElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
+      insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
       oldStartVnode = oldCh[++oldStartIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
@@ -1096,7 +989,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
         putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
       }
       patch(oldEndVnode, newStartVnode, isInitialRender);
-      insertBefore(containerElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
+      insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
       oldEndVnode = oldCh[--oldEndIdx];
       newStartVnode = newCh[++newStartIdx];
     } else {
@@ -1170,17 +1063,11 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
   const tag = newVNode2.$tag$;
   const text = newVNode2.$text$;
   let defaultHolder;
-  if (text == null) {
+  if (text === null) {
     {
       isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
     }
     {
-      if (tag === "slot" && !useNativeShadowDom) {
-        if (oldVNode.$name$ !== newVNode2.$name$) {
-          newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
-          relocateToHostRoot(newVNode2.$elm$.parentElement);
-        }
-      }
       updateElement(oldVNode, newVNode2, isSvgMode);
     }
     if (oldChildren !== null && newChildren !== null) {
@@ -1217,7 +1104,7 @@ var markSlotContentForRelocation = (elm) => {
       const slotName = childNode["s-sn"];
       for (j = hostContentNodes.length - 1; j >= 0; j--) {
         node = hostContentNodes[j];
-        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (true)) {
           if (isNodeLocatedInSlot(node, slotName)) {
             let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility = true;
@@ -1257,39 +1144,15 @@ var markSlotContentForRelocation = (elm) => {
 };
 var nullifyVNodeRefs = (vNode) => {
   {
-    if (vNode.$attrs$ && vNode.$attrs$.ref) {
-      refCallbacksToRemove.push(() => vNode.$attrs$.ref(null));
-    }
+    vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
     vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
   }
 };
-var queueRefAttachment = (refCallback, elm) => {
-  {
-    refCallbacksToAttach.push(() => refCallback(elm));
+var insertBefore = (parent, newNode, reference) => {
+  if (typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
+    addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
   }
-};
-var flushQueuedRefCallbacks = () => {
   {
-    refCallbacksToRemove.forEach((cb) => cb());
-    refCallbacksToRemove.length = 0;
-    refCallbacksToAttach.forEach((cb) => cb());
-    refCallbacksToAttach.length = 0;
-  }
-};
-var insertBefore = (parent, newNode, reference, isInitialLoad) => {
-  {
-    if (typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
-      addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
-    } else if (typeof newNode["s-sn"] === "string") {
-      parent.insertBefore(newNode, reference);
-      const { slotNode } = findSlotFromSlottedNode(newNode);
-      if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
-      return newNode;
-    }
-  }
-  if (parent.__insertBefore) {
-    return parent.__insertBefore(newNode, reference);
-  } else {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
   }
 };
@@ -1315,7 +1178,7 @@ function addRemoveSlotScopedClass(reference, slotNode, newParent, oldParent) {
   }
 }
 var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d;
   const hostElm = hostRef.$hostElement$;
   const cmpMeta = hostRef.$cmpMeta$;
   const oldVNode = hostRef.$vnode$ || newVNode(null, null);
@@ -1359,27 +1222,19 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
         if (!nodeToRelocate["s-ol"] && win.document) {
           const orgLocationNode = win.document.createTextNode("");
           orgLocationNode["s-nr"] = nodeToRelocate;
-          insertBefore(
-            nodeToRelocate.parentNode,
-            nodeToRelocate["s-ol"] = orgLocationNode,
-            nodeToRelocate,
-            isInitialLoad
-          );
+          insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
         }
       }
       for (const relocateData of relocateNodes) {
         const nodeToRelocate = relocateData.$nodeToRelocate$;
         const slotRefNode = relocateData.$slotRefNode$;
-        if (nodeToRelocate.nodeType === 1 /* ElementNode */ && isInitialLoad) {
-          nodeToRelocate["s-ih"] = (_a = nodeToRelocate.hidden) != null ? _a : false;
-        }
         if (slotRefNode) {
           const parentNodeRef = slotRefNode.parentNode;
           let insertBeforeNode = slotRefNode.nextSibling;
-          if (insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */) {
-            let orgLocationNode = (_b = nodeToRelocate["s-ol"]) == null ? void 0 : _b.previousSibling;
+          {
+            let orgLocationNode = (_a = nodeToRelocate["s-ol"]) == null ? void 0 : _a.previousSibling;
             while (orgLocationNode) {
-              let refNode = (_c = orgLocationNode["s-nr"]) != null ? _c : null;
+              let refNode = (_b = orgLocationNode["s-nr"]) != null ? _b : null;
               if (refNode && refNode["s-sn"] === nodeToRelocate["s-sn"] && parentNodeRef === (refNode.__parentNode || refNode.parentNode)) {
                 refNode = refNode.nextSibling;
                 while (refNode === nodeToRelocate || (refNode == null ? void 0 : refNode["s-sr"])) {
@@ -1397,26 +1252,23 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
           const nextSibling = nodeToRelocate.__nextSibling || nodeToRelocate.nextSibling;
           if (!insertBeforeNode && parentNodeRef !== parent || nextSibling !== insertBeforeNode) {
             if (nodeToRelocate !== insertBeforeNode) {
-              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode, isInitialLoad);
-              if (nodeToRelocate.nodeType === 8 /* CommentNode */ && nodeToRelocate.nodeValue.startsWith("s-nt-")) {
-                const textNode = win.document.createTextNode(nodeToRelocate.nodeValue.replace(/^s-nt-/, ""));
-                textNode["s-hn"] = nodeToRelocate["s-hn"];
-                textNode["s-sn"] = nodeToRelocate["s-sn"];
-                textNode["s-sh"] = nodeToRelocate["s-sh"];
-                textNode["s-sr"] = nodeToRelocate["s-sr"];
-                textNode["s-ol"] = nodeToRelocate["s-ol"];
-                textNode["s-ol"]["s-nr"] = textNode;
-                insertBefore(nodeToRelocate.parentNode, textNode, nodeToRelocate, isInitialLoad);
-                nodeToRelocate.parentNode.removeChild(nodeToRelocate);
+              if (!nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
+                nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
               }
+              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
               if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
-                nodeToRelocate.hidden = (_d = nodeToRelocate["s-ih"]) != null ? _d : false;
+                nodeToRelocate.hidden = (_c = nodeToRelocate["s-ih"]) != null ? _c : false;
               }
             }
           }
           nodeToRelocate && typeof slotRefNode["s-rf"] === "function" && slotRefNode["s-rf"](slotRefNode);
-        } else if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
-          nodeToRelocate.hidden = true;
+        } else {
+          if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
+            if (isInitialLoad) {
+              nodeToRelocate["s-ih"] = (_d = nodeToRelocate.hidden) != null ? _d : false;
+            }
+            nodeToRelocate.hidden = true;
+          }
         }
       }
     }
@@ -1426,26 +1278,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
     plt.$flags$ &= -2 /* isTmpDisconnected */;
     relocateNodes.length = 0;
   }
-  if (!useNativeShadowDom && !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && hostElm["s-cr"]) {
-    const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
-    for (const childNode of children) {
-      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"]) {
-        if (isInitialLoad && childNode["s-ih"] == null) {
-          childNode["s-ih"] = (_e = childNode.hidden) != null ? _e : false;
-        }
-        if (childNode.nodeType === 1 /* ElementNode */) {
-          childNode.hidden = true;
-        } else if (childNode.nodeType === 3 /* TextNode */ && !!childNode.nodeValue.trim()) {
-          const textCommentNode = win.document.createComment("s-nt-" + childNode.nodeValue);
-          textCommentNode["s-sn"] = childNode["s-sn"];
-          insertBefore(childNode.parentNode, textCommentNode, childNode, isInitialLoad);
-          childNode.parentNode.removeChild(childNode);
-        }
-      }
-    }
-  }
   contentRef = void 0;
-  flushQueuedRefCallbacks();
 };
 
 // src/runtime/update-component.ts
@@ -1491,10 +1324,6 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   let maybePromise;
   if (isInitialLoad) {
     {
-      if (hostRef.$deferredConnectedCallback$) {
-        hostRef.$deferredConnectedCallback$ = false;
-        safeCall(instance, "connectedCallback", void 0, elm);
-      }
       {
         hostRef.$flags$ |= 256 /* isListenReady */;
         if (hostRef.$queuedListeners$) {
@@ -1514,8 +1343,8 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
-var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err) => {
-  console.error(err);
+var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
+  console.error(err2);
   fn();
 }) : fn();
 var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
@@ -1543,7 +1372,7 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
     if (childrenPromises.length === 0) {
       postUpdate();
     } else {
-      Promise.all(childrenPromises).then(postUpdate).catch(postUpdate);
+      Promise.all(childrenPromises).then(postUpdate);
       hostRef.$flags$ |= 4 /* isWaitingForChildren */;
       childrenPromises.length = 0;
     }
@@ -1649,35 +1478,25 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const didValueChange = newVal !== oldVal && !areBothNaN;
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
     hostRef.$instanceValues$.set(propName, newVal);
-    if (cmpMeta.$watchers$) {
-      const watchMethods = cmpMeta.$watchers$[propName];
-      if (watchMethods) {
-        watchMethods.map((watcher) => {
-          try {
-            const [[watchMethodName, watcherFlags]] = Object.entries(watcher);
-            if (flags & 128 /* isWatchReady */ || watcherFlags & 1 /* Immediate */) {
-              if (!instance) {
-                hostRef.$fetchedCbList$.push(() => {
-                  hostRef.$lazyInstance$[watchMethodName](newVal, oldVal, propName);
-                });
-              } else {
-                instance[watchMethodName](newVal, oldVal, propName);
-              }
+    if (instance) {
+      if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+        const watchMethods = cmpMeta.$watchers$[propName];
+        if (watchMethods) {
+          watchMethods.map((watchMethodName) => {
+            try {
+              instance[watchMethodName](newVal, oldVal, propName);
+            } catch (e) {
+              consoleError(e, elm);
             }
-          } catch (e) {
-            consoleError(e, elm);
-          }
-        });
-      }
-    }
-    if (flags & 2 /* hasRendered */) {
-      if (instance.componentShouldUpdate) {
-        const shouldUpdate = instance.componentShouldUpdate(newVal, oldVal, propName);
-        if (shouldUpdate === false && !(flags & 16 /* isQueuedForUpdate */)) {
-          return;
+          });
         }
       }
-      if (!(flags & 16 /* isQueuedForUpdate */)) {
+      if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+        if (instance.componentShouldUpdate) {
+          if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+            return;
+          }
+        }
         scheduleUpdate(hostRef, false);
       }
     }
@@ -1691,7 +1510,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
   if (cmpMeta.$members$ || BUILD.propChangeCallback) {
     {
       if (Cstr.watchers && !cmpMeta.$watchers$) {
-        cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
+        cmpMeta.$watchers$ = Cstr.watchers;
       }
       if (Cstr.deserializers && !cmpMeta.$deserializers$) {
         cmpMeta.$deserializers$ = Cstr.deserializers;
@@ -1703,7 +1522,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
-        const { get: origGetter, set: origSetter } = getPropertyDescriptor(prototype, memberName) || {};
+        const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
         if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
         if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
         if (flags & 1 /* isElementConstructor */ || !origGetter) {
@@ -1804,26 +1623,23 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             return;
           } else if (propName == null) {
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
-            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && newValue !== oldValue) {
+            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
               const instance = hostRef.$lazyInstance$ ;
               const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
-              entry == null ? void 0 : entry.forEach((watcher) => {
-                const [[watchMethodName, watcherFlags]] = Object.entries(watcher);
-                if (instance[watchMethodName] != null && (flags2 & 128 /* isWatchReady */ || watcherFlags & 1 /* Immediate */)) {
-                  instance[watchMethodName].call(instance, newValue, oldValue, attrName);
+              entry == null ? void 0 : entry.forEach((callbackName) => {
+                if (instance[callbackName] != null) {
+                  instance[callbackName].call(instance, newValue, oldValue, attrName);
                 }
               });
             }
             return;
           }
           const propFlags = members.find(([m]) => m === propName);
-          const isBooleanTarget = propFlags && propFlags[1][0] & 4 /* Boolean */;
-          const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
-          if (isBooleanTarget) {
+          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
             newValue = newValue === null || newValue === "false" ? false : true;
           }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -1850,88 +1666,72 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
 // src/runtime/initialize-component.ts
 var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   let Cstr;
-  try {
-    if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
-      hostRef.$flags$ |= 32 /* hasInitializedComponent */;
-      const bundleId = cmpMeta.$lazyBundleId$;
-      if (bundleId) {
-        const CstrImport = loadModule(cmpMeta, hostRef);
-        if (CstrImport && "then" in CstrImport) {
-          const endLoad = uniqueTime();
-          Cstr = await CstrImport;
-          endLoad();
-        } else {
-          Cstr = CstrImport;
-        }
-        if (!Cstr) {
-          throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
-        }
-        if (!Cstr.isProxied) {
-          {
-            cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
-            cmpMeta.$serializers$ = Cstr.serializers;
-            cmpMeta.$deserializers$ = Cstr.deserializers;
-          }
-          proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
-          Cstr.isProxied = true;
-        }
-        const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
-        {
-          hostRef.$flags$ |= 8 /* isConstructingInstance */;
-        }
-        try {
-          new Cstr(hostRef);
-        } catch (e) {
-          consoleError(e, elm);
-        }
-        {
-          hostRef.$flags$ &= -9 /* isConstructingInstance */;
-        }
-        {
-          hostRef.$flags$ |= 128 /* isWatchReady */;
-        }
-        endNewInstance();
-        const needsDeferredCallback = cmpMeta.$flags$ & 4 /* hasSlotRelocation */;
-        if (!needsDeferredCallback) {
-          fireConnectedCallback(hostRef.$lazyInstance$, elm);
-        } else {
-          hostRef.$deferredConnectedCallback$ = true;
-        }
+  if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
+    hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+    const bundleId = cmpMeta.$lazyBundleId$;
+    if (bundleId) {
+      const CstrImport = loadModule(cmpMeta, hostRef);
+      if (CstrImport && "then" in CstrImport) {
+        const endLoad = uniqueTime();
+        Cstr = await CstrImport;
+        endLoad();
       } else {
-        Cstr = elm.constructor;
-        const cmpTag = elm.localName;
-        customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
-      }
-      if (Cstr && Cstr.style) {
-        let style;
-        if (typeof Cstr.style === "string") {
-          style = Cstr.style;
-        }
-        const scopeId2 = getScopeId(cmpMeta);
-        if (!styles.has(scopeId2) || BUILD.hotModuleReplacement) {
-          const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
-          registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
-          endRegisterStyles();
+        Cstr = CstrImport;
+      }
+      if (!Cstr) {
+        throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
+      }
+      if (!Cstr.isProxied) {
+        {
+          cmpMeta.$watchers$ = Cstr.watchers;
+          cmpMeta.$serializers$ = Cstr.serializers;
+          cmpMeta.$deserializers$ = Cstr.deserializers;
         }
+        proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
+        Cstr.isProxied = true;
       }
-    }
-    const ancestorComponent = hostRef.$ancestorComponent$;
-    const schedule = () => scheduleUpdate(hostRef, true);
-    if (ancestorComponent && ancestorComponent["s-rc"]) {
-      ancestorComponent["s-rc"].push(schedule);
+      const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
+      {
+        hostRef.$flags$ |= 8 /* isConstructingInstance */;
+      }
+      try {
+        new Cstr(hostRef);
+      } catch (e) {
+        consoleError(e, elm);
+      }
+      {
+        hostRef.$flags$ &= -9 /* isConstructingInstance */;
+      }
+      {
+        hostRef.$flags$ |= 128 /* isWatchReady */;
+      }
+      endNewInstance();
+      fireConnectedCallback(hostRef.$lazyInstance$, elm);
     } else {
-      schedule();
+      Cstr = elm.constructor;
+      const cmpTag = elm.localName;
+      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
     }
-  } catch (e) {
-    consoleError(e, elm);
-    if (hostRef.$onRenderResolve$) {
-      hostRef.$onRenderResolve$();
-      hostRef.$onRenderResolve$ = void 0;
-    }
-    if (hostRef.$onReadyResolve$) {
-      hostRef.$onReadyResolve$(elm);
+    if (Cstr && Cstr.style) {
+      let style;
+      if (typeof Cstr.style === "string") {
+        style = Cstr.style;
+      }
+      const scopeId2 = getScopeId(cmpMeta);
+      if (!styles.has(scopeId2)) {
+        const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
+        registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
+        endRegisterStyles();
+      }
     }
   }
+  const ancestorComponent = hostRef.$ancestorComponent$;
+  const schedule = () => scheduleUpdate(hostRef, true);
+  if (ancestorComponent && ancestorComponent["s-rc"]) {
+    ancestorComponent["s-rc"].push(schedule);
+  } else {
+    schedule();
+  }
 };
 var fireConnectedCallback = (instance, elm) => {
   {
@@ -1967,7 +1767,7 @@ var connectedCallback = (elm) => {
       }
       if (cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && Object.prototype.hasOwnProperty.call(elm, memberName)) {
+          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;
@@ -2048,7 +1848,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
-      var _a2, _b;
+      var _a2, _b, _c;
       const cmpMeta = {
         $flags$: compactMeta[0],
         $tagName$: compactMeta[1],
@@ -2068,18 +1868,16 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         cmpMeta.$attrsToReflect$ = [];
       }
       {
-        cmpMeta.$watchers$ = normalizeWatchers(compactMeta[4]);
-        cmpMeta.$serializers$ = (_a2 = compactMeta[5]) != null ? _a2 : {};
-        cmpMeta.$deserializers$ = (_b = compactMeta[6]) != null ? _b : {};
+        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+        cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
+        cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
       }
-      const tagName = transformTag(cmpMeta.$tagName$);
+      const tagName = cmpMeta.$tagName$;
       const HostElement = class extends HTMLElement {
-        ["s-p"];
-        ["s-rc"];
-        hasRegisteredEventListeners = false;
         // StencilLazyHost
         constructor(self) {
           super(self);
+          this.hasRegisteredEventListeners = false;
           self = this;
           registerHost(self, cmpMeta);
           if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
@@ -2211,8 +2009,8 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
 
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
-function transformTag(tag) {
-  return tag;
-}
 
 export { Host as H, getElement as a, bootstrapLazy as b, createEvent as c, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+//# sourceMappingURL=index-C7nUZsb8.js.map
+
+//# sourceMappingURL=index-C7nUZsb8.js.map