@gov-design-system-ce/components 4.2.7 → 4.2.8

package/dist/hydrate/index.js

@@ -130,7 +130,7 @@ const NAMESPACE = 'core';
 const BUILD = /* core */ { hydratedSelectorName: "hydrated", shadowDom: false, slotRelocation: true, updatable: true};
 
 /*
- Stencil Hydrate Platform v4.33.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.36.2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -328,8 +328,23 @@ function deserializeProperty(value) {
   }
   return RemoteValue.fromLocalValue(JSON.parse(atob(value.slice(SERIALIZED_PREFIX.length))));
 }
+
+// src/utils/style.ts
+function createStyleSheetIfNeededAndSupported(styles2) {
+  return void 0;
+}
+
+// src/utils/shadow-root.ts
+var globalStyleSheet;
 function createShadowRoot(cmpMeta) {
-  this.attachShadow({ mode: "open" });
+  var _a;
+  const shadowRoot = this.attachShadow({ mode: "open" });
+  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported()) != null ? _a : null;
+  if (globalStyleSheet) {
+    {
+      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
+    }
+  }
 }
 
 // src/runtime/runtime-constants.ts
@@ -455,7 +470,7 @@ function patchSlotNode(node) {
     const slotName = this["s-sn"];
     if (opts == null ? void 0 : opts.flatten) {
       console.error(`
-          Flattening is not supported for Stencil non-shadow slots. 
+          Flattening is not supported for Stencil non-shadow slots.
           You can use \`.childNodes\` to nested slot fallback content.
           If you have a particular use case, please open an issue on the Stencil repo.
         `);
@@ -499,6 +514,89 @@ var uniqueTime = (key, measureText) => {
     };
   }
 };
+var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
+var registerStyle = (scopeId2, cssText, allowCS) => {
+  let style = styles.get(scopeId2);
+  {
+    style = cssText;
+  }
+  styles.set(scopeId2, style);
+};
+var addStyle = (styleContainerNode, cmpMeta, mode) => {
+  var _a;
+  const scopeId2 = getScopeId(cmpMeta);
+  const style = styles.get(scopeId2);
+  if (!win.document) {
+    return scopeId2;
+  }
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
+  if (style) {
+    if (typeof style === "string") {
+      styleContainerNode = styleContainerNode.head || styleContainerNode;
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      let styleElm;
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      if (!appliedStyles.has(scopeId2)) {
+        if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
+          styleElm.innerHTML = style;
+        } else {
+          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$ & 2 /* scopedCssEncapsulation */ || cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */)) {
+            styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
+          }
+          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) {
+              {
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
+              }
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            styleContainerNode.insertBefore(styleElm, null);
+          }
+        }
+        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+          styleElm.innerHTML += SLOT_FB_CSS;
+        }
+        if (appliedStyles) {
+          appliedStyles.add(scopeId2);
+        }
+      }
+    }
+  }
+  return scopeId2;
+};
+var attachStyles = (hostRef) => {
+  const cmpMeta = hostRef.$cmpMeta$;
+  const elm = hostRef.$hostElement$;
+  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
+  addStyle(
+    elm.getRootNode(),
+    cmpMeta);
+  endAttachStyles();
+};
+var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var h = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
@@ -613,7 +711,7 @@ var convertToPrivate = (node) => {
 
 // src/runtime/client-hydrate.ts
 var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
-  var _a;
+  var _a, _b, _c;
   const endHydrate = createTime("hydrateClient", tagName);
   const shadowRoot = hostElm.shadowRoot;
   const childRenderNodes = [];
@@ -624,15 +722,17 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
   vnode.$elm$ = hostElm;
   const members = Object.entries(((_a = hostRef.$cmpMeta$) == null ? void 0 : _a.$members$) || {});
   members.forEach(([memberName, [memberFlags, metaAttributeName]]) => {
-    var _a2;
+    var _b2;
     if (!(memberFlags & 31 /* Prop */)) {
       return;
     }
     const attributeName = metaAttributeName || memberName;
     const attrVal = hostElm.getAttribute(attributeName);
     if (attrVal !== null) {
-      const attrPropVal = parsePropertyValue(attrVal, memberFlags);
-      (_a2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _a2.set(memberName, attrPropVal);
+      const attrPropVal = parsePropertyValue(
+        attrVal,
+        memberFlags);
+      (_b2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b2.set(memberName, attrPropVal);
     }
   });
   if (win.document && (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size)) {
@@ -663,6 +763,16 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       if (childRenderNode.$tag$ === "slot") {
         node["s-cr"] = hostElm["s-cr"];
       }
+    } else if (((_b = childRenderNode.$tag$) == null ? void 0 : _b.toString().includes("-")) && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
+      const cmpMeta = getHostRef(childRenderNode.$elm$);
+      if (cmpMeta) {
+        const scopeId3 = getScopeId(
+          cmpMeta.$cmpMeta$);
+        const styleSheet = win.document.querySelector(`style[sty-id="${scopeId3}"]`);
+        if (styleSheet) {
+          hostElm.shadowRoot.append(styleSheet.cloneNode(true));
+        }
+      }
     }
     if (childRenderNode.$tag$ === "slot") {
       childRenderNode.$name$ = childRenderNode.$elm$["s-sn"] || childRenderNode.$elm$["name"] || null;
@@ -678,7 +788,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       }
     }
     if (orgLocationNode && orgLocationNode.isConnected) {
-      if (shadowRoot && orgLocationNode["s-en"] === "") {
+      if (orgLocationNode.parentElement.shadowRoot && orgLocationNode["s-en"] === "") {
         orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
       }
       orgLocationNode.parentNode.removeChild(orgLocationNode);
@@ -686,7 +796,9 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
         node["s-oo"] = parseInt(childRenderNode.$nodeId$);
       }
     }
-    plt.$orgLocNodes$.delete(orgLocationId);
+    if (orgLocationNode && !orgLocationNode["s-id"]) {
+      plt.$orgLocNodes$.delete(orgLocationId);
+    }
   }
   const hosts = [];
   const snLen = slottedNodes.length;
@@ -707,21 +819,25 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       }
       if (!hosts[slottedItem.hostId]) continue;
       const hostEle = hosts[slottedItem.hostId];
+      if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
+        hostEle.appendChild(slottedItem.node);
+      }
       if (!hostEle.shadowRoot || !shadowRoot) {
-        slottedItem.slot["s-cr"] = hostEle["s-cr"];
-        if (!slottedItem.slot["s-cr"] && hostEle.shadowRoot) {
-          slottedItem.slot["s-cr"] = hostEle;
-        } else {
-          slottedItem.slot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
+        if (!slottedItem.slot["s-cr"]) {
+          slottedItem.slot["s-cr"] = hostEle["s-cr"];
+          if (!slottedItem.slot["s-cr"] && hostEle.shadowRoot) {
+            slottedItem.slot["s-cr"] = hostEle;
+          } else {
+            slottedItem.slot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
+          }
         }
         addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
-      }
-      if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
-        hostEle.appendChild(slottedItem.node);
+        if (((_c = slottedItem.node.parentElement) == null ? void 0 : _c.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
+          slottedItem.node.removeAttribute("slot");
+        }
       }
     }
   }
-  plt.$orgLocNodes$.delete(hostElm["s-id"]);
   hostRef.$hostElement$ = hostElm;
   endHydrate();
 };
@@ -867,7 +983,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
     vnode.$index$ = "0";
     parentVNode.$children$ = [vnode];
   } else {
-    if (node.nodeType === 3 /* TextNode */ && !node.wholeText.trim()) {
+    if (node.nodeType === 3 /* TextNode */ && !node.wholeText.trim() && !node["s-nr"]) {
       node.remove();
     }
   }
@@ -928,8 +1044,8 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
     if (shouldMove) {
       parentVNode.$elm$.insertBefore(slot, parentVNode.$elm$.children[0]);
     }
-    childRenderNodes.push(childVNode);
   }
+  childRenderNodes.push(childVNode);
   slotNodes.push(childVNode);
   if (!parentVNode.$children$) {
     parentVNode.$children$ = [];
@@ -937,13 +1053,17 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
   parentVNode.$children$[childVNode.$index$] = childVNode;
 }
 var addSlottedNodes = (slottedNodes, slotNodeId, slotName, slotNode, hostId) => {
+  var _a, _b;
   let slottedNode = slotNode.nextSibling;
   slottedNodes[slotNodeId] = slottedNodes[slotNodeId] || [];
-  while (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (slottedNode.nodeType === 8 /* CommentNode */ && slottedNode.nodeValue.indexOf(".") !== 1 || slottedNode.nodeType === 3 /* TextNode */))) {
-    slottedNode["s-sn"] = slotName;
-    slottedNodes[slotNodeId].push({ slot: slotNode, node: slottedNode, hostId });
-    slottedNode = slottedNode.nextSibling;
-  }
+  if (!slottedNode || ((_a = slottedNode.nodeValue) == null ? void 0 : _a.startsWith(SLOT_NODE_ID + "."))) return;
+  do {
+    if (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (!slottedNode["getAttribute"] || !slottedNode.getAttribute("slot")) && (slottedNode.nodeType === 8 /* CommentNode */ || slottedNode.nodeType === 3 /* TextNode */))) {
+      slottedNode["s-sn"] = slotName;
+      slottedNodes[slotNodeId].push({ slot: slotNode, node: slottedNode, hostId });
+    }
+    slottedNode = slottedNode == null ? void 0 : slottedNode.nextSibling;
+  } while (slottedNode && !((_b = slottedNode.nodeValue) == null ? void 0 : _b.startsWith(SLOT_NODE_ID + ".")));
 };
 var findCorrespondingNode = (node, type) => {
   let sibling = node;
@@ -964,21 +1084,22 @@ var createSupportsRuleRe = (selector) => {
 createSupportsRuleRe("::slotted");
 createSupportsRuleRe(":host");
 createSupportsRuleRe(":host-context");
-var parsePropertyValue = (propValue, propType) => {
-  if (typeof propValue === "string" && (propValue.startsWith("{") && propValue.endsWith("}") || propValue.startsWith("[") && propValue.endsWith("]"))) {
-    try {
-      propValue = JSON.parse(propValue);
-      return propValue;
-    } catch (e) {
-    }
-  }
+var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   if (typeof propValue === "string" && propValue.startsWith(SERIALIZED_PREFIX)) {
     propValue = deserializeProperty(propValue);
     return propValue;
   }
+  if (typeof propValue === "string" && (propType & 16 /* Unknown */ || propType & 8 /* Any */) && (propValue.startsWith("{") && propValue.endsWith("}") || propValue.startsWith("[") && propValue.endsWith("]"))) {
+    try {
+      return JSON.parse(propValue);
+    } catch (e) {
+    }
+  }
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
-      return propValue === "false" ? false : propValue === "" || !!propValue;
+      {
+        return propValue === "false" ? false : propValue === "" || !!propValue;
+      }
     }
     if (propType & 2 /* Number */) {
       return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
@@ -990,7 +1111,10 @@ var parsePropertyValue = (propValue, propType) => {
   }
   return propValue;
 };
-var getElement = (ref) => getHostRef(ref).$hostElement$ ;
+var getElement = (ref) => {
+  var _a;
+  return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ ;
+};
 
 // src/runtime/event-emitter.ts
 var createEvent = (ref, name, flags) => {
@@ -1011,89 +1135,6 @@ var emitEvent = (elm, name, opts) => {
   elm.dispatchEvent(ev);
   return ev;
 };
-var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
-var registerStyle = (scopeId2, cssText, allowCS) => {
-  let style = styles.get(scopeId2);
-  {
-    style = cssText;
-  }
-  styles.set(scopeId2, style);
-};
-var addStyle = (styleContainerNode, cmpMeta, mode) => {
-  var _a;
-  const scopeId2 = getScopeId(cmpMeta);
-  const style = styles.get(scopeId2);
-  if (!win.document) {
-    return scopeId2;
-  }
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
-  if (style) {
-    if (typeof style === "string") {
-      styleContainerNode = styleContainerNode.head || styleContainerNode;
-      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-      let styleElm;
-      if (!appliedStyles) {
-        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
-      }
-      if (!appliedStyles.has(scopeId2)) {
-        if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
-          styleElm.innerHTML = style;
-        } else {
-          styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || 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$ & 2 /* scopedCssEncapsulation */ || cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */)) {
-            styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
-          }
-          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) {
-              {
-                const existingStyleContainer = styleContainerNode.querySelector("style");
-                if (existingStyleContainer) {
-                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
-                } else {
-                  styleContainerNode.prepend(styleElm);
-                }
-              }
-            } else {
-              styleContainerNode.append(styleElm);
-            }
-          }
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            styleContainerNode.insertBefore(styleElm, null);
-          }
-        }
-        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.innerHTML += SLOT_FB_CSS;
-        }
-        if (appliedStyles) {
-          appliedStyles.add(scopeId2);
-        }
-      }
-    }
-  }
-  return scopeId2;
-};
-var attachStyles = (hostRef) => {
-  const cmpMeta = hostRef.$cmpMeta$;
-  const elm = hostRef.$hostElement$;
-  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
-  addStyle(
-    elm.getRootNode(),
-    cmpMeta);
-  endAttachStyles();
-};
-var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
   if (oldValue === newValue) {
     return;
@@ -1104,12 +1145,13 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     const classList = elm.classList;
     const oldClasses = parseClassList(oldValue);
     let newClasses = parseClassList(newValue);
-    if (elm["s-si"] && initialRender) {
-      newClasses.push(elm["s-si"]);
+    if ((elm["s-si"] || elm["s-sc"]) && initialRender) {
+      const scopeId2 = elm["s-sc"] || elm["s-si"];
+      newClasses.push(scopeId2);
       oldClasses.forEach((c) => {
-        if (c.startsWith(elm["s-si"])) newClasses.push(c);
+        if (c.startsWith(scopeId2)) newClasses.push(c);
       });
-      newClasses = [...new Set(newClasses)];
+      newClasses = [...new Set(newClasses)].filter((c) => c);
       classList.add(...newClasses);
     } else {
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
@@ -1514,6 +1556,8 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       !isInitialRender && BUILD.updatable && oldChildren !== null
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
+    } else if (isInitialRender && BUILD.updatable && oldChildren !== null && newChildren === null) {
+      newVNode2.$children$ = oldChildren;
     }
   } else if ((defaultHolder = elm["s-cr"])) {
     defaultHolder.parentNode.textContent = text;
@@ -1720,6 +1764,12 @@ var scheduleUpdate = (hostRef, isInitialLoad) => {
   }
   attachToAncestor(hostRef, hostRef.$ancestorComponent$);
   const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
+  if (isInitialLoad) {
+    queueMicrotask(() => {
+      dispatch();
+    });
+    return;
+  }
   return writeTask(dispatch) ;
 };
 var dispatchHooks = (hostRef, isInitialLoad) => {
@@ -1850,10 +1900,16 @@ var postUpdateComponent = (hostRef) => {
   }
 };
 var appDidLoad = (who) => {
+  var _a;
   if (BUILD.asyncQueue) {
     plt.$flags$ |= 2 /* appLoaded */;
   }
   nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
+  {
+    if ((_a = plt.$orgLocNodes$) == null ? void 0 : _a.size) {
+      plt.$orgLocNodes$.clear();
+    }
+  }
 };
 var safeCall = (instance, method, arg, elm) => {
   if (instance && instance[method]) {
@@ -1886,6 +1942,9 @@ var serverSideConnected = (elm) => {
 var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
 var setValue = (ref, propName, newVal, cmpMeta) => {
   const hostRef = getHostRef(ref);
+  if (!hostRef) {
+    return;
+  }
   if (!hostRef) {
     throw new Error(
       `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
@@ -1895,7 +1954,9 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const oldVal = hostRef.$instanceValues$.get(propName);
   const flags = hostRef.$flags$;
   const instance = hostRef.$lazyInstance$ ;
-  newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);
+  newVal = parsePropertyValue(
+    newVal,
+    cmpMeta.$members$[propName][0]);
   const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
   const didValueChange = newVal !== oldVal && !areBothNaN;
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
@@ -1959,6 +2020,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         Object.defineProperty(prototype, memberName, {
           set(newValue) {
             const ref = getHostRef(this);
+            if (!ref) {
+              return;
+            }
             if (origSetter) {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
@@ -1966,7 +2030,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
                 ref.$instanceValues$.set(memberName, currentValue);
               }
-              origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
+              origSetter.apply(this, [
+                parsePropertyValue(
+                  newValue,
+                  memberFlags)
+              ]);
               newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               setValue(this, memberName, newValue, cmpMeta);
               return;
@@ -2063,6 +2131,9 @@ var fireConnectedCallback = (instance, elm) => {
 var connectedCallback = (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
+    if (!hostRef) {
+      return;
+    }
     const cmpMeta = hostRef.$cmpMeta$;
     const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
     if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
@@ -2332,7 +2403,7 @@ function proxyHostElement(elm, cstr) {
             get: function() {
               var _a2;
               const ref = getHostRef(this);
-              const attrPropVal2 = (_a2 = ref.$instanceValues$) == null ? void 0 : _a2.get(memberName);
+              const attrPropVal2 = (_a2 = ref == null ? void 0 : ref.$instanceValues$) == null ? void 0 : _a2.get(memberName);
               if (origGetter && attrPropVal2 === void 0 && !getValue(this, memberName)) {
                 setValue(this, memberName, origGetter.apply(this), cmpMeta);
               }
@@ -2481,13 +2552,16 @@ async function hydrateComponent(win2, results, tagName, elm, waitingElements) {
     const cmpMeta = Cstr.cmpMeta;
     if (cmpMeta != null) {
       waitingElements.add(elm);
-      getHostRef(this);
+      const hostRef = getHostRef(this);
+      if (!hostRef) {
+        return;
+      }
       try {
         connectedCallback(elm);
         await elm.componentOnReady();
         results.hydratedCount++;
         const ref = getHostRef(elm);
-        const modeName = !ref.$modeName$ ? "$" : ref.$modeName$;
+        const modeName = !(ref == null ? void 0 : ref.$modeName$) ? "$" : ref == null ? void 0 : ref.$modeName$;
         if (!results.components.some((c) => c.tag === tagName && c.mode === modeName)) {
           results.components.push({
             tag: tagName,
@@ -2983,7 +3057,7 @@ class GovAccordion {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-accordion",
         "$members$": {
             "size": [1],
@@ -3163,7 +3237,7 @@ class GovAccordionItem {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-accordion-item",
         "$members$": {
             "identifier": [1],
@@ -3283,7 +3357,7 @@ class GovAttachments {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-attachments",
         "$members$": {
             "label": [1],
@@ -3322,7 +3396,7 @@ class GovAttachmentsItem {
     get host() { return getElement(this); }
     static get style() { return govAttachmentsItemCss; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-attachments-item",
         "$members$": {
             "accessibleRemoveLabel": [1, "accessible-remove-label"],
@@ -3374,7 +3448,7 @@ class GovBackdrop {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 0,
+        "$flags$": 256,
         "$tagName$": "gov-backdrop",
         "$members$": {
             "inverse": [4],
@@ -3466,7 +3540,7 @@ class GovBanner {
         "text-color": ["validateTextColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-banner",
         "$members$": {
             "size": [513],
@@ -3504,7 +3578,7 @@ class GovBlockquote {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-blockquote",
         "$members$": {
             "type": [513],
@@ -3576,7 +3650,7 @@ class GovBreadcrumbs {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-breadcrumbs",
         "$members$": {
             "collapsible": [4],
@@ -3799,7 +3873,7 @@ class GovButton {
         "nativeType": ["validateNativeType"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-button",
         "$members$": {
             "color": [513],
@@ -3907,7 +3981,7 @@ class GovCard {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-card",
         "$members$": {
             "direction": [1],
@@ -4021,11 +4095,11 @@ class GovChip {
         const nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined;
         const iconStart = prepareIconFormat(this.iconStart);
         const iconEnd = prepareIconFormat(this.iconEnd);
-        return (hAsync(Host, { key: '6891a65866779d31691de4842180ae22767c4268', class: this.h.classes([
+        return (hAsync(Host, { key: '32757f0c00fbf343f2a09c81c36f0631e007dee7', class: this.h.classes([
                 ChipClass.root,
                 this.h.hasSlot("right") ? ChipClass.hasRight : undefined,
                 this.h.hasSlot("left") ? ChipClass.hasLeft : undefined,
-            ]), disabled: this.disabled, href: this.href, color: this.color, type: this.type, size: this.size, hoverable: Tag == NativeType.A || Tag == NativeType.BUTTON, hydrated: this.hydrated }, hAsync(Tag, Object.assign({ key: '32a2696de42de539438caa0842d0fefa31804b77', class: "element", href: this.href, target: this.target, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), tabindex: (this.h.hasSlot("left") || this.h.hasSlot("right") || this.disabled) && !this.focusable ? "-1" : "0", id: this.identifier || this.chipId, type: nativeType }, this.inheritedAttributes, { "aria-disabled": this.disabled }), hAsync("slot", { key: '93a5178477cbd4e0e09789c3ff0941e0972943f3', name: "left" }), hAsync("slot", { key: '7d019aa4f2e543a8cb22e7d694c6994656e92065', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '6077e90d13e1fe7945c43abf142e308fa88b10b9', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '8c2fbc69cade5187c4dc3805e2eb9b2639620687' }), hAsync("slot", { key: 'ba590e6f48cf44ceb293917dbdecf34472db28ad', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '030988484d52eb2a47b192888a8e4a1e8773bd74', type: iconEnd.type, name: iconEnd.name })), hAsync("slot", { key: 'b62f2b1359a70b2aba874686d33f3dd5b7d0c8a2', name: "right" }))));
+            ]), disabled: this.disabled, href: this.href, color: this.color, type: this.type, size: this.size, focusable: this.focusable, hydrated: this.hydrated }, hAsync(Tag, Object.assign({ key: '15c641eec13ca157f1d7a3709fc8843f18180b10', class: "element", href: this.href, target: this.target, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), tabindex: (this.h.hasSlot("left") || this.h.hasSlot("right") || this.disabled || !this.focusable) ? "-1" : "0", id: this.identifier || this.chipId, type: nativeType }, this.inheritedAttributes, { "aria-disabled": this.disabled }), hAsync("slot", { key: '81f56e0015e7d8ad1b72b7c24c90fd6eb04f31e8', name: "left" }), hAsync("slot", { key: '76377b22dc1c71a1fd0c5ca6bf0132760fbfca77', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '55245f14620f9a9d4c04d48a88944a44068148b2', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '4159dd5f8662d6b7ba5647e1220eddeeaef54553' }), hAsync("slot", { key: '8810a1161bfea9da7cc932ea5ce4810d4762d208', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: 'c4585843d3e078f9a99ec01a78cb862c1783a36c', type: iconEnd.type, name: iconEnd.name })), hAsync("slot", { key: '0b05c2e16d2ddea5bba82bfce3f1500889379f1a', name: "right" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -4051,7 +4125,7 @@ class GovChip {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-chip",
         "$members$": {
             "disabled": [516],
@@ -4089,7 +4163,7 @@ class GovContainer {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-container",
         "$members$": undefined,
         "$listeners$": undefined,
@@ -4131,7 +4205,7 @@ class GovControlGroup {
         "color": ["validateColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-control-group",
         "$members$": {
             "color": [1],
@@ -4162,7 +4236,7 @@ class GovCookiebar {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-cookiebar",
         "$members$": undefined,
         "$listeners$": undefined,
@@ -4324,7 +4398,7 @@ class GovDialog {
         "open": ["watchOpen"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-dialog",
         "$members$": {
             "open": [1540],
@@ -4476,7 +4550,7 @@ class GovDropdown {
         "open": ["watchOpen"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-dropdown",
         "$members$": {
             "identifier": [1],
@@ -4539,7 +4613,7 @@ class GovEmpty {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-empty",
         "$members$": {
             "size": [1],
@@ -4567,7 +4641,7 @@ class GovErrorCode {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-error-code",
         "$members$": undefined,
         "$listeners$": undefined,
@@ -4598,7 +4672,7 @@ class GovFlex {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-flex",
         "$members$": {
             "direction": [513],
@@ -4925,7 +4999,7 @@ class GovFormAutocomplete {
         "options": ["watchOptions"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-autocomplete",
         "$members$": {
             "value": [1537],
@@ -5237,7 +5311,7 @@ class GovFormCheckbox {
         "invalid": ["watchControlAttrs"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-checkbox",
         "$members$": {
             "value": [1],
@@ -5349,7 +5423,7 @@ class GovFormCheckboxGroup {
     }; }
     static get style() { return govFormGroupCss$1; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-checkbox-group",
         "$members$": {
             "gap": [1],
@@ -5428,7 +5502,7 @@ class GovFormControl {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-control",
         "$members$": {
             "identifier": [1],
@@ -5711,7 +5785,7 @@ class GovFormFile {
         "invalid": ["watchControlAttrs"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-file",
         "$members$": {
             "expanded": [4],
@@ -5778,7 +5852,7 @@ class GovFormGroup {
         "orientation": ["validateOrientation"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-group",
         "$members$": {
             "gap": [1],
@@ -5956,7 +6030,7 @@ class GovFormInput {
         "success": ["watchControlAttrs"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-input",
         "$members$": {
             "value": [1537],
@@ -6022,7 +6096,7 @@ class GovFormLabel {
         return (hAsync(Host, { key: 'e06447dd79c3204d5641bc58ba823d0744373dd5', class: FormLabelClass.root, size: this.size }, hAsync(Tag, { key: '69dfe126eb3f26aae0360e8c5f831e61345d3dc2', class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", { key: '3005e820b094c191fc0422a8586264053a4c403f' }), this.required ? hAsync("span", { class: "gov-color--text-status-error" }, "\u00A0*") : null)));
     }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-label",
         "$members$": {
             "identifier": [1],
@@ -6070,7 +6144,7 @@ class GovFormMessage {
         "color": ["validateColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-message",
         "$members$": {
             "color": [1],
@@ -6329,7 +6403,7 @@ class GovFormMultiSelect {
         "value": ["watchValue"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-multi-select",
         "$members$": {
             "value": [1537],
@@ -6374,7 +6448,7 @@ class GovFormPasswordPower {
         return (hAsync(Host, { key: '5345be77d281075d14e4d846cc28b4ee80238d44', class: FormPasswordPowerClass.root }, hAsync("span", { key: '4d54a301ac65d9432e524906eb8d0626fcc6be63', class: FormPasswordPowerClass.bar }, hAsync("span", { key: '0590bdcda2ca777daa02b4ed078490120c0d76b9' }), hAsync("span", { key: 'd76531fc51948809e1c7577c06661fd320ccb68c' }), hAsync("span", { key: '48a13aa684e06289961bf7aaeb778c9340242e55' })), hAsync("span", { key: '683dab64032d38a9d94121c154085a5e4cb0f6f1', class: FormPasswordPowerClass.text }, hAsync("slot", { key: 'd55a6fdbd4bfb5504457d10c7e6ce194d0ff36c5' }))));
     }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-password-power",
         "$members$": {
             "power": [514]
@@ -6509,7 +6583,7 @@ class GovFormRadio {
         "invalid": ["watchControlAttrs"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-radio",
         "$members$": {
             "value": [1],
@@ -6594,7 +6668,7 @@ class GovFormRadioGroup {
     }; }
     static get style() { return govFormGroupCss; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-radio-group",
         "$members$": {
             "gap": [1],
@@ -6795,7 +6869,7 @@ class GovFormRange {
         "success": ["watchControlAttrs"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-range",
         "$members$": {
             "size": [1],
@@ -6847,7 +6921,7 @@ class GovFormSearch {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-search",
         "$members$": {
             "size": [1],
@@ -6992,7 +7066,7 @@ class GovFormSelect {
         "value": ["watchValue"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-select",
         "$members$": {
             "value": [1537],
@@ -7141,7 +7215,7 @@ class GovFormSwitch {
         "invalid": ["watchDisabled"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-form-switch",
         "$members$": {
             "value": [1],
@@ -7179,7 +7253,7 @@ class GovGrid {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-grid",
         "$members$": {
             "alignItems": [513, "align-items"],
@@ -7210,7 +7284,7 @@ class GovGridItem {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-grid-item",
         "$members$": {
             "column": [1, "col-span"],
@@ -7408,7 +7482,7 @@ class GovIcon {
         "name": ["loadIconPathData"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 0,
+        "$flags$": 256,
         "$tagName$": "gov-icon",
         "$members$": {
             "size": [513],
@@ -7514,7 +7588,7 @@ class GovInfobar {
         "color": ["validateColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-infobar",
         "$members$": {
             "color": [1],
@@ -7575,7 +7649,7 @@ class GovLayout {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-layout",
         "$members$": {
             "type": [1],
@@ -7598,7 +7672,7 @@ class GovLayoutColumn {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-layout-column",
         "$members$": undefined,
         "$listeners$": undefined,
@@ -7643,7 +7717,7 @@ class GovLifecycle {
         return (hAsync(Host, { key: 'c5189d0afc68fc5d1149184eec3a02b57170689a', identifier: this.uniqueId }, hAsync("span", { key: 'cc6fbd61e6f7ba9cd4373bec00c128501e6df319' }, "lifecycle ", this.uniqueId)));
     }
     static get cmpMeta() { return {
-        "$flags$": 0,
+        "$flags$": 256,
         "$tagName$": "gov-lifecycle",
         "$members$": undefined,
         "$listeners$": undefined,
@@ -7695,7 +7769,7 @@ class GovLink {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-link",
         "$members$": {
             "size": [1],
@@ -7741,7 +7815,7 @@ class GovLoading {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-loading",
         "$members$": {
             "size": [1]
@@ -7787,7 +7861,7 @@ class GovMessage {
         "color": ["validateColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-message",
         "$members$": {
             "color": [1],
@@ -8035,7 +8109,7 @@ class GovPagination {
         "maxPages": ["recalculate"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 0,
+        "$flags$": 256,
         "$tagName$": "gov-pagination",
         "$members$": {
             "type": [1],
@@ -8162,7 +8236,7 @@ class GovSkeleton {
         "animation": ["validateAnimation"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 0,
+        "$flags$": 256,
         "$tagName$": "gov-skeleton",
         "$members$": {
             "size": [513],
@@ -8220,7 +8294,7 @@ class GovSpacer {
         "breakpoint": ["validateBreakpoint"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 0,
+        "$flags$": 256,
         "$tagName$": "gov-spacer",
         "$members$": {
             "size": [1],
@@ -8283,7 +8357,7 @@ class GovStepper {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-stepper",
         "$members$": {
             "size": [1]
@@ -8330,7 +8404,7 @@ class GovStepperItem {
         "color": ["validateColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-stepper-item",
         "$members$": {
             "color": [1],
@@ -8579,7 +8653,7 @@ class GovTabs {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-tabs",
         "$members$": {
             "type": [1],
@@ -8656,7 +8730,7 @@ class GovTabsItem {
         "disabled": ["rerenderParent"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-tabs-item",
         "$members$": {
             "identifier": [1],
@@ -8726,7 +8800,7 @@ class GovTag {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-tag",
         "$members$": {
             "iconStart": [1, "icon-start"],
@@ -8847,7 +8921,7 @@ class GovThemeSwitch {
         "theme": ["watchTheme"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 0,
+        "$flags$": 256,
         "$tagName$": "gov-theme-switch",
         "$members$": {
             "size": [1],
@@ -8899,7 +8973,7 @@ class GovTile {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-tile",
         "$members$": {
             "size": [513],
@@ -9023,7 +9097,7 @@ class GovToast {
         "color": ["validateColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-toast",
         "$members$": {
             "color": [1],
@@ -9291,7 +9365,7 @@ class GovTooltip {
         "message": ["rerenderMessage"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-tooltip",
         "$members$": {
             "color": [1],
@@ -9361,7 +9435,7 @@ class GovTooltipContent {
         "isVisible": ["visibleContent"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-tooltip-content",
         "$members$": {
             "color": [1],
@@ -9442,7 +9516,7 @@ class GovWizard {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-wizard",
         "$members$": {
             "size": [1],
@@ -9544,7 +9618,7 @@ class GovWizardItem {
         "color": ["validateColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 260,
         "$tagName$": "gov-wizard-item",
         "$members$": {
             "color": [1],
@@ -9725,7 +9799,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.33.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.36.2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -10450,8 +10524,21 @@ function triggerEventListener(elm, ev) {
   } else if (elm.parentElement == null && elm.tagName === "HTML") {
     triggerEventListener(elm.ownerDocument, ev);
   } else {
-    triggerEventListener(elm.parentElement, ev);
+    const nextTarget = getNextEventTarget(elm, ev);
+    triggerEventListener(nextTarget, ev);
+  }
+}
+function getNextEventTarget(elm, ev) {
+  if (elm.parentElement) {
+    return elm.parentElement;
+  }
+  if (elm.host && ev.composed) {
+    return elm.host;
   }
+  if (ev.composed && elm.parentNode && elm.parentNode.host) {
+    return elm.parentNode.host;
+  }
+  return null;
 }
 function dispatchEvent(currentTarget, ev) {
   ev.target = currentTarget;
@@ -20093,6 +20180,11 @@ function* streamToHtml(node, opts, output) {
         const mode = ` shadowrootmode="open"`;
         yield mode;
         output.currentLineWidth += mode.length;
+        if (node.delegatesFocus) {
+          const delegatesFocusAttr = " shadowrootdelegatesfocus";
+          yield delegatesFocusAttr;
+          output.currentLineWidth += delegatesFocusAttr.length;
+        }
       }
       const attrsLength = node.attributes.length;
       const attributes = opts.prettyHtml && attrsLength > 1 ? cloneAttributes(node.attributes, true) : node.attributes;
@@ -20611,6 +20703,15 @@ var MockNode2 = class {
   set textContent(value) {
     this._nodeValue = String(value);
   }
+  addEventListener(type, handler) {
+    addEventListener(this, type, handler);
+  }
+  removeEventListener(type, handler) {
+    removeEventListener(this, type, handler);
+  }
+  dispatchEvent(ev) {
+    return dispatchEvent(this, ev);
+  }
 };
 MockNode2.ELEMENT_NODE = 1;
 MockNode2.TEXT_NODE = 3;
@@ -20649,15 +20750,25 @@ var MockElement = class extends MockNode2 {
     addEventListener(this, type, handler);
   }
   attachShadow(_opts) {
+    var _a2;
     const shadowRoot = this.ownerDocument.createDocumentFragment();
+    shadowRoot.delegatesFocus = (_a2 = _opts.delegatesFocus) != null ? _a2 : false;
     this.shadowRoot = shadowRoot;
     return shadowRoot;
   }
   blur() {
-    dispatchEvent(
-      this,
-      new MockFocusEvent("blur", { relatedTarget: null, bubbles: true, cancelable: true, composed: true })
-    );
+    if (isCurrentlyDispatching(this, "blur")) {
+      return;
+    }
+    markAsDispatching(this, "blur");
+    try {
+      dispatchEvent(
+        this,
+        new MockFocusEvent("blur", { relatedTarget: null, bubbles: true, cancelable: true, composed: true })
+      );
+    } finally {
+      unmarkAsDispatching(this, "blur");
+    }
   }
   get localName() {
     if (!this.nodeName) {
@@ -21399,6 +21510,28 @@ function setTextContent(elm, text) {
   const textNode = new MockTextNode(elm.ownerDocument, text);
   elm.appendChild(textNode);
 }
+var currentlyDispatching = /* @__PURE__ */ new WeakMap();
+function isCurrentlyDispatching(target, eventType) {
+  const dispatchingEvents = currentlyDispatching.get(target);
+  return dispatchingEvents != null && dispatchingEvents.has(eventType);
+}
+function markAsDispatching(target, eventType) {
+  let dispatchingEvents = currentlyDispatching.get(target);
+  if (dispatchingEvents == null) {
+    dispatchingEvents = /* @__PURE__ */ new Set();
+    currentlyDispatching.set(target, dispatchingEvents);
+  }
+  dispatchingEvents.add(eventType);
+}
+function unmarkAsDispatching(target, eventType) {
+  const dispatchingEvents = currentlyDispatching.get(target);
+  if (dispatchingEvents != null) {
+    dispatchingEvents.delete(eventType);
+    if (dispatchingEvents.size === 0) {
+      currentlyDispatching.delete(target);
+    }
+  }
+}
 
 // src/mock-doc/comment-node.ts
 var MockComment = class _MockComment extends MockNode2 {