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

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.36.2 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.33.1 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -328,23 +328,8 @@ 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) {
-  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];
-    }
-  }
+  this.attachShadow({ mode: "open" });
 }
 
 // src/runtime/runtime-constants.ts
@@ -470,7 +455,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.
         `);
@@ -514,89 +499,6 @@ 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;
@@ -711,7 +613,7 @@ var convertToPrivate = (node) => {
 
 // src/runtime/client-hydrate.ts
 var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
-  var _a, _b, _c;
+  var _a;
   const endHydrate = createTime("hydrateClient", tagName);
   const shadowRoot = hostElm.shadowRoot;
   const childRenderNodes = [];
@@ -722,17 +624,15 @@ 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 _b2;
+    var _a2;
     if (!(memberFlags & 31 /* Prop */)) {
       return;
     }
     const attributeName = metaAttributeName || memberName;
     const attrVal = hostElm.getAttribute(attributeName);
     if (attrVal !== null) {
-      const attrPropVal = parsePropertyValue(
-        attrVal,
-        memberFlags);
-      (_b2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b2.set(memberName, attrPropVal);
+      const attrPropVal = parsePropertyValue(attrVal, memberFlags);
+      (_a2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _a2.set(memberName, attrPropVal);
     }
   });
   if (win.document && (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size)) {
@@ -763,16 +663,6 @@ 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;
@@ -788,7 +678,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       }
     }
     if (orgLocationNode && orgLocationNode.isConnected) {
-      if (orgLocationNode.parentElement.shadowRoot && orgLocationNode["s-en"] === "") {
+      if (shadowRoot && orgLocationNode["s-en"] === "") {
         orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
       }
       orgLocationNode.parentNode.removeChild(orgLocationNode);
@@ -796,9 +686,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
         node["s-oo"] = parseInt(childRenderNode.$nodeId$);
       }
     }
-    if (orgLocationNode && !orgLocationNode["s-id"]) {
-      plt.$orgLocNodes$.delete(orgLocationId);
-    }
+    plt.$orgLocNodes$.delete(orgLocationId);
   }
   const hosts = [];
   const snLen = slottedNodes.length;
@@ -819,25 +707,21 @@ 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) {
-        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];
-          }
+        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 (((_c = slottedItem.node.parentElement) == null ? void 0 : _c.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
-          slottedItem.node.removeAttribute("slot");
-        }
+      }
+      if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
+        hostEle.appendChild(slottedItem.node);
       }
     }
   }
+  plt.$orgLocNodes$.delete(hostElm["s-id"]);
   hostRef.$hostElement$ = hostElm;
   endHydrate();
 };
@@ -983,7 +867,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
     vnode.$index$ = "0";
     parentVNode.$children$ = [vnode];
   } else {
-    if (node.nodeType === 3 /* TextNode */ && !node.wholeText.trim() && !node["s-nr"]) {
+    if (node.nodeType === 3 /* TextNode */ && !node.wholeText.trim()) {
       node.remove();
     }
   }
@@ -1044,8 +928,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$ = [];
@@ -1053,17 +937,13 @@ 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] || [];
-  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 + ".")));
+  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;
+  }
 };
 var findCorrespondingNode = (node, type) => {
   let sibling = node;
@@ -1084,22 +964,21 @@ var createSupportsRuleRe = (selector) => {
 createSupportsRuleRe("::slotted");
 createSupportsRuleRe(":host");
 createSupportsRuleRe(":host-context");
-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("]"))) {
+var parsePropertyValue = (propValue, propType) => {
+  if (typeof propValue === "string" && (propValue.startsWith("{") && propValue.endsWith("}") || propValue.startsWith("[") && propValue.endsWith("]"))) {
     try {
-      return JSON.parse(propValue);
+      propValue = JSON.parse(propValue);
+      return propValue;
     } catch (e) {
     }
   }
+  if (typeof propValue === "string" && propValue.startsWith(SERIALIZED_PREFIX)) {
+    propValue = deserializeProperty(propValue);
+    return propValue;
+  }
   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;
@@ -1111,10 +990,7 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   }
   return propValue;
 };
-var getElement = (ref) => {
-  var _a;
-  return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ ;
-};
+var getElement = (ref) => getHostRef(ref).$hostElement$ ;
 
 // src/runtime/event-emitter.ts
 var createEvent = (ref, name, flags) => {
@@ -1135,6 +1011,89 @@ 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;
@@ -1145,13 +1104,12 @@ 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"] || elm["s-sc"]) && initialRender) {
-      const scopeId2 = elm["s-sc"] || elm["s-si"];
-      newClasses.push(scopeId2);
+    if (elm["s-si"] && initialRender) {
+      newClasses.push(elm["s-si"]);
       oldClasses.forEach((c) => {
-        if (c.startsWith(scopeId2)) newClasses.push(c);
+        if (c.startsWith(elm["s-si"])) newClasses.push(c);
       });
-      newClasses = [...new Set(newClasses)].filter((c) => c);
+      newClasses = [...new Set(newClasses)];
       classList.add(...newClasses);
     } else {
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
@@ -1556,8 +1514,6 @@ 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;
@@ -1764,12 +1720,6 @@ 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) => {
@@ -1900,16 +1850,10 @@ 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]) {
@@ -1942,9 +1886,6 @@ 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).`
@@ -1954,9 +1895,7 @@ 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) {
@@ -2020,9 +1959,6 @@ 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)) {
@@ -2030,11 +1966,7 @@ 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;
@@ -2131,9 +2063,6 @@ 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 */)) {
@@ -2403,7 +2332,7 @@ function proxyHostElement(elm, cstr) {
             get: function() {
               var _a2;
               const ref = getHostRef(this);
-              const attrPropVal2 = (_a2 = ref == null ? void 0 : ref.$instanceValues$) == null ? void 0 : _a2.get(memberName);
+              const attrPropVal2 = (_a2 = ref.$instanceValues$) == null ? void 0 : _a2.get(memberName);
               if (origGetter && attrPropVal2 === void 0 && !getValue(this, memberName)) {
                 setValue(this, memberName, origGetter.apply(this), cmpMeta);
               }
@@ -2552,16 +2481,13 @@ async function hydrateComponent(win2, results, tagName, elm, waitingElements) {
     const cmpMeta = Cstr.cmpMeta;
     if (cmpMeta != null) {
       waitingElements.add(elm);
-      const hostRef = getHostRef(this);
-      if (!hostRef) {
-        return;
-      }
+      getHostRef(this);
       try {
         connectedCallback(elm);
         await elm.componentOnReady();
         results.hydratedCount++;
         const ref = getHostRef(elm);
-        const modeName = !(ref == null ? void 0 : ref.$modeName$) ? "$" : ref == null ? void 0 : ref.$modeName$;
+        const modeName = !ref.$modeName$ ? "$" : ref.$modeName$;
         if (!results.components.some((c) => c.tag === tagName && c.mode === modeName)) {
           results.components.push({
             tag: tagName,
@@ -2943,6 +2869,10 @@ const govHost = (host) => {
             const slottedElements = Array.from(this.hostElement.querySelectorAll(`[slot="${name}"]`));
             return slottedElements.length > 0 ? slottedElements[0] : null;
         },
+        getSlotContent(name) {
+            const slot = this.getSlot(name);
+            return slot ? slot.textContent : null;
+        },
         getParent(element) {
             return this.hostElement.closest(element);
         },
@@ -3050,14 +2980,14 @@ class GovAccordion {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '98666441f80fcb633f05142c4a695e2478af5383', hydrated: this.hydrated, class: this.h.classes(AccordionClass.root), size: this.size, role: 'list' }, hAsync("slot", { key: 'db7aa61e809f901019dcb301aa529cdc9bc7530e' })));
+        return (hAsync(Host, { key: '62ad311346ed2f7caa86f8085b4ee9a7a81c5f92', hydrated: this.hydrated, class: this.h.classes(AccordionClass.root), size: this.size, role: 'list' }, hAsync("slot", { key: 'c4fade9da340c36695c6781e411abac9202ffdf8' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-accordion",
         "$members$": {
             "size": [1],
@@ -3207,13 +3137,13 @@ class GovAccordionItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '1beb62527ea9274e6280ce0b64c9d52c12e4a993', class: this.h.classes([AccordionItemClass.root,
-                this.disabled && AccordionItemClass.disabled]), size: this.size, role: "listitem" }, hAsync("details", { key: '53ca7688e8f26e85cd76feb073a26d04c5505d2b', class: AccordionItemClass.details, id: this.identifier, "aria-disabled": toBoolAttrIfDefined(this.disabled), open: this.open }, hAsync("summary", Object.assign({ key: '19fec49b0066b7a6162a6010e0ee20431c2a578b', onClick: (e) => {
+        return (hAsync(Host, { key: '322aca243fd956d90542c23ffd384969a3e702ba', class: this.h.classes([AccordionItemClass.root,
+                this.disabled && AccordionItemClass.disabled]), size: this.size, role: "listitem" }, hAsync("details", { key: '80befb8ec6ecc9e1718d9e94fc693e382a384512', class: AccordionItemClass.details, id: this.identifier, "aria-disabled": toBoolAttrIfDefined(this.disabled), open: this.open }, hAsync("summary", Object.assign({ key: 'f04df2d0a5c29c9c6621e69ab15c1ac72bc95912', onClick: (e) => {
                 e.stopPropagation();
                 e.preventDefault();
                 !this.disabled && this.toggle().finally();
             }, class: AccordionItemClass.summary, tabIndex: this.disabled ? -1 : 0, "aria-expanded": booleanString(this.open) }, this.inheritedAttributes), this.h.hasSlot('icon') &&
-            hAsync("span", { key: '19254947c22fa2b1a2fa4e26eacb22c0c89b40c9', class: AccordionItemClass.icon }, hAsync("slot", { key: '262be1640f250fabf9918f4162c071bb68dc4fb3', name: "icon" })), hAsync("span", { key: 'ebb5ef762ef51921b68a8063fd09c979d7d0d32d', class: AccordionItemClass.title }, hAsync("slot", { key: '75783345d2276f06e53c401761cb4e57d241e5e0', name: "label" }), hAsync("slot", { key: 'f2d9cdff693edbcae6293921fde7996d1b1251b6', name: "annotation" })), hAsync("span", { key: 'f7e28ea54455756c7d146c7b88be7001e80b07a8', class: AccordionItemClass.right }, hAsync("slot", { key: 'e76b31bf1c349a8a86d4b91ec1cfa650a75edf60', name: "suffix" }), hAsync("span", { key: '87ea99c9862deb3ff9820fa383cec52956b4655a', class: AccordionItemClass.arrow }, hAsync("slot", { key: 'c8b64a90455a731f359e12550664ba5aa905abbc', name: "toggle-icon" }, hAsync("gov-icon", { key: '867406c5634d6446683529f5f647492b9b289a31', name: "chevron-down", type: "components" }))))), hAsync("div", { key: '2adf7441dd470ae1b32a08fb374cd1d9e2d1f789', class: AccordionItemClass.content }, hAsync("slot", { key: '8eb27d0b33689933b6e71850324c35c89d71c4c0' })))));
+            hAsync("span", { key: '0889615c3b616615947e09cb7dc82a45f5bf3c36', class: AccordionItemClass.icon }, hAsync("slot", { key: '204ee8071c84d94fe44f06781a169c6ed6548748', name: "icon" })), hAsync("span", { key: '2558df9bfa5b027fd78858bc07c59c812144f7b0', class: AccordionItemClass.title }, hAsync("slot", { key: 'ce4fc19e7bcd801e789fa920b75726ac2e6d64fa', name: "label" }), hAsync("slot", { key: '6493bed9d3ff025212c6ddd483c6afc66e4e2555', name: "annotation" })), hAsync("span", { key: '86bb4f277aa23a921803d1b15b19ddc1f9bef788', class: AccordionItemClass.right }, hAsync("slot", { key: '6125404df4e25f638b3c0a2dc10d13cc58d5a2db', name: "suffix" }), hAsync("span", { key: '4ec7fde2af7b5648b033440a646af0fa9cdb575a', class: AccordionItemClass.arrow }, hAsync("slot", { key: 'cf5ace176c8c7cd53e8bad7c8155e396d37ca6fa', name: "toggle-icon" }, hAsync("gov-icon", { key: '0d5e06a98c5ac069c3680ed5442064aed996eb46', name: "chevron-down", type: "components" }))))), hAsync("div", { key: '6ce82f8da04142d8330f9da035f046272deffd4d', class: AccordionItemClass.content }, hAsync("slot", { key: '47790abbe664864a3cf1d456762fb414d7c63418' })))));
     }
     /**
      * Accordion switch
@@ -3237,7 +3167,7 @@ class GovAccordionItem {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-accordion-item",
         "$members$": {
             "identifier": [1],
@@ -3347,7 +3277,7 @@ class GovAttachments {
         }
     }
     render() {
-        return (hAsync(Host, { key: '01d6046e8da3b76924fa9c3124cec31e5b81d4c5', class: this.h.classes(AttachmentsClass.root) }, this.label ? hAsync("p", { class: AttachmentsClass.label }, this.label) : null, hAsync("div", { key: '88936d984563a5815b90cba8b1b5ee0f71ee3460', class: AttachmentsClass.list, role: "list", "aria-label": this.wcagLabel }, hAsync("slot", { key: '99c6427772c71388f027595a1fdf13ed4956a474' }))));
+        return (hAsync(Host, { key: '80effc5b697215f9a0cf731b6562c137edbc0efa', class: this.h.classes(AttachmentsClass.root) }, this.label ? hAsync("p", { class: AttachmentsClass.label }, this.label) : null, hAsync("div", { key: '3b7388299a3da27be78732562ded94bb6581525b', class: AttachmentsClass.list, role: "list", "aria-label": this.wcagLabel }, hAsync("slot", { key: '38c1592a7501f166a462fbb70eef92d6c855d0ec' }))));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -3357,7 +3287,7 @@ class GovAttachments {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-attachments",
         "$members$": {
             "label": [1],
@@ -3370,12 +3300,16 @@ class GovAttachments {
     }; }
 }
 
-const govAttachmentsItemCss = "gov-attachments-item,.gov-attachments-item{display:flex;flex-direction:column}gov-attachments-item__messages>*:last-child,.gov-attachments-item__messages>*:last-child{margin-bottom:0}gov-attachments-item__messages>*,.gov-attachments-item__messages>*{position:relative;top:calc(-1 * var(--spacing-xs))}gov-attachments-item__file,.gov-attachments-item__file{display:flex;gap:var(--spacing-s)}gov-attachments-item__name,.gov-attachments-item__name{display:flex;gap:var(--spacing-s);flex-wrap:wrap;align-items:center;margin:0;color:make-var(\"name-color\", var(--text-primary))}gov-attachments-item__name span,.gov-attachments-item__name span{font-size:var(--font-size-body-xs);line-height:150%;font-weight:400;color:make-var(\"decor-color\", var(--text-secondary))}";
+const govAttachmentsItemCss = "gov-attachments-item,.gov-attachments-item{display:flex;flex-direction:column}gov-attachments-item__messages>*:last-child,.gov-attachments-item__messages>*:last-child{margin-bottom:0}gov-attachments-item__messages>*,.gov-attachments-item__messages>*{position:relative;top:calc(-1 * var(--spacing-xs))}gov-attachments-item__file,.gov-attachments-item__file{display:flex;gap:var(--spacing-s);max-width:100%}gov-attachments-item__name,.gov-attachments-item__name{display:flex;-moz-column-gap:var(--spacing-s);column-gap:var(--spacing-s);align-items:center;max-width:calc(100% - var(--spacing-s) - var(--icon-size-s) - (var(--spacing-s-nudge) + var(--border-width, 0.0625rem)) * 2);margin:0}gov-attachments-item__name>gov-tooltip,gov-attachments-item__name .gov-tooltip,.gov-attachments-item__name>gov-tooltip,.gov-attachments-item__name .gov-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--name-color, var(--text-primary))}gov-attachments-item__name span[slot=info],.gov-attachments-item__name span[slot=info]{font-size:var(--font-size-body-xs);line-height:150%;font-weight:400;color:var(--decor-color, var(--text-secondary));white-space:nowrap}";
 
 class GovAttachmentsItem {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.govRemove = createEvent(this, "gov-remove");
+        /**
+         * Adds accessible label for the remove button that is only shown for screen readers.
+         */
+        this.accessibleRemoveLabel = "Odebrat soubor {FILE_NAME}";
         this.h = govHost(this.host);
     }
     async componentDidRender() {
@@ -3385,7 +3319,7 @@ class GovAttachmentsItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'a8fffc03fb890c1aaae5a1d63240747f5fcb013e', class: this.h.classes(AttachmentsItemClass.root), role: "listitem" }, hAsync("div", { key: '0aa555d1c5b3bdf089cf020db1271e40389522f9', class: AttachmentsItemClass.file }, hAsync("p", { key: '46014b9e9d9a46fea6f813ef271815be6ab6dfc4', class: AttachmentsItemClass.name }, hAsync("slot", { key: '806f9dc2b2ee44248f7fe613e8362d92ed938ba8' }), hAsync("slot", { key: '97d69e72afd5063f41ea7b41e50012893ee5027c', name: "info" })), hAsync("gov-button", { key: '6c40ff9ae6be99cde30fde276db287a3d14dccd1', color: "primary", type: "base", size: "s", "aria-label": this.accessibleRemoveLabel, "aria-labelledby": this.accessibleRemoveLabelledBy, "on-gov-click": this.govRemove.emit }, hAsync("gov-icon", { key: '24871273b10ca807811acd15dabb49c6a45d76d1', slot: "icon-start", name: "x-lg", type: "components" }))), this.h.hasSlot('message') && (hAsync("div", { key: '7683c6c6bfd1ca4b9660ee56ec190472970d0ac8', class: AttachmentsItemClass.messages }, hAsync("slot", { key: '20b46c868809d19f9c67105a4c4774df9688a2c1', name: "message" })))));
+        return (hAsync(Host, { key: '2b75f45ecc4b9a72a0e471c4f92588e0df19bfb6', class: this.h.classes(AttachmentsItemClass.root), role: "listitem" }, hAsync("div", { key: '472c55271bc6a0c10c315e44053ca30a41d667ab', class: AttachmentsItemClass.file }, hAsync("div", { key: '13f199a67dcbb07226451d67dc4e0ff242f7b66f', class: AttachmentsItemClass.name }, hAsync("gov-tooltip", { key: 'b65c03b2f2838b74e163f89ac171eeee527e16c6', position: "top", icon: true }, hAsync("slot", { key: '6c273a499bfeb40859ad5ffe79181df25250290d' }), hAsync("gov-tooltip-content", { key: '82ecb87b7f00bcc56a122c54706e9ba614e04bb8' }, this.h.getSlotContent(`name`))), hAsync("slot", { key: 'a43693ee308113468fa7083771d89f668fbeef53', name: "info" })), hAsync("gov-button", { key: 'a735520757a7140199c182e46cedcb3b549796d3', color: "primary", type: "base", size: "s", "aria-label": isString(this.accessibleRemoveLabel) ? this.accessibleRemoveLabel.replace('{FILE_NAME}', this.h.getSlotContent(`name`) || '').trim() : null, "aria-labelledby": this.accessibleRemoveLabelledBy, "on-gov-click": this.govRemove.emit }, hAsync("gov-icon", { key: 'c130f0225431f0b522e0ddbc3e59bb50aa234857', slot: "icon-start", name: "x-lg", type: "components" }))), this.h.hasSlot('message') && (hAsync("div", { key: 'e3779227622c456d014bd118ab3b9886fd799f57', class: AttachmentsItemClass.messages }, hAsync("slot", { key: 'eef992883000f87ac5bcd460e53078c08839c920', name: "message" })))));
     }
     /**
      * Validate the accessible attributes of the component
@@ -3396,7 +3330,7 @@ class GovAttachmentsItem {
     get host() { return getElement(this); }
     static get style() { return govAttachmentsItemCss; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-attachments-item",
         "$members$": {
             "accessibleRemoveLabel": [1, "accessible-remove-label"],
@@ -3434,7 +3368,7 @@ class GovBackdrop {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'ee25a6a3443604253f1fa10676007aad3838f4d9', class: this.h.classes(BackdropClass.root), inverse: this.inverse }, hAsync("div", { key: 'fd733ec0c2f6599ce7fe360092990f4c7f0973a1', role: 'button', "aria-disabled": this.disabled, "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy, onClick: e => {
+        return (hAsync(Host, { key: 'a86624d0cdaf83455d71298e609324fed9cd19bd', class: this.h.classes(BackdropClass.root), inverse: this.inverse }, hAsync("div", { key: 'fb299b51c9e2e2dbc0093a8a365e98dabcfc6e8c', role: 'button', "aria-disabled": this.disabled, "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy, onClick: e => {
                 if (!this.disabled) {
                     this.govClick.emit(e);
                 }
@@ -3448,7 +3382,7 @@ class GovBackdrop {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 256,
+        "$flags$": 0,
         "$tagName$": "gov-backdrop",
         "$members$": {
             "inverse": [4],
@@ -3527,10 +3461,10 @@ class GovBanner {
         this.validateTextColor(this.textColor);
     }
     render() {
-        return (hAsync(Host, Object.assign({ key: '67c767ffc6ac1912bb691c8bb11158dac573e70f', class: this.h.classes(BannerClass.root), role: "region", size: this.size }, (this.size !== "xl" ? {
+        return (hAsync(Host, Object.assign({ key: 'c035b04b0715ffcc996d66a1f673d1bd9518284c', class: this.h.classes(BannerClass.root), role: "region", size: this.size }, (this.size !== "xl" ? {
             background: this.background,
             foreground: this.foreground
-        } : { 'text-color': this.textColor })), hAsync("div", { key: '624b24b1e621ef7f7ad4666b56f48ffec9881aee' }, hAsync("div", { key: '90b322dca74ca90be13489d519534ebff0656593', class: BannerClass.content }, hAsync("slot", { key: '272f89cbe0649af7edfd7230861f6232272c8da4', name: "headline" }), hAsync("slot", { key: '1bfa7690842ba1a023af5b7da4edec5acb6c65fe' })), this.h.hasSlot('button') && (hAsync("slot", { key: '5d9611292a76aee4654b16429a89fd46ad610884', name: "button" }))), hAsync("slot", { key: '00000b185434b0d85112beaa2374c7f7b12c19b0', name: "image" })));
+        } : { 'text-color': this.textColor })), hAsync("div", { key: 'd5a59901f7a1a707c3679ffc20677163bbf31dc7' }, hAsync("div", { key: '366d4ce913119a38f3166fdc70d9ae06181e7a5d', class: BannerClass.content }, hAsync("slot", { key: '92baa67137573e91b5eb74884b2fa1cb68d5bf90', name: "headline" }), hAsync("slot", { key: '2630dbd6c23e8ec71b136d76df977b0bef7aa830' })), this.h.hasSlot('button') && (hAsync("slot", { key: '0e8b200648c9a4af27da49a5f725be48159ad595', name: "button" }))), hAsync("slot", { key: '79bdb4c7d136d66561aab55012c8d5669503469f', name: "image" })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -3540,7 +3474,7 @@ class GovBanner {
         "text-color": ["validateTextColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-banner",
         "$members$": {
             "size": [513],
@@ -3574,11 +3508,11 @@ class GovBlockquote {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '0d4b930791ee54ea55552b1a8ab9a2f248b5109e', class: this.h.classes(BlockquoteClass.root), type: this.type }, hAsync("gov-icon", { key: 'f27a6a5059203b000bede13c47aa7e5eb150e4cd', type: "components", name: "quote", size: "3xl" }), hAsync("blockquote", { key: '3206cd993309f5636920e5b552e3cd97be98b334', cite: this.cite }, hAsync("slot", { key: '16ac7ec3098d37e1c5b444fe18e47986a5afa915' })), hAsync("slot", { key: 'ae4f20fbf0820346cc9919014ab6a3fc9f9ef96e', name: "image" }), hAsync("slot", { key: 'f43c96fef744f2d6147f8579fad0c808c064c81a', name: "author" })));
+        return (hAsync(Host, { key: '5a45752fb485b9bc990fad76dc05e3262c6c402b', class: this.h.classes(BlockquoteClass.root), type: this.type }, hAsync("gov-icon", { key: '125a8fbd29e3300795e0396daf99d83a0c8a2939', type: "components", name: "quote", size: "3xl" }), hAsync("blockquote", { key: '7f7df8129d1186fe7cd1c7d7212906b4db5e0acf', cite: this.cite }, hAsync("slot", { key: '5f7b8ca8f487708b5d9e39df5d12daa29cd53dc7' })), hAsync("slot", { key: '5e7e0ec56c25b3cecdc75757c053a5cd751b074d', name: "image" }), hAsync("slot", { key: '6a29244bb9a019b273043cd651917a560d9a21b6', name: "author" })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-blockquote",
         "$members$": {
             "type": [513],
@@ -3639,7 +3573,7 @@ class GovBreadcrumbs {
         this.toggleOption = sumOfWidths > hostWidth;
     }
     render() {
-        return (hAsync(Host, { key: 'dadd8de710050476be68e3f6fa0b317d6ccedfc1', class: this.h.classes(BreadcrumbsClass.root), expanded: this.expanded }, hAsync("nav", { key: '468a3b605408c943421243024733b0381809f931', "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy }, hAsync("slot", { key: '2c9f85b826c8c54340ab5abba51c1861282c9cb7' })), this.toggleOption ? (hAsync("gov-button", { size: 'xs', color: 'primary', type: 'base', "aria-label": this.accessibleToggleLabel, "aria-pressed": this.expanded, "aria-expanded": this.expanded, "on-gov-click": () => this.expanded = !this.expanded }, hAsync("gov-icon", { name: this.expanded ? 'chevron-up' : 'chevron-down', type: "components" }))) : null));
+        return (hAsync(Host, { key: '5a2d10c3705a0d19458ea76e65ab6e0449eb620d', class: this.h.classes(BreadcrumbsClass.root), expanded: this.expanded }, hAsync("nav", { key: '41b98c6ee95ea397f9802f5ac120d2674859cb4d', "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy }, hAsync("slot", { key: '10fed9d58caa49017c34665e4b711252854040b7' })), this.toggleOption ? (hAsync("gov-button", { size: 'xs', color: 'primary', type: 'base', "aria-label": this.accessibleToggleLabel, "aria-pressed": this.expanded, "aria-expanded": this.expanded, "on-gov-click": () => this.expanded = !this.expanded }, hAsync("gov-icon", { name: this.expanded ? 'chevron-up' : 'chevron-down', type: "components" }))) : null));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -3650,7 +3584,7 @@ class GovBreadcrumbs {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-breadcrumbs",
         "$members$": {
             "collapsible": [4],
@@ -3761,7 +3695,7 @@ class GovButton {
          * Same as original parameter
          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download
          */
-        this.tabindex = 0;
+        this.tab = 0;
         /**
          * Same as original parameter
          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable
@@ -3815,9 +3749,9 @@ class GovButton {
     render() {
         const Tag = this.href ? Tags$3.A : Tags$3.BUTTON;
         const nativeType = Tag === Tags$3.A ? undefined : this.nativeType;
-        return (hAsync(Host, { key: '121d16797366f30c7d5cd3af18171cb8b22bc789', size: this.size, hydrated: this.hydrated, color: this.color, class: this.h.classes(ButtonClass.root), type: this.type }, hAsync(Tag, Object.assign({ key: 'ad4a83ffacbb5360e81988e9e8d709611be7276e', class: "element", ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), disabled: this.disabled, id: this.identifier, href: this.href, target: this.target, download: this.download, hreflang: this.hreflang, rel: this.rel, name: this.name, type: nativeType, tabindex: this.disabled ? "-1" : this.tabindex }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled) }), toBool(this.loading) && !this.h.hasSlot("icon-end") &&
-            hAsync("gov-icon", { key: '449464e921e45abda79ccbb855a1ad94b244fd08', name: "loader", class: "gov-spin-animation", type: "components" }), this.h.hasSlot("icon-start") && hAsync("slot", { key: 'fa432280096722ed9fc96de54b1ac4c4213f635f', name: "icon-start" }), hAsync("slot", { key: '2b3121e1c8ad64cf84922bb328850c2e32cbf2a7' }), this.h.hasSlot("icon-end") && hAsync("slot", { key: '406b3f6413eb0cd206fcb059dfdfcaae6571083f', name: "icon-end" }), toBool(this.loading) && this.h.hasSlot("icon-end") &&
-            hAsync("gov-icon", { key: '737635b06a56fb1ce7cc9d675f0588686b3867e4', name: "loader", class: "gov-spin-animation", type: "components" }))));
+        return (hAsync(Host, { key: '0d010913c0331fcb11918152cb9bb2598923c5eb', size: this.size, hydrated: this.hydrated, color: this.color, class: this.h.classes(ButtonClass.root), type: this.type }, hAsync(Tag, Object.assign({ key: 'd413645e924857fb5451c8e03c986013d85ddc06', class: "element", ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), disabled: this.disabled, id: this.identifier, href: this.href, target: this.target, download: this.download, hreflang: this.hreflang, rel: this.rel, name: this.name, type: nativeType, tabindex: this.disabled ? "-1" : this.tab }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled) }), toBool(this.loading) && !this.h.hasSlot("icon-end") &&
+            hAsync("gov-icon", { key: '13528203c29059fe167ca9b6f1f9134415517d47', name: "loader", class: "gov-spin-animation", type: "components" }), this.h.hasSlot("icon-start") && hAsync("slot", { key: '304d82f1e7136a3f11ab44ce5e5b3166c2be2976', name: "icon-start" }), hAsync("slot", { key: '6bc84a79e2acc72405c7b6831951d4984e5a6092' }), this.h.hasSlot("icon-end") && hAsync("slot", { key: '044971729141feb76253c649de01db88e9459ccf', name: "icon-end" }), toBool(this.loading) && this.h.hasSlot("icon-end") &&
+            hAsync("gov-icon", { key: 'b55541b4d8ec377ec0aa9c80596b212306a5c02a', name: "loader", class: "gov-spin-animation", type: "components" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3873,7 +3807,7 @@ class GovButton {
         "nativeType": ["validateNativeType"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-button",
         "$members$": {
             "color": [513],
@@ -3887,7 +3821,7 @@ class GovButton {
             "href": [1],
             "target": [1],
             "download": [4],
-            "tabindex": [2],
+            "tab": [2],
             "hreflang": [1],
             "referrerpolicy": [1],
             "rel": [1],
@@ -3962,7 +3896,7 @@ class GovCard {
     }
     render() {
         const Tag = this.href ? Tags$2.A : Tags$2.DIV;
-        return (hAsync(Host, { key: 'cfc81619a6b8959e1f0a95b6f0f6cec1d123bade', class: this.h.classes(CardClass.root), open: this.open, collapsible: booleanString(this.collapsible), clickable: this.href ? true : this.clickable, direction: this.direction, hydrated: this.hydrated }, this.collapsible ? (hAsync("button", { id: this.headlineId, class: CardClass.header, "aria-label": this.accessibleTriggerLabel, "aria-labelledby": this.accessibleTriggerLabelledBy, "aria-expanded": booleanString(this.open), "aria-controls": this.contentId, onClick: this.onClickHandler.bind(this) }, hAsync("slot", { name: "headline" }), hAsync("gov-icon", { class: CardClass.arrow, name: "chevron-down", type: "components" }))) : this.h.hasSlot("headline") ? (hAsync("div", { class: CardClass.header }, hAsync("slot", { name: "headline" }))) : null, hAsync(Tag, { key: '034d1c7c548426ace3afd1f6969d4947d164959a', href: this.href, target: this.target, id: this.contentId, "aria-hidden": this.collapsible ? booleanString(!this.open) : undefined, hidden: this.collapsible ? !this.open : undefined, "aria-labelledby": this.collapsible ? this.headlineId : undefined, class: CardClass.inner }, this.h.hasSlot('img') && (hAsync("div", { key: '1254c0c835ffb86ee1e0e6ff27df3dda7d116116', class: CardClass.img }, hAsync("slot", { key: 'a4e514ffc7954843ac63c4567feb52d054dd8099', name: "img" }))), this.h.hasSlot('icon') && (hAsync("div", { key: '686422637d5a8a8811bd0bb0a84c39d00f3be209', class: CardClass.icon }, hAsync("slot", { key: '531b91304a46b7afd93c56e8b2dc827ceb3460fb', name: "icon" }))), hAsync("div", { key: '7a2e77da712efac2a8da1acd8878badabd62cf9b', class: CardClass.content }, hAsync("slot", { key: '1607b05bc068974881cd834ab4422d50f48d8e25' })), this.h.hasSlot('footer') && (hAsync("div", { key: '06e922087b4998ea71db8f2ca0c7ae2851112450', class: CardClass.footer }, hAsync("slot", { key: 'd6c4e94efd19dc1aa0506f70d7a19aa263b994ff', name: "footer" }))))));
+        return (hAsync(Host, { key: 'cdfd3d0c4298a3bf933073c558dad83f3765b6c2', class: this.h.classes(CardClass.root), open: this.open, collapsible: booleanString(this.collapsible), clickable: this.clickable, direction: this.direction, hydrated: this.hydrated }, this.collapsible ? (hAsync("button", { id: this.headlineId, class: CardClass.header, "aria-label": this.accessibleTriggerLabel, "aria-labelledby": this.accessibleTriggerLabelledBy, "aria-expanded": booleanString(this.open), "aria-controls": this.contentId, onClick: this.onClickHandler.bind(this) }, hAsync("slot", { name: "headline" }), hAsync("gov-icon", { class: CardClass.arrow, name: "chevron-down", type: "components" }))) : this.h.hasSlot("headline") ? (hAsync("div", { class: CardClass.header }, hAsync("slot", { name: "headline" }))) : null, hAsync(Tag, { key: '6bb81b9dd553397f508a8042316fd09579154461', href: this.href, target: this.target, id: this.contentId, "aria-hidden": this.collapsible ? booleanString(!this.open) : undefined, hidden: this.collapsible ? !this.open : undefined, "aria-labelledby": this.collapsible ? this.headlineId : undefined, class: CardClass.inner }, this.h.hasSlot('img') && (hAsync("div", { key: '740547f9bc6e9be839cbf8edc44faddb6aaa5246', class: CardClass.img }, hAsync("slot", { key: 'abb25299c0f9b0b4ac1a4826648dd7a774894514', name: "img" }))), this.h.hasSlot('icon') && (hAsync("div", { key: 'c768f9fd3f3ac79f907dd26601c109265d6d903d', class: CardClass.icon }, hAsync("slot", { key: '8cf8ffde300503c874e32644d6c4111e6b608e36', name: "icon" }))), hAsync("div", { key: '1e3218226ffc179f0afb0da94c48a939b248c311', class: CardClass.content }, hAsync("slot", { key: '2a0ac8f1ecd6a83537bfb2da85d06c9d9b3f2706' })), this.h.hasSlot('footer') && (hAsync("div", { key: '04b7f39f60eab3db295b82072d1b06648d687b0b', class: CardClass.footer }, hAsync("slot", { key: '4ec8ee6bf3b4ec9a02b30d5d2dc6b2fab6bb5065', name: "footer" }))))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3981,7 +3915,7 @@ class GovCard {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-card",
         "$members$": {
             "direction": [1],
@@ -4095,11 +4029,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: '32757f0c00fbf343f2a09c81c36f0631e007dee7', class: this.h.classes([
+        return (hAsync(Host, { key: 'ef86316065b17ea753e6f46944203be579c9669c', 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, 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" }))));
+            ]), 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: '0ecb833e5c5f4e30914d9f12764b78bfd22973b6', 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: '9793b743f288573932aec95f68c0f1b1bb617add', name: "left" }), hAsync("slot", { key: 'be7cc7cb0a94c666faf842d8ee70701245305001', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '464ebc3d08b609a17e5e126eca9b0fb8eefc2bd4', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: 'faffc742599b65f40b61b8cbd45e32891f43a869' }), hAsync("slot", { key: 'dce2fa1d55332f8cc3d51e8a11e56735f5bcf683', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: 'afc841c471bc376cc650150e168d307f3393ef15', type: iconEnd.type, name: iconEnd.name })), hAsync("slot", { key: '16dc2b17d2b813c2ced12ae44c12d621a82c6cb5', name: "right" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -4125,7 +4059,7 @@ class GovChip {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-chip",
         "$members$": {
             "disabled": [516],
@@ -4149,6 +4083,91 @@ class GovChip {
     }; }
 }
 
+const CollapsibleSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+var CollapsibleDirection;
+(function (CollapsibleDirection) {
+    CollapsibleDirection["DOWN"] = "down";
+    CollapsibleDirection["UP"] = "up";
+})(CollapsibleDirection || (CollapsibleDirection = {}));
+const CollapsibleClass = {
+    root: 'gov-collapsible',
+    content: 'gov-collapsible__content',
+    disabled: 'gov-collapsible--disabled',
+};
+
+class GovCollapsible {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.hydrated = false;
+        /**
+         * Element size.
+         */
+        this.size = 'm';
+        /**
+         * Makes component disabled.
+         */
+        this.disabled = false;
+        /**
+         * Defines whether the collapsible is open or closed
+         */
+        this.open = false;
+        this.inheritedAttributes = {};
+        this.h = govHost(this.host);
+        this.triggerId = createID("GovCollapsibleControl");
+        this.contentId = createID("GovCollapsibleContent");
+    }
+    validateSize(newValue) {
+        validateProp(CollapsibleSizes, newValue, CollapsibleClass.root);
+    }
+    componentDidLoad() {
+        this.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {
+            this.onAriaAttributeChange(attributeName, newValue);
+        });
+        this.attributeObserver.startObserving(ariaAttributes);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.inheritedAttributes = inheritAriaAttributes(this.host);
+    }
+    onAriaAttributeChange(attributeName, newValue) {
+        this.host.removeAttribute(attributeName);
+        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
+    }
+    connectedCallback() {
+        this.hydrated = true;
+    }
+    render() {
+        return (hAsync(Host, { key: '3c9284a4fdbf445f402693b15c5269c8e5b98372', hydrated: this.hydrated, class: this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled]), size: this.size }, hAsync("gov-button", Object.assign({ key: 'db793476b0b8ed5ecc44dd2191b3cf26c0a97e86', color: 'primary', size: this.size, type: 'link', disabled: this.disabled, "onGov-click": (e) => {
+                e.stopPropagation();
+                e.preventDefault();
+                this.open = !this.open;
+            } }, this.inheritedAttributes, { identifier: this.triggerId, "aria-controls": this.contentId, "aria-expanded": booleanString(this.open), "aria-haspopup": "true" }), this.label, hAsync("gov-icon", { key: 'c230a7d2553c0858ddf24c6f9c7afbc249cd7f8e', slot: 'icon-end', name: this.open ? 'chevron-up' : 'chevron-down', type: "components" })), hAsync("div", { key: '64e787e14f8773dae11f0e54658984f3622b8b47', class: CollapsibleClass.content, hidden: !this.open, id: this.contentId, "aria-labelledby": this.triggerId, "aria-hidden": booleanString(!this.open) }, hAsync("slot", { key: '1e09e5a7242946af30012b68beb38119865003ec' }))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"]
+    }; }
+    static get cmpMeta() { return {
+        "$flags$": 4,
+        "$tagName$": "gov-collapsible",
+        "$members$": {
+            "size": [1],
+            "identifier": [1],
+            "label": [1],
+            "disabled": [4],
+            "open": [1028],
+            "inheritedAttributes": [32]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
 const ContainerClass = {
     root: 'gov-container',
 };
@@ -4159,11 +4178,11 @@ class GovContainer {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '82f7c451b4196138a062e9e807c0b264b5f8e1fe', class: this.h.classes(ContainerClass.root) }, hAsync("slot", { key: '04a40aeafe57c99f4a148d04320bf390e3444ea8' })));
+        return (hAsync(Host, { key: 'a15740b2be2e28a5a494d84b54b1cf065fb0907d', class: this.h.classes(ContainerClass.root) }, hAsync("slot", { key: 'c67701622dc955319e46eecdb897439fff163ca6' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-container",
         "$members$": undefined,
         "$listeners$": undefined,
@@ -4172,7 +4191,7 @@ class GovContainer {
     }; }
 }
 
-pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING']);
+pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR']);
 const ControlGroupClass = {
     root: 'gov-control-group',
 };
@@ -4183,11 +4202,15 @@ class GovControlGroup {
         /**
          * Style variation of the content message.
          */
-        this.color = Colors.PRIMARY;
+        this.color = Colors.NEUTRAL;
         /**
          * Specifies the display of the border between elements
          */
         this.noBorder = false;
+        /**
+         * Specifies the display of the border between elements
+         */
+        this.noInnerBorder = false;
         /**
          * Specifies the display of elements to full width
          */
@@ -4198,18 +4221,19 @@ class GovControlGroup {
         validateProp(Colors, newValue, ControlGroupClass.root);
     }
     render() {
-        return (hAsync(Host, { key: '74d339e88105be80b3f335aa2af1155ab23099c8', class: this.h.classes(ControlGroupClass.root), color: this.color }, hAsync("slot", { key: 'e3af09285370470ad4e1ca9e6b225ca98708cebc' })));
+        return (hAsync(Host, { key: '3881ca5a7d9dd1dbf5cb22a6cca23f6df886e09a', class: this.h.classes(ControlGroupClass.root), color: this.color }, hAsync("slot", { key: '2e9dbf6b93cac0d4444d3696df03c9a7420dc747' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
         "color": ["validateColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-control-group",
         "$members$": {
             "color": [1],
             "noBorder": [4, "no-border"],
+            "noInnerBorder": [4, "no-inner-border"],
             "fitContent": [4, "fit-content"]
         },
         "$listeners$": undefined,
@@ -4232,11 +4256,11 @@ class GovCookiebar {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: 'ad50c5414cb7d3dc0c5b2d378e2484dea094b1de', class: this.h.classes(CookieConsentClass.root) }, hAsync("div", { key: 'aeedb06244acdb5bf57f11c37132d7fec2871cc5', class: CookieConsentClass.content }, hAsync("slot", { key: '90ac710208833ac2c6349792a02f13c4e80741c4', name: "headline" }), hAsync("slot", { key: '67c6c377aa6255bd31fefa8d20b55bfa3c90b489' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (hAsync("div", { key: 'aa9b2f1162adcd6d9a2d81da2262046ec8886f50', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (hAsync("div", { key: 'b152aebaef3031dc48fe569fef4f1f8119dbaf6b', class: CookieConsentClass.actionsPrimary }, hAsync("slot", { key: '16b3e328ddc88528d877052b445855dc909605d4', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (hAsync("div", { key: 'a825b255261a36cfd192d8936de9eb2b78d5d941', class: CookieConsentClass.actionsSecondary }, hAsync("slot", { key: 'f651dfbf6756682711b2c4415df6acf4a2c9a479', name: "actions-secondary" })))))));
+        return (hAsync(Host, { key: '7d8ea9cb10b863d70680e34a8359bb7d4b3b54af', class: this.h.classes(CookieConsentClass.root) }, hAsync("div", { key: '4f2790507b522d5dc274e5ce5a5e62487a890c6d', class: CookieConsentClass.content }, hAsync("slot", { key: 'aba847e24ad18dea0d9ea8fd7190bdcff108f758', name: "headline" }), hAsync("slot", { key: 'd6227ad2ccf538201f2d8f1feac0db38f2633f22' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (hAsync("div", { key: '65363bcb6e8371d3d46f6517b7e22fcde33ff2bf', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (hAsync("div", { key: '2c4f265a2114f493e2806af2d0956c7cd5f19a71', class: CookieConsentClass.actionsPrimary }, hAsync("slot", { key: 'fa4276041012ed1828ddb788f26b1aa52f7c82a7', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (hAsync("div", { key: '1080ea743d6cbf8545c72858ac35bbac2b0b1d21', class: CookieConsentClass.actionsSecondary }, hAsync("slot", { key: 'bf0d5811a3965b52943e6f842dda315b747c6845', name: "actions-secondary" })))))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-cookiebar",
         "$members$": undefined,
         "$listeners$": undefined,
@@ -4368,7 +4392,7 @@ class GovDialog {
         document.body.classList.remove(DialogClass.bodyFix);
     }
     render() {
-        return (hAsync(Host, { key: '9c830f1956c43a7bc090cab8b396187ec791ca49', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, hAsync("dialog", { key: 'd7c671e1a8a6b20edb8c322f854ca5b3071f3cf1', ref: el => (this.dialogRef = el), class: DialogClass.dialog, hidden: !this.open, tabindex: boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.accessibleLabelledBy || this.labelId, "aria-describedby": this.accessibleDescribedBy || this.contentId, role: this.role }, hAsync("div", { key: '9742aaa22ffe854ccc5cdde34d6da318fb1f19b1', class: DialogClass.inner }, hAsync("div", { key: '727bbd4ead0ec33ccbf7ee02d12f04a9ae3e7391', class: DialogClass.header }, this.h.hasSlot("icon") && (hAsync("span", { key: 'ec10b3e6de57c6c64a95adfd2a0e5ab524f4f570' }, hAsync("slot", { key: '7ea0412c2f9167f054e227afb1c3af54b587d385', name: "icon" }))), this.h.hasSlot('title') && (hAsync("span", { key: '387bbcec4f2b290e1ee15a824e310fc9113465d5', class: DialogClass.title, id: this.labelId }, hAsync("slot", { key: 'aaeac2a2fd5b23fa9449d745fb020d26ed1d3099', name: "title" }))), hAsync("gov-button", { key: '4f38ba92a5f1fd5c749f9681ff9233e37d33f008', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", size: "m", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { key: '2c1fb6ae95899c1e2871546671cb3813de0c04ea', slot: "icon-start", name: "x-lg", type: "components" }))), hAsync("div", { key: '76f1446db9129b5af1d9cc0a7513663ce5273054', class: DialogClass.content, id: this.contentId }, hAsync("slot", { key: '36364a5acffe7e9246c762c530200d075b3971ac' })), this.h.hasSlot('footer') && (hAsync("div", { key: 'ca5ae06d9d7b601b4994b7f88d690f7829fe2878', class: DialogClass.footer }, hAsync("slot", { key: '79de02dba3bd7b9722b6c6e2785ac429990d3ec6', name: "footer" }))))), this.open ? (hAsync("gov-backdrop", { disabled: this.blockBackdropClose, "aria-label": this.accessibleCloseLabel, "aria-labelled-by": this.accessibleCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
+        return (hAsync(Host, { key: 'ba9070ed36ce25806a12a88f55d9a36609e17bbb', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, hAsync("dialog", { key: '79188b6182895a7a7db32e629316a46420d2981c', ref: el => (this.dialogRef = el), class: DialogClass.dialog, hidden: !this.open, tabindex: boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.accessibleLabelledBy || this.labelId, "aria-describedby": this.accessibleDescribedBy || this.contentId, role: this.role }, hAsync("div", { key: 'a50c41b27b3060292df9b6d2eb657c1e27a384e7', class: DialogClass.inner }, hAsync("div", { key: '487b4639e842aa7257e2ce24a553e8ae67be02be', class: DialogClass.header }, this.h.hasSlot("icon") && (hAsync("span", { key: '75dfd64444588ce6a37607a60eb1c4df7888d3e8' }, hAsync("slot", { key: '80be9198860ffce669b218b6f0f0143f7da83add', name: "icon" }))), this.h.hasSlot('title') && (hAsync("span", { key: '723a628454f0989db5da7a1ae12aef803896b9de', class: DialogClass.title, id: this.labelId }, hAsync("slot", { key: '0aee99ddbdbb0a068b07259d6b2793ddf3dfa629', name: "title" }))), hAsync("gov-button", { key: '6f245f5f2a3a95ff239cd55640c5aac980374cfc', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", size: "m", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { key: 'f767a25f40e13c322d6871275d996493bbe8730b', slot: "icon-start", name: "x-lg", type: "components" }))), hAsync("div", { key: '4c975dfa826bada579b1ee6edbcece08bf6b7346', class: DialogClass.content, id: this.contentId }, hAsync("slot", { key: 'cdc3d7b173b47237cecf113e344d2ebd05d6daeb' })), this.h.hasSlot('footer') && (hAsync("div", { key: '37e471ea3bb0952c0ccfc290b02af6d69690ae4e', class: DialogClass.footer }, hAsync("slot", { key: '69f6160c0429d82051a6b99d210f132c7ec3ff56', name: "footer" }))))), this.open ? (hAsync("gov-backdrop", { disabled: this.blockBackdropClose, "aria-label": this.accessibleCloseLabel, "aria-labelled-by": this.accessibleCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
     }
     onCloseHandler(e) {
         e.stopPropagation();
@@ -4398,7 +4422,7 @@ class GovDialog {
         "open": ["watchOpen"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-dialog",
         "$members$": {
             "open": [1540],
@@ -4531,7 +4555,7 @@ class GovDropdown {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'ed9beb8952cacb4b76fc73ab31345bbe8c5d206d', class: this.h.classes([DropdownClass.root]), open: this.open, position: this.position }, hAsync("slot", { key: '49d4da21a53be27e687622d17e21474c7cedb26d' }), hAsync("div", { key: '941b05aab703a6bfd981d912763f4576899fd617', ref: el => registerClickOutside(this, el, () => this.open = false), class: DropdownClass.list, id: this.listId, "aria-labelledby": this.controlId, "aria-hidden": toBoolAttr(!this.open), hidden: !this.open }, hAsync("slot", { key: 'cd0c1f28b7d717efd0fe8faa964df78dfbeca49f', name: "list" }))));
+        return (hAsync(Host, { key: '24e596043840ec3b4e2ae0c59cecd1ec5425f5b5', class: this.h.classes([DropdownClass.root]), open: this.open, position: this.position }, hAsync("slot", { key: '5c9c344162c6842585b134b327e9d45e4c1df19e' }), hAsync("div", { key: 'b424408e77eaebc2eedfe5ac1c7a916808af21f7', ref: el => registerClickOutside(this, el, () => this.open = false), class: DropdownClass.list, id: this.listId, "aria-labelledby": this.controlId, "aria-hidden": toBoolAttr(!this.open), hidden: !this.open }, hAsync("slot", { key: 'b39d21fd27642fd5e7ece4b9d68de2e8468b93ae', name: "list" }))));
     }
     /**
      * Returns the current state of the dropdown
@@ -4550,7 +4574,7 @@ class GovDropdown {
         "open": ["watchOpen"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-dropdown",
         "$members$": {
             "identifier": [1],
@@ -4606,14 +4630,14 @@ class GovEmpty {
         this.validateSize(this.size);
     }
     render() {
-        return (hAsync(Host, { key: 'e7b17ae596c52c83d541609967dd2994bb693442', class: this.h.classes(EmptyClass.root), size: this.size, direction: this.direction, align: this.align }, this.h.hasSlot('icon') && (hAsync("slot", { key: '9b756c24248530b3538cd8292a828d83a3df06ef', name: "icon" })), hAsync("div", { key: 'd1554d5d9de5aef8dee7054472b36ddced63681e', class: EmptyClass.content }, hAsync("slot", { key: '1eca07f59e9f9d43376c34391e3c6a79e94b9c9f', name: "headline" }), hAsync("slot", { key: '547c375a53e24beaa7018c68b997f87af22713b1' }))));
+        return (hAsync(Host, { key: 'b10b9a2d6d7d3286826bf3499c4fdb6fc3a55361', class: this.h.classes(EmptyClass.root), size: this.size, direction: this.direction, align: this.align }, this.h.hasSlot('icon') && (hAsync("slot", { key: '151be593361299a315d5ce16be9f7a082efedcdb', name: "icon" })), hAsync("div", { key: '8661841ecf708b38c41aed696c696ea4a3719894', class: EmptyClass.content }, hAsync("slot", { key: '9884110dc44f7401ba512d97ef080c444ac2ea71', name: "headline" }), hAsync("slot", { key: '53080ae7c203f53e4393a5b2e5c05a5f5fc1ee9d' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-empty",
         "$members$": {
             "size": [1],
@@ -4637,11 +4661,11 @@ class GovErrorCode {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: 'b253a0e9141dca1662d4d2b792f4c9d25f869a38', class: this.h.classes(ErrorCodeClass.root), align: "center" }, this.h.hasSlot('icon') && (hAsync("slot", { key: '4ca7e5788170cdf49d969d1a6ed3e12a0f368914', name: "icon" })), hAsync("div", { key: '1822320601777bba88b698375f8ccfc55e33567e', class: ErrorCodeClass.content }, hAsync("slot", { key: 'f3b7e46e878f7ff87291bae34a043d5e228dac4c', name: "headline" }), hAsync("slot", { key: 'f63ac6838e3397bd6828853f96f476454a0bcda7' }))));
+        return (hAsync(Host, { key: '7f4adeeba8a13e44b4e06957ae57c2766869991a', class: this.h.classes(ErrorCodeClass.root), align: "center" }, this.h.hasSlot('icon') && (hAsync("slot", { key: 'bdfcff23dd37e182812701064f92e60d20464525', name: "icon" })), hAsync("div", { key: 'fa5491ab7ca31a23ca2a14d0b1a7f7c05875bc5e', class: ErrorCodeClass.content }, hAsync("slot", { key: '406e89f47b0785f885eaa5016d34d1fb35551aee', name: "headline" }), hAsync("slot", { key: 'af90cf6361b88506a0ca5687daf4b5f7b7157e62' }))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-error-code",
         "$members$": undefined,
         "$listeners$": undefined,
@@ -4668,11 +4692,11 @@ class GovFlex {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '71dadfbe4c7ddd45b36ffe74d8fd0c38e5069756', class: this.h.classes(FlexClass.root) }, hAsync("slot", { key: 'b86bd5e8abbf157f2476cad87134ff9eedd307cc' })));
+        return (hAsync(Host, { key: '1c88a4c6aaf69a13c514bc24c10fd2a32316a7c0', class: this.h.classes(FlexClass.root) }, hAsync("slot", { key: 'b055e2aff7056be660e53d5036341fbaabe796b1' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-flex",
         "$members$": {
             "direction": [513],
@@ -4861,7 +4885,7 @@ class GovFormAutocomplete {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '22d9a81f648404e942ee680acddda83165af4dc2', class: FormAutocompleteClass.root, size: this.size }, hAsync("gov-form-input", Object.assign({ key: '4b60cfea2591a4bde6c97dee3c11b75461db3c5d', placeholder: this.placeholder, name: this.name, disabled: this.disabled, readonly: this.readonly, autocomplete: false, size: this.size, required: this.required, invalid: this.invalid, success: this.success, role: 'searchbox', value: this.value, minlength: this.minlength, maxlength: this.maxlength, "on-gov-input": throttle(this.onInputHandler.bind(this), this.throttleTime), "on-gov-keyup": this.onKeyUpHandler.bind(this), "on-gov-keydown": this.onKeyDownHandler.bind(this), "on-gov-focus": this.onFocusHandler.bind(this), "on-gov-blur": this.onBlurHandler.bind(this) }, this.inheritedAttributes, { "aria-autocomplete": 'list', "aria-owns": [this.listBoxId, this.inheritedAttributes['aria-owns']].join(' '), "aria-expanded": booleanString(this.list.length && this.focused ? true : false), ref: el => (this.inputRef = el) }), hAsync("slot", { key: '739722e49f8062d3ebec84dc2a1f840413439c7c', name: "validation-icon" }), hAsync("slot", { key: '6f3b3c7695a5c7d56276fbc41f854b9afff3800e', name: "icon-end" })), hAsync("ul", { key: '52b34c8501d976b438350104594b02137d40a386', class: FormAutocompleteClass.list, role: 'listbox', "aria-hidden": toBoolAttr(!this.focused), hidden: !this.focused, id: this.listBoxId, ref: el => (this.listRef = el) }, this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (hAsync("li", { class: FormAutocompleteClass.empty }, this.messageEmpty)) : null, this.focused && this.processing === true && this.isValueAccepted ? (hAsync("li", { class: FormAutocompleteClass.loading }, hAsync("gov-skeleton", { size: "m" }))) : null, this.focused ? this.list.map((item, index) => {
+        return (hAsync(Host, { key: 'e702056161cca6e00f2e7753b1b07dfdeee78438', class: FormAutocompleteClass.root, size: this.size }, hAsync("gov-form-input", Object.assign({ key: '6ba7c775e0a67486f2c10a1d972860a986e44a3d', placeholder: this.placeholder, name: this.name, disabled: this.disabled, readonly: this.readonly, autocomplete: false, size: this.size, required: this.required, invalid: this.invalid, success: this.success, role: 'searchbox', value: this.value, minlength: this.minlength, maxlength: this.maxlength, "on-gov-input": throttle(this.onInputHandler.bind(this), this.throttleTime), "on-gov-keyup": this.onKeyUpHandler.bind(this), "on-gov-keydown": this.onKeyDownHandler.bind(this), "on-gov-focus": this.onFocusHandler.bind(this), "on-gov-blur": this.onBlurHandler.bind(this) }, this.inheritedAttributes, { "aria-autocomplete": 'list', "aria-owns": [this.listBoxId, this.inheritedAttributes['aria-owns']].join(' '), "aria-expanded": booleanString(this.list.length && this.focused ? true : false), ref: el => (this.inputRef = el) }), hAsync("slot", { key: '1f36342107c398db15ec13d8d1ecd8306dc62505', name: "validation-icon" }), hAsync("slot", { key: '26bc01a6995f090e605677dbfbe6260c79f70d00', name: "icon-end" })), hAsync("ul", { key: 'c42a658906dd0815e3c94aa451ee7a4fa7091bd3', class: FormAutocompleteClass.list, role: 'listbox', "aria-hidden": toBoolAttr(!this.focused), hidden: !this.focused, id: this.listBoxId, ref: el => (this.listRef = el) }, this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (hAsync("li", { class: FormAutocompleteClass.empty }, this.messageEmpty)) : null, this.focused && this.processing === true && this.isValueAccepted ? (hAsync("li", { class: FormAutocompleteClass.loading }, hAsync("gov-skeleton", { size: "m" }))) : null, this.focused ? this.list.map((item, index) => {
             const isSelected = this.arrowCounter === index;
             return (hAsync("li", { class: FormAutocompleteClass.item, innerHTML: this.templateResolver(item, isSelected), role: 'option', "aria-posinset": index, tabindex: isSelected ? 0 : -1, "aria-setsize": this.list.length, onTouchStart: (e) => this.onSelectHandler(e, index), onMouseDown: (e) => this.onSelectHandler(e, index), "aria-selected": toBoolAttr(isSelected) }, hAsync("slot", { name: "list-item-left" }), hAsync("slot", { name: "list-item-right" })));
         }) : null)));
@@ -4999,7 +5023,7 @@ class GovFormAutocomplete {
         "options": ["watchOptions"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-autocomplete",
         "$members$": {
             "value": [1537],
@@ -5311,7 +5335,7 @@ class GovFormCheckbox {
         "invalid": ["watchControlAttrs"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-checkbox",
         "$members$": {
             "value": [1],
@@ -5349,7 +5373,7 @@ const FormCheckboxGroupClass = {
     root: 'gov-form-checkbox-group',
 };
 
-const govFormGroupCss$1 = "gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:make-var(\"gap\", var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:make-var(\"gap\", var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:make-var(\"gap\", var(--spacing-m))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:make-var(\"gap\", var(--spacing-l))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:make-var(\"gap\", var(--spacing-xl))}";
+const govFormGroupCss$1 = "gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-l))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-xl))}";
 
 class GovFormCheckboxGroup {
     constructor(hostRef) {
@@ -5414,7 +5438,7 @@ class GovFormCheckboxGroup {
         });
     }
     render() {
-        return (hAsync(Host, { key: '22f738e5251d68688b6d21c471a5c18ae2532a5a', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '8028ab95f42dc8c8dfb8f1ee1b70879c291db6d4' })));
+        return (hAsync(Host, { key: 'cfff4a643c778c0a573b08e6310045b8f0f0764b', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '6c9f6c553525f61c3aa95c834fd495d4dd6a8346' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -5423,7 +5447,7 @@ class GovFormCheckboxGroup {
     }; }
     static get style() { return govFormGroupCss$1; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-checkbox-group",
         "$members$": {
             "gap": [1],
@@ -5498,11 +5522,11 @@ class GovFormControl {
     }
     render() {
         const Tag = this.fieldset ? "fieldset" : "div";
-        return (hAsync(Host, { key: 'd4710c61ec53486fbb5eb0162fe62fbc2a1b53be', size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { key: '2145789de6ed9fbd5ba9e8d0b3d255517bab1565', class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { key: '770d57ce9a48f5ab79e215677948f55c58883b25', name: "top" }), hAsync("slot", { key: '20899727dc84c3fcfba5564d953fd28f08158e41' }), this.h.hasSlot("bottom") && (hAsync("div", { key: 'a9d96218945f98b6c3a5fbcecf59465b2e4751d6', class: FormControlClass.bottom }, hAsync("slot", { key: 'b59c3d323c5299ef042e9dba47989044ba6c68aa', name: "bottom" }))))));
+        return (hAsync(Host, { key: '04e4ab3533f5d22939573fa20a354a0b76319986', size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { key: '9851627baf138775fe24a673d6a095fc8980b6e9', class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { key: 'beffe147db943648861b9775dee76ef6b20dffa3', name: "top" }), hAsync("slot", { key: '6667b41d2720045a93b10a92ef300e2842ff57b4' }), this.h.hasSlot("bottom") && (hAsync("div", { key: 'fe117fdc7d64b3c2b4e18e95d1f213c8a8fe3766', class: FormControlClass.bottom }, hAsync("slot", { key: '07eabb48c2849d624bed7f59ba14811ed35732fb', name: "bottom" }))))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-control",
         "$members$": {
             "identifier": [1],
@@ -5605,10 +5629,6 @@ class GovFormFile {
          * Insert unsupported file error message
          */
         this.errorAccept = "Soubor tohoto typu není povolen";
-        /**
-         * Adds accessible label for the remove button that is only shown for screen readers.
-         */
-        this.accessibleRemoveLabel = "Odebrat soubor {FILE_NAME}";
         /**
          * Adds accessible label for the list of attachments.
          */
@@ -5724,7 +5744,7 @@ class GovFormFile {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '6fe6eb71a8275871bb0aeebae9531d846123ae06', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { key: 'cd7ab5a0c223214f5d825c8695993e8c64b9ea78', class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", { key: '6197c08c6a50725a261da65069159f75e3e47834' }), hAsync("input", Object.assign({ key: 'f6897d875af8c47268118ef5d7dd9c19cec6e9a1', class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, multiple: this.multiple, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), hAsync("div", { key: 'd177e0eb47b83c243aa1e6a977462b332464a1a6', class: FormFileClass.inputFocus })), this.h.hasSlot("attachments") ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("slot", { name: "attachments" }))) : null, this.files.length && this.displayAttachments ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("gov-attachments", { label: this.accessibleAttachmentsLabel, "accessible-label": this.accessibleAttachmentsLabel }, this.files.map(item => (hAsync("gov-attachments-item", { "accessible-remove-labelledby": item.id, "on-gov-remove": () => this.onRemoveFileHandler(item) }, hAsync("span", { class: "sr-only", id: item.id }, this.accessibleRemoveLabel.replace("{FILE_NAME}", item.file.name)), item.file.name, item.acceptValid === false ? (hAsync("gov-form-message", { slot: "message", color: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), item.acceptValid === false ? this.errorAccept : null)) : null, item.sizeValid === false ? (hAsync("gov-form-message", { slot: "message", color: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), this.errorSize.replace("{FILE_SIZE}", formatBytes(this.maxFileSize)))) : null, hAsync("span", { slot: "info" }, "(", formatBytes(item.file.size), ")"))))))) : null));
+        return (hAsync(Host, { key: '59bdd8c7d3bf9594fa545146ca44a00f060fccab', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { key: 'fd1714f4eb7596fdc1eb67fe8b6d25e4ec93f454', class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", { key: '2712d87a6889321616b1b4cb03ea0c61aefcd241' }), hAsync("input", Object.assign({ key: 'ac998000d9551871016d4c2ab802040634ff6256', class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, multiple: this.multiple, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), hAsync("div", { key: '54a896ed65deef09f11a8b497f926d079fb599d1', class: FormFileClass.inputFocus })), this.h.hasSlot("attachments") ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("slot", { name: "attachments" }))) : null, this.files.length && this.displayAttachments ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("gov-attachments", { label: this.accessibleAttachmentsLabel, "accessible-label": this.accessibleAttachmentsLabel }, this.files.map(item => (hAsync("gov-attachments-item", { "accessible-remove-labelledby": item.id, "on-gov-remove": () => this.onRemoveFileHandler(item) }, item.file.name, hAsync("span", { slot: "name" }, item.file.name), item.acceptValid === false ? (hAsync("gov-form-message", { slot: "message", color: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), item.acceptValid === false ? this.errorAccept : null)) : null, item.sizeValid === false ? (hAsync("gov-form-message", { slot: "message", color: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), this.errorSize.replace("{FILE_SIZE}", formatBytes(this.maxFileSize)))) : null, hAsync("span", { slot: "info" }, "(", formatBytes(item.file.size), ")"))))))) : null));
     }
     onRemoveFileHandler(file) {
         const index = this.files.findIndex(item => item.id === file.id);
@@ -5785,7 +5805,7 @@ class GovFormFile {
         "invalid": ["watchControlAttrs"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-file",
         "$members$": {
             "expanded": [4],
@@ -5802,7 +5822,6 @@ class GovFormFile {
             "invalid": [4],
             "errorSize": [1, "error-size"],
             "errorAccept": [1, "error-accept"],
-            "accessibleRemoveLabel": [1, "accessible-remove-label"],
             "accessibleAttachmentsLabel": [1, "accessible-attachments-label"],
             "files": [32],
             "inheritedAttributes": [32],
@@ -5844,7 +5863,7 @@ class GovFormGroup {
         this.validateOrientation(this.orientation);
     }
     render() {
-        return (hAsync(Host, { key: '23bc665133af4d63acae967405c379aef79f9125', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, hAsync("slot", { key: '11d303816dae7149170180b450542c2cd1a322c6' })));
+        return (hAsync(Host, { key: '54934f365448807adf7408b7feb96fff4244491c', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, hAsync("slot", { key: '184ae9ea447967ebce23c4dd40e2e14667f74960' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -5852,7 +5871,7 @@ class GovFormGroup {
         "orientation": ["validateOrientation"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-group",
         "$members$": {
             "gap": [1],
@@ -5948,11 +5967,11 @@ class GovFormInput {
     }
     render() {
         const Tag = this.multiline ? Tags$1.TEXTAREA : Tags$1.INPUT;
-        return (hAsync(Host, { key: 'bdbab2105ea328155d7a023e2070c4ca22a5afba', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && hAsync("slot", { key: '71be98f4ba1933c8a5affd3f41b496633528bcc8', name: "prefix" }), hAsync("span", { key: '820a6cc14d90fb52b3fa809858c9b7223d7dec21', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
-            hAsync("div", { key: '6c001fb96074d4f5b7779a14cbceee9169b4a70a', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, hAsync("slot", { key: '15da634518db7ac788de51911296d1a0ca87c993', name: "icon-start" })), hAsync(Tag, Object.assign({ key: 'f43777146426ddbe5d37408a734ca61aa51e0e69', type: this.inputType === 'password' && this.showPassword ? 'text' : this.inputType, disabled: this.disabled, id: this.identifier || this.inputId, name: this.name, onFocus: this.onFocusHandler.bind(this), onInput: this.onInputHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onKeyUp: this.onKeyUpHandler.bind(this), onKeyDown: this.onKeyDownHandler.bind(this), ref: el => (this.inputRef = el), placeholder: this.placeholder, spellcheck: toBoolAttrIfDefined(this.spellcheck), lang: this.inputLang, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, min: this.min, max: this.max, required: this.required, rows: this.rows, cols: this.cols, role: this.role, value: this.value }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), ((this.success || this.invalid || this.h.hasSlot("icon-end") || this.inputType === 'password') && !this.multiline) &&
-            hAsync("div", { key: '716e004caf2077ce8d5ee5101bcb541fbdb45d38', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
-                hAsync("gov-icon", { key: '96c5fcdad8332c08d3eaf9a5a6af573962a96744', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
-                hAsync("gov-icon", { key: '4883e137f51052a2659f46a09270c656bc3347f7', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && hAsync("slot", { key: 'a74b2df0932087834fc33de45aa341444c61042a', name: "icon-end" }), this.inputType === 'password' ? (hAsync("gov-button", { color: 'primary', type: 'base', size: this.size, "aria-label": this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel, "on-gov-click": () => this.showPassword = !this.showPassword }, hAsync("gov-icon", { slot: "icon-start", name: "eye", type: "components" }))) : null)), this.h.hasSlot("sufix") && hAsync("slot", { key: '9d15adccc023a5501114982c4417df6db9a4d8c1', name: "sufix" })));
+        return (hAsync(Host, { key: '77dae47e06d063a2487a5ddbb1259306b5cdbfc3', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && hAsync("slot", { key: 'e8e2f433d1ef4132ea11deccd0430d1e629b939b', name: "prefix" }), hAsync("span", { key: 'd6ccd3199c302f2bdefec80c9b1d41e221f5c996', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
+            hAsync("div", { key: '9bdfc91aeb6b5f9c9c16cf902d092caeb5c5d9c5', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, hAsync("slot", { key: '2a2d7b03fbe85a18353ac360a822721b2e76da78', name: "icon-start" })), hAsync(Tag, Object.assign({ key: 'e43d026dbb5138a6b69363805df462d18d3e1e1f', type: this.inputType === 'password' && this.showPassword ? 'text' : this.inputType, disabled: this.disabled, id: this.identifier || this.inputId, name: this.name, onFocus: this.onFocusHandler.bind(this), onInput: this.onInputHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onKeyUp: this.onKeyUpHandler.bind(this), onKeyDown: this.onKeyDownHandler.bind(this), ref: el => (this.inputRef = el), placeholder: this.placeholder, spellcheck: toBoolAttrIfDefined(this.spellcheck), lang: this.inputLang, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, min: this.min, max: this.max, required: this.required, rows: this.rows, cols: this.cols, role: this.role, value: this.value }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), ((this.success || this.invalid || this.h.hasSlot("icon-end") || this.inputType === 'password') && !this.multiline) &&
+            hAsync("div", { key: '43025915f216c0153e069acdddbece0e059f3ec7', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
+                hAsync("gov-icon", { key: '13b34f7a5e705afdb92877850f116895318bb876', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
+                hAsync("gov-icon", { key: 'd671025577334714519c12956863a3a3c6f3af81', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && hAsync("slot", { key: 'f26ff9842ab606917ff1fe10e5fa83e0707f923f', name: "icon-end" }), this.inputType === 'password' ? (hAsync("gov-button", { color: 'primary', type: 'base', size: this.size, "aria-label": this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel, "on-gov-click": () => this.showPassword = !this.showPassword }, hAsync("gov-icon", { slot: "icon-start", name: "eye", type: "components" }))) : null)), this.h.hasSlot("sufix") && hAsync("slot", { key: '666b152801bc34d6cdb66e88c22d695c4b4d169c', name: "sufix" })));
     }
     onFocusHandler(e) {
         e.stopPropagation();
@@ -6030,7 +6049,7 @@ class GovFormInput {
         "success": ["watchControlAttrs"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-input",
         "$members$": {
             "value": [1537],
@@ -6093,10 +6112,10 @@ class GovFormLabel {
     }
     render() {
         const Tag = this.legend ? 'legend' : 'label';
-        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)));
+        return (hAsync(Host, { key: 'ed4ec902f11631d324119863462a67305d8586e5', class: FormLabelClass.root, size: this.size }, hAsync(Tag, { key: '04168b854261d7aca3c96ee0bd77ab8c2fc9d5f2', class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", { key: '3d9fadd9d60baae633a699db046ca46605c4ab4c' }), this.required ? hAsync("span", { class: "gov-color--text-status-error" }, "\u00A0*") : null)));
     }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-label",
         "$members$": {
             "identifier": [1],
@@ -6131,7 +6150,7 @@ class GovFormMessage {
         this.validateColor(this.color);
     }
     render() {
-        return (hAsync(Host, { key: 'dbc990cf3a48496a4905a768b3a7c662d42cc3ad', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: '600a149b56204308139aa026aea04dc5d872a7fe', name: "icon" })), hAsync("span", { key: '61d47c46b469a1c070d2a0f7df3a47f8a878ba6f', id: this.messageId, class: FormMessageClass.content }, hAsync("slot", { key: 'ff74d2926ddb5c3c79349d28906ff41a2485fde5' }))));
+        return (hAsync(Host, { key: 'f23989a9ea8f6c47ae43cbc8655a9c7d281d36e6', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: '0cfae3a030761bbd352411054f2a89a13da07bee', name: "icon" })), hAsync("span", { key: 'f2d7c7a835f38b3bfe006c75fae9f8a25db7e5e1', id: this.messageId, class: FormMessageClass.content }, hAsync("slot", { key: 'c6e752c2143d5002a50c233a1ea6cd73ef5e61b9' }))));
     }
     /**
      * Returns unique identifier of message
@@ -6144,7 +6163,7 @@ class GovFormMessage {
         "color": ["validateColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-message",
         "$members$": {
             "color": [1],
@@ -6332,11 +6351,11 @@ class GovFormMultiSelect {
         });
     }
     render() {
-        return (hAsync(Host, { key: '702237c94a2454e2ee966fee0a4fb92e690b7ca3', class: FormMultiSelectClass.root, size: this.size }, hAsync("div", { key: '06644d9c3deb723effa4dd18207734ff4c9885cf', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && hAsync("slot", { key: '7a000864224ecfe4fc333b2609f1d624b8cbad2c', name: "prefix" }), hAsync("gov-form-autocomplete", { key: '7ce180ba5e799af98869ab3a0eab7dc0b1cd28f8', value: this.valueState, disabled: this.disabled, identifier: this.identifier || this.selectId, required: false, invalid: this.invalid, success: this.success, size: this.size, placeholder: this.placeholder, "message-empty": this.messageEmpty, "message-loading": this.messageLoading, ref: el => (this.autocompleteRef = el), minlength: 0, "aria-owns": this.listId }, this.success && hAsync("gov-icon", { key: '8433d6631829ad487ea0d14f3a23ef955179ab72', slot: "validation-icon", class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '55076350c10d021f5e1c6882ca9c36ddcb3b8d96', slot: "validation-icon", class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '3671d42362ea1a7334b687d12d9fbe50d12a2e6b', slot: "icon-end", class: "arrow-icon", name: "chevron-down", type: "components" })), hAsync("select", Object.assign({ key: '9d9af70e3a94506e654bc4739dff88512f9a7027', hidden: true, class: 'hidden-select-list', "aria-hidden": toBoolAttr(true), multiple: true, required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), hAsync("slot", { key: '121da88c22cb7aa89bddd017daaa3adf2d3cdba1' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (hAsync(Host, { key: 'b5f6643779e88a7fd84c50e0e28a2e3df55ef5b1', class: FormMultiSelectClass.root, size: this.size }, hAsync("div", { key: 'eac5219ecea75ffa80cf00e2ea7b657d011a4364', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && hAsync("slot", { key: '043326a3213e27ba4bd82fc07d807f5385cad621', name: "prefix" }), hAsync("gov-form-autocomplete", { key: '908d9dd75e8eccf489bf02c38830742119f3f5a8', value: this.valueState, disabled: this.disabled, identifier: this.identifier || this.selectId, required: false, invalid: this.invalid, success: this.success, size: this.size, placeholder: this.placeholder, "message-empty": this.messageEmpty, "message-loading": this.messageLoading, ref: el => (this.autocompleteRef = el), minlength: 0, "aria-owns": this.listId }, this.success && hAsync("gov-icon", { key: '5462998619176ad9b9fb64bb4cbfa64640b1882b', slot: "validation-icon", class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '927ab032bef36a8de9dcbdc0b04fb9ba788ff3ef', slot: "validation-icon", class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '92064ab6e3af5b2614eabe328795602613e06fdb', slot: "icon-end", class: "arrow-icon", name: "chevron-down", type: "components" })), hAsync("select", Object.assign({ key: 'e344464b72f03ab9cf5e9ccdbd5caaff913774f9', hidden: true, class: 'hidden-select-list', "aria-hidden": toBoolAttr(true), multiple: true, required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), hAsync("slot", { key: 'b7713729d23f54f2f7d9489bd816237565b87d43' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
             var _a;
             const selectedOption = this.selectedValueIndex(option.value);
             return (hAsync("option", { value: option.value, selected: selectedOption > -1, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value));
-        })), this.h.hasSlot('sufix') && hAsync("slot", { key: '7a1392bc37a8ff68a2269b8aced6af13dc2d0155', name: "sufix" })), this.hideSelectedList === false ? (hAsync("ul", { role: "listbox", id: this.listId, class: FormMultiSelectClass.list }, Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {
+        })), this.h.hasSlot('sufix') && hAsync("slot", { key: 'ae1452913889844708b397d9d6e66fa071f85522', name: "sufix" })), this.hideSelectedList === false ? (hAsync("ul", { role: "listbox", id: this.listId, class: FormMultiSelectClass.list }, Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {
             var _a;
             const option = this.getOption(selected);
             if (!option)
@@ -6403,7 +6422,7 @@ class GovFormMultiSelect {
         "value": ["watchValue"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-multi-select",
         "$members$": {
             "value": [1537],
@@ -6445,10 +6464,10 @@ class GovFormPasswordPower {
         registerInstance(this, hostRef);
     }
     render() {
-        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' }))));
+        return (hAsync(Host, { key: '95bbc5fb2e55470ec4cd18b0b1ecece89a4df502', class: FormPasswordPowerClass.root }, hAsync("span", { key: '513c89318f7f4ded2e91c420dba95fa7852942db', class: FormPasswordPowerClass.bar }, hAsync("span", { key: '524f84e45276cb043999d41560b62320ba701343' }), hAsync("span", { key: '4d2a5ff935ca8d293bde0ab11d5f5e2fba0aacc4' }), hAsync("span", { key: '270276edf333b84e7c06c741c9cfc84eeadef2c4' })), hAsync("span", { key: '6b092b79e2e8934b1eba3c448e56c4aea6eab279', class: FormPasswordPowerClass.text }, hAsync("slot", { key: '4d24610c752886264b453df0965af10812946490' }))));
     }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-password-power",
         "$members$": {
             "power": [514]
@@ -6583,7 +6602,7 @@ class GovFormRadio {
         "invalid": ["watchControlAttrs"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-radio",
         "$members$": {
             "value": [1],
@@ -6604,7 +6623,7 @@ class GovFormRadio {
     }; }
 }
 
-const govFormGroupCss = "gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:make-var(\"gap\", var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:make-var(\"gap\", var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:make-var(\"gap\", var(--spacing-m))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:make-var(\"gap\", var(--spacing-l))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:make-var(\"gap\", var(--spacing-xl))}";
+const govFormGroupCss = "gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-l))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-xl))}";
 
 class GovFormRadioGroup {
     constructor(hostRef) {
@@ -6659,7 +6678,7 @@ class GovFormRadioGroup {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'f5d9641f18787c21c13898a8d80159326161e676', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '81b46ef337551d1f31b9b7f7d5bb32a620f0fb69' })));
+        return (hAsync(Host, { key: 'ff3703e838e4b031b4826be5e54679bf64872eb4', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: 'a2536dadd509602565fd860ebc6d9c4a148b468c' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6668,7 +6687,7 @@ class GovFormRadioGroup {
     }; }
     static get style() { return govFormGroupCss; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-radio-group",
         "$members$": {
             "gap": [1],
@@ -6779,9 +6798,9 @@ class GovFormRange {
         (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     render() {
-        return (hAsync(Host, { key: '263e214c6c36967aaa1d8ec4f33d23d0eec5c92d', class: FormRangeClass.root, size: this.size }, this.h.hasSlot("prefix") && hAsync("slot", { key: '43e08e8d199572845578b1e95c7c012908555bc8', name: "prefix" }), hAsync("span", { key: '89d4176b4f234a4cf83f15a0676710e530ee8d96', class: "element" }, hAsync("input", Object.assign({ key: '97de040cc35b22aa0c07bfd9654062803cc75c8b', type: "range", ref: el => (this.inputRef = el), onInput: this.onInputHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), id: this.identifier || this.inputId, name: this.name, min: this.min, max: this.max, step: this.step, list: this.listIdentifier, value: this.value, required: this.required, disabled: this.disabled }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), hAsync("div", { key: '601626b0b79a7a62022cc61071961bd0b5b9ebe2', class: FormRangeClass.fill, ref: el => (this.fillRef = el) }), this.tooltip ?
+        return (hAsync(Host, { key: '52936cc832e35b7f79520c2f89b2a119e769b994', class: FormRangeClass.root, size: this.size }, this.h.hasSlot("prefix") && hAsync("slot", { key: '1f5d3e1d537be5f431cbf4ba366627d82c2daa01', name: "prefix" }), hAsync("span", { key: 'cbabb9ff252fbabdd8b2f813de71b31c1a1444e6', class: "element" }, hAsync("input", Object.assign({ key: '02dd3f62cb518c965c0f5529ae3b213a9c6fd649', type: "range", ref: el => (this.inputRef = el), onInput: this.onInputHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), id: this.identifier || this.inputId, name: this.name, min: this.min, max: this.max, step: this.step, list: this.listIdentifier, value: this.value, required: this.required, disabled: this.disabled }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), hAsync("div", { key: 'fff23dd770c71878eae67df3f96b514c3f55ea2e', class: FormRangeClass.fill, ref: el => (this.fillRef = el) }), this.tooltip ?
             hAsync("output", { htmlFor: this.name, ref: el => (this.outputRef = el) }, this.value)
-            : null, hAsync("slot", { key: 'f814e896acf10712ecfa34a8d6fa7f9b1d575a4e', name: "datalist" })), this.h.hasSlot("sufix") && hAsync("slot", { key: '432a47e6df6cd4c6aea28e3063f06e9debc0dc32', name: "sufix" }), this.input ?
+            : null, hAsync("slot", { key: '32a7919602b2527a97bf019ec74744bedd0ef51f', name: "datalist" })), this.h.hasSlot("sufix") && hAsync("slot", { key: 'e9efd215bb9895a6c11666eb694b6c47f8132f12', name: "sufix" }), this.input ?
             hAsync("gov-form-input", Object.assign({ "on-gov-input": this.onCustomInputHandler.bind(this), class: FormRangeClass.input, size: this.size, value: this.value, disabled: this.disabled }, this.inheritedAttributes))
             : null));
     }
@@ -6869,7 +6888,7 @@ class GovFormRange {
         "success": ["watchControlAttrs"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-range",
         "$members$": {
             "size": [1],
@@ -6917,11 +6936,11 @@ class GovFormSearch {
         this.color = 'neutral';
     }
     render() {
-        return (hAsync(Host, { key: '0eaf52ea1460cab6cee82e453a92d24efc9457e1', class: FormSearchClass.root, color: this.color, size: this.size }, hAsync("slot", { key: '79481e7e6ad6fd2b241be41964f513354e42e40c', name: "input" }), hAsync("slot", { key: 'beeebbf1f8eb023aa165bbf0a1b2d84f393dec98', name: "button-erase" }), hAsync("slot", { key: '685e0f84c5ebef1a32b26c4c25f8c9b5d20b254b', name: "button" })));
+        return (hAsync(Host, { key: '71109e2502931ac3b92b4e2e6336c3d08d666fae', class: FormSearchClass.root, color: this.color, size: this.size }, hAsync("slot", { key: '615ea1dab3ebee905d7bc9f1c7b4f0da4e89eee5', name: "input" }), hAsync("slot", { key: 'fa9abfbaee3dedecb4b217cc8681b16557d978bc', name: "button-erase" }), hAsync("slot", { key: '8c2cb29b38de5634b220db526452b9a07873fc29', name: "button" })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-search",
         "$members$": {
             "size": [1],
@@ -7014,10 +7033,10 @@ class GovFormSelect {
         });
     }
     render() {
-        return (hAsync(Host, { key: '209d5865fd6928823e03ea63773a8c5270e9ad32', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && hAsync("slot", { key: '1fbe248e069d10cefc405a341dc4d601f3bc1afd', name: "prefix" }), hAsync("span", { key: '1f250f81b6921a50099fa460493845cacff104de', class: "element" }, hAsync("select", Object.assign({ key: '8ad3b59aa86d4ba926b19cea1f254a6800a50478', id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), hAsync("slot", { key: 'a55508d3024ecccf9f78ea4046524b1c54f1f43f' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (hAsync(Host, { key: '784373d222b67be86b39d3ed61bfdf81d9648a36', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && hAsync("slot", { key: '23b99e07df8d0d135c93bdd8c14556de4b4a5433', name: "prefix" }), hAsync("span", { key: 'f4c931f58a53db5cc2f8379b2dc6b688bbe84bc8', class: "element" }, hAsync("select", Object.assign({ key: 'e259f55116a12a7b821fac43db61b9ed35457c17', id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), hAsync("slot", { key: '223133e692d0c7a4c2c9c4706aee2d447f37c37b' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
             var _a;
             return (hAsync("option", { value: option.value, selected: option.value === this.value, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value));
-        })), this.success && hAsync("gov-icon", { key: '8aed7cb4cc3d3dd7ac3b80812ded81674f1af748', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '95442149ab9cba9e138684577802e32a3adb5836', class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '917481bb56daf82689db8efddc1cf9fd724e47d5', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && hAsync("slot", { key: 'e58a7cb17bfed2046b31f1a2d70832194020963f', name: "sufix" })));
+        })), this.success && hAsync("gov-icon", { key: '97ceacc7ec59f13a9d994dc6df3b58201b5f68ae', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: 'bd9f33ef6da150e5a3f4a5711d41282fe35df49f', class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: 'c5ca08441cb8f425a4e310e402d6f208c8a75e15', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && hAsync("slot", { key: 'af16a1bd05ed5d665888cea9a811eee2c0fe5749', name: "sufix" })));
     }
     onFocusHandler(e) {
         this.focused = true;
@@ -7066,7 +7085,7 @@ class GovFormSelect {
         "value": ["watchValue"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-select",
         "$members$": {
             "value": [1537],
@@ -7215,7 +7234,7 @@ class GovFormSwitch {
         "invalid": ["watchDisabled"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-form-switch",
         "$members$": {
             "value": [1],
@@ -7249,11 +7268,11 @@ class GovGrid {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '18d145fce4ae449e277684f8b0274ed60b759568', class: this.h.classes(GridClass.root), role: "list" }, hAsync("slot", { key: 'a37b3c0533fe8ef2fa5513e9c489f5b98247d4de' })));
+        return (hAsync(Host, { key: 'c3ab0c523d11db70b02a8abb75f18199a5a0e5a2', class: this.h.classes(GridClass.root), role: "list" }, hAsync("slot", { key: '98eac108759934ee4dd5b008e988a5761e642b27' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-grid",
         "$members$": {
             "alignItems": [513, "align-items"],
@@ -7280,11 +7299,11 @@ class GovGridItem {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '0c2d26293ed16bc14937027e056cb1f43e997cdd', class: this.h.classes(GridItemClass.root), role: "listitem" }, hAsync("slot", { key: 'c4817953375997bd6d1a361145a2bf19452ad563' })));
+        return (hAsync(Host, { key: 'f0bd487f13430180ee5ba1ea47b42a96c792a844', class: this.h.classes(GridItemClass.root), role: "listitem" }, hAsync("slot", { key: '31abf23d589818b1f8ca2d7adf527619d470739f' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-grid-item",
         "$members$": {
             "column": [1, "col-span"],
@@ -7326,7 +7345,7 @@ var Types;
 const IconClass = {
     root: 'gov-icon'};
 
-const version = "4.2.7";
+const version = "4.6.0";
 
 const dsVersion = () => {
     return version;
@@ -7482,7 +7501,7 @@ class GovIcon {
         "name": ["loadIconPathData"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 256,
+        "$flags$": 0,
         "$tagName$": "gov-icon",
         "$members$": {
             "size": [513],
@@ -7570,8 +7589,8 @@ class GovInfobar {
         this.hydrated = true;
     }
     render() {
-        const closeButton = (hAsync("gov-button", { key: '725f2b43b343cf280f1d17f2e4ea585f76459e4a', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, hAsync("gov-icon", { key: 'a152c21f78f34765419c772bd74d3deeac89a193', name: "x-lg", type: "components" })));
-        return (hAsync(Host, { key: 'ea3760a93c20997a2c9807395346782854ca2b14', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type, hydrated: this.hydrated }, hAsync("section", Object.assign({ key: 'ed8c013c901f3cf42bec8be0f006056ae4d0925a', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), this.h.hasSlot("icon") && (hAsync("span", { key: '4a04033e6f01219508a7d2bb2dce964d87ebd2e8' }, hAsync("slot", { key: '513dfdc3bc75b60fe522cb78fb8b3a69de82606f', name: "icon" }))), hAsync("div", { key: '1bb7ed8940cef2f981857eec96de6b998b2791d8', class: InfobarClass.content }, this.h.hasSlot('headline') ? (hAsync(Fragment, null, hAsync("div", { class: InfobarClass.headline }, hAsync("slot", { name: "headline" }), hAsync("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, hAsync("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), hAsync("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, hAsync("slot", null)))) : (hAsync("slot", null))), this.closable && closeButton)));
+        const closeButton = (hAsync("gov-button", { key: 'aaaf43a5b48ccded5f30061b7b6dfd09da11e970', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, hAsync("gov-icon", { key: '3f4f5c3b15842ff258035badfbf9286dacdba8b5', name: "x-lg", type: "components" })));
+        return (hAsync(Host, { key: '7d52bcf1a541c5c536755a16e13dd66209d7ba98', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type, hydrated: this.hydrated }, hAsync("section", Object.assign({ key: 'e52815b07de6e3fae05bb4429ab925300fde0a50', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), this.h.hasSlot("icon") && (hAsync("span", { key: 'd1424933f1f122693d45803eb500aff8c7b45dd7' }, hAsync("slot", { key: '94ab048d5e2e506773402a55d399f3c315307153', name: "icon" }))), hAsync("div", { key: 'b59bbe4b7516d0b4e96e19618613d9e82551cd39', class: InfobarClass.content }, this.h.hasSlot('headline') ? (hAsync(Fragment, null, hAsync("div", { class: InfobarClass.headline }, hAsync("slot", { name: "headline" }), hAsync("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, hAsync("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), hAsync("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, hAsync("slot", null)))) : (hAsync("slot", null))), this.closable && closeButton)));
     }
     onCloseHandler(e) {
         this.govClose.emit({
@@ -7588,7 +7607,7 @@ class GovInfobar {
         "color": ["validateColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-infobar",
         "$members$": {
             "color": [1],
@@ -7645,11 +7664,11 @@ class GovLayout {
         return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
     }
     render() {
-        return (hAsync(Host, { key: 'e1c3d46c89a466366190d86e9cf6e9890b9f53c8', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: '0e7d98f4f001f66a4a43aecf50070bf3cf166fd9', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: '3cd4ca9c4d9020d4315484b0581efb09354806ef' }))));
+        return (hAsync(Host, { key: '1a034fd2efc16f8ec93aa5a7d482b30674b14cc4', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: 'af904b136b68d778d5c687e654a4172a8c08fc92', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: 'b867248fdb072fc3999406d6113bdc435cce78fc' }))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-layout",
         "$members$": {
             "type": [1],
@@ -7668,11 +7687,11 @@ class GovLayoutColumn {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '397a057c9e14fa21904f79a2c0b0c006476d53a4', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: '29373dc179d00e3e3f34ae4da070815d04d1a355' })));
+        return (hAsync(Host, { key: '31bb2635262a61c69776cce49de189302c53b5fa', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: '99244dabacca9f48252bc506e26ae57b0f6f93bb' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-layout-column",
         "$members$": undefined,
         "$listeners$": undefined,
@@ -7714,10 +7733,10 @@ class GovLifecycle {
         console.log('componentDidUpdate', this.uniqueId);
     }
     render() {
-        return (hAsync(Host, { key: 'c5189d0afc68fc5d1149184eec3a02b57170689a', identifier: this.uniqueId }, hAsync("span", { key: 'cc6fbd61e6f7ba9cd4373bec00c128501e6df319' }, "lifecycle ", this.uniqueId)));
+        return (hAsync(Host, { key: '5764a6d1dd18127a3b71f9a9a5bfac9116b94d1e', identifier: this.uniqueId }, hAsync("span", { key: 'd5ae2d686dcc55523aa9a0ea500aff9e4de4fb3f' }, "lifecycle ", this.uniqueId)));
     }
     static get cmpMeta() { return {
-        "$flags$": 256,
+        "$flags$": 0,
         "$tagName$": "gov-lifecycle",
         "$members$": undefined,
         "$listeners$": undefined,
@@ -7762,14 +7781,14 @@ class GovLink {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: 'd1b6a1956e244525bc1776d9aee22ff9b47add0c', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external, truncate: this.truncate }, hAsync("a", Object.assign({ key: '89f7d438ed43946d1f3c9db5e891986217592794', class: "element", href: this.href, target: this.external ? '_blank' : this.target, rel: this.external ? "noreferrer" : null }, this.inheritedAttributes), hAsync("slot", { key: 'a0a36a90d0defb8cce2504f38636adcc79ef88c3', name: "icon-start" }), hAsync("span", { key: '4c161cef2c8f9819e45c00663cef9ebbfebc5d1d' }, hAsync("slot", { key: '2f75a358caf4530ac137f432bba0ff60af17643e' })), hAsync("slot", { key: '99c005f455a510e220c0f3f64759f441272618ad', name: "icon-end" }), this.external && hAsync("gov-icon", { key: 'b11aca08fdf2266d4f2a60ce202fce6152ab0b88', name: "box-arrow-up-right", type: "components", size: this.size, class: LinkClass.external }))));
+        return (hAsync(Host, { key: '87da124a14ecd5515767b8583a98c8a24ea6b21b', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external, truncate: this.truncate }, hAsync("a", Object.assign({ key: '7e9b80a7eb6527214cea32a1a6b2dfa7bdba56a9', class: "element", href: this.href, target: this.external ? '_blank' : this.target, rel: this.external ? "noreferrer" : null }, this.inheritedAttributes), hAsync("slot", { key: '0620fa97529d8966460cd664ff4285719954ca26', name: "icon-start" }), hAsync("span", { key: 'fc56fe240cda4ab1dde314deac56937fa9d53717' }, hAsync("slot", { key: 'fdb01c25b213ee2c093136ff86a9f3d56a0b12ca' })), hAsync("slot", { key: '1d077305b248a77e6b6730c32d5136ce4a9b2858', name: "icon-end" }), this.external && hAsync("gov-icon", { key: 'c9d155610f0cbd4ddf1fd1945b8da78357ba2767', name: "box-arrow-up-right", type: "components", size: this.size, class: LinkClass.external }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-link",
         "$members$": {
             "size": [1],
@@ -7808,14 +7827,14 @@ class GovLoading {
         this.validateSize(this.size);
     }
     render() {
-        return (hAsync(Host, { key: 'b242b9fdc52e5afc61e14b068253ce3d693d181e', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: 'f0f0e4f05239b9cf0eead9365df12f0c8bc37c30', class: LoadingClass.content }, hAsync("gov-icon", { key: '7413af05d78c0d957ee5e99b6cce347283e01057', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: 'd047393d005afbce224befeae2cfd9023e321b81' })), hAsync("gov-backdrop", { key: '54df690f070aee585f15dffa1aae555e75da49b5', inverse: true })));
+        return (hAsync(Host, { key: '633a5908dcace7298026f28a9cd7e8cf7580ae3e', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: '39027a3ed4b2284070fe7f6954ec3864222b57aa', class: LoadingClass.content }, hAsync("gov-icon", { key: '6baa68d8626e7b271eec0c6990b5999849a23fd5', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: 'c9179dc3e6de4cb6ce2da35b9b81dc16fc2fda67' })), hAsync("gov-backdrop", { key: 'ca4fe88eb06122df18b717d008b7520724efd64e', inverse: true })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-loading",
         "$members$": {
             "size": [1]
@@ -7854,14 +7873,14 @@ class GovMessage {
         validateProp(Colors, newValue, MessageClass.root);
     }
     render() {
-        return (hAsync(Host, { key: 'b1e404aaebe6a1c22999b9f1901dc5fc63119a12', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("span", { key: 'fb9f2ed1047003aeaf03954345240b0484eea289' }, hAsync("slot", { key: 'b0457abeb671b2d895ed9618f92047b5f8d48e1f', name: "icon" }))), hAsync("div", { key: 'c358b23982d1e1f8a82eb780b56932e9b01f98c9', class: MessageClass.content }, hAsync("slot", { key: 'd0faba3cea5d572a43d7a0dcacf0e26fd255650c' }))));
+        return (hAsync(Host, { key: '646b418ce94ae2c4a0e68ae7662b6a0cdcb5abdf', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("span", { key: 'c628baa7a9302fd2422418f6cb643ab188630d19' }, hAsync("slot", { key: '3e06254836e945da56d642ca358730c59da0575d', name: "icon" }))), hAsync("div", { key: 'e9732388652c00c5bb4292d61ba71a62b3a6ca07', class: MessageClass.content }, hAsync("slot", { key: '71b74db9ecbfa2fcd0bbb102e6d77accbcd1d3f0' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
         "color": ["validateColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-message",
         "$members$": {
             "color": [1],
@@ -8109,7 +8128,7 @@ class GovPagination {
         "maxPages": ["recalculate"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 256,
+        "$flags$": 0,
         "$tagName$": "gov-pagination",
         "$members$": {
             "type": [1],
@@ -8221,7 +8240,7 @@ class GovSkeleton {
         this.items.fill(1);
     }
     render() {
-        return (hAsync(Host, Object.assign({ key: '25734d3a4d1d1db5de3ce47019cfdc1e41bf8aa5', size: this.size, color: this.color, class: {
+        return (hAsync(Host, Object.assign({ key: '871f22b2b3bd0c92c75b81b4d649246414c01b97', size: this.size, color: this.color, class: {
                 [SkeletonClass.root]: true,
                 circle: this.shape === "circle",
                 line: this.shape === "line",
@@ -8236,7 +8255,7 @@ class GovSkeleton {
         "animation": ["validateAnimation"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 256,
+        "$flags$": 0,
         "$tagName$": "gov-skeleton",
         "$members$": {
             "size": [513],
@@ -8286,7 +8305,7 @@ class GovSpacer {
         this.validateBreakpoint(this.breakpoint);
     }
     render() {
-        return hAsync(Host, { key: '0cfcd48030a4fe812323c3b00b3ef1ae0c2bc2ad', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+        return hAsync(Host, { key: '97560206986a3dea272c7e4a939bb91a050f6252', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -8294,7 +8313,7 @@ class GovSpacer {
         "breakpoint": ["validateBreakpoint"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 256,
+        "$flags$": 0,
         "$tagName$": "gov-spacer",
         "$members$": {
             "size": [1],
@@ -8350,14 +8369,14 @@ class GovStepper {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '3b42ad7a7d2b7b6aa6d6744fae45f1c347df6e57', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'c129d51c4ecd2caa88446cefc56ed5eadd2360d1' })));
+        return (hAsync(Host, { key: '92d3349a28b4330a3bea5293853612d0a0b96069', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'a5b65c3a06c63f826d6c968c69f1452abe0408af' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-stepper",
         "$members$": {
             "size": [1]
@@ -8397,14 +8416,14 @@ class GovStepperItem {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const contentId = this.contentId;
-        return (hAsync(Host, { key: 'c6fccfba3fb2434ff3e1cf6f082b8e1efdf678da', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, hAsync("div", { key: '63436f68c58e23fda47db1d48e2fec087bfb19a2' }, hAsync("div", { key: '7f70a37cfa54fda7b89f8f9eeb395121e7626c4c', class: StepperItemClass.steps }, hAsync("span", { key: 'c65ea77b5a4b0ddad39b67af29e0e4bd799060c4' }), hAsync("span", { key: '84695001e1f01420c69a2c6bf32e3463e7c02566', class: StepperItemClass.prefix }, hAsync("slot", { key: '8f958979bb316dce25991a49620cb92d4bd0f0b4', name: "prefix" })), hAsync("span", { key: 'f1f5a904e078c64888af41d36874f847035dbcd7' })), hAsync("div", { key: '3e9149dbb060679006b8ca5ea1aefd8cef1eccc7', class: StepperItemClass.main }, hAsync("span", { key: '5fe6ec5eaab7618f865e4c8327d5ee2797a380ad', class: StepperItemClass.headline }, hAsync("slot", { key: 'acf8d8098a5de3a962ff213febbb409be338e110', name: "headline" })), hAsync("slot", { key: 'c01fc26f870c2ee02aa7559a055664de88454383', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: '955d3d180f70801abed40bdffdb339264fabe007', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: 'f22bc0884f0c5478c992c6d517af466016f753ec', name: "content" })))))));
+        return (hAsync(Host, { key: '609a7f8b92363c1de962f2260d36fc674bd4c193', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, hAsync("div", { key: '5afa6db421d268ff22727bedff02fe7e37273b7c' }, hAsync("div", { key: 'f09a6804198fbf9a37b0553bf0539e26dd28d9f4', class: StepperItemClass.steps }, hAsync("span", { key: 'e9f495a434501d1b5f7ac65fb757cca181156814' }), hAsync("span", { key: 'bb3b4bd8d1e613090f9e369a72c20e04eeaad1a9', class: StepperItemClass.prefix }, hAsync("slot", { key: '5d8ee1538f9232cc62d76b1aa2497195732c0b7f', name: "prefix" })), hAsync("span", { key: 'cb3c58492c7190ae67770ed411bf154e831573ca' })), hAsync("div", { key: '5747894f97b0ff23250ead28081410404bfbd0a8', class: StepperItemClass.main }, hAsync("span", { key: '801116e18ad8b6543ceb9106195f5baed23170ee', class: StepperItemClass.headline }, hAsync("slot", { key: '5e032e03983befdeddfa82f3756b7677549cfd53', name: "headline" })), hAsync("slot", { key: '81ae890926e9966125ef3869da9c0230faf7b8a7', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: '4c1bd6e0144a7fd3c8457de9ca2332289a5b86cb', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: 'a8122225841c58776cde45f4a5e61292a2bab389', name: "content" })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
         "color": ["validateColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-stepper-item",
         "$members$": {
             "color": [1],
@@ -8564,7 +8583,7 @@ class GovTabs {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'f2005ba90b408bd5bba21e6efc86b247944e7c5e', class: this.h.classes(TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, hAsync("div", Object.assign({ key: 'e8ad7a3f754fb72a1546f8147f958f97d865f745', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: 'cba48068fb5cef81797a703edfe6d8f1a5714be6', class: TabsClass.list }, this.controllers.map(control => (hAsync("li", { class: TabsClass.item }, this.type == "text" ? (hAsync("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", type: "button", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": toBoolAttr(control.disabled), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (hAsync("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), hAsync("slot", { key: '328c8c699405186862b636f4dc878306945d6424' })));
+        return (hAsync(Host, { key: '0b339dda9cd002b5548650f0f996d349842f4c8b', class: this.h.classes(TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, hAsync("div", Object.assign({ key: '683da4323be50ee97c0f2b666423308b2feb6ff3', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: '0a255d6a8a57744c0636a41e567661775d450dee', class: TabsClass.list }, this.controllers.map(control => (hAsync("li", { class: TabsClass.item }, this.type == "text" ? (hAsync("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", type: "button", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": toBoolAttr(control.disabled), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (hAsync("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), hAsync("slot", { key: '367950fe8ebba21bbe73c51a0d4c33efbb33e093' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;
@@ -8653,7 +8672,7 @@ class GovTabs {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-tabs",
         "$members$": {
             "type": [1],
@@ -8698,7 +8717,7 @@ class GovTabsItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '08008c01509a02694f8b64bffee8191508c2bb9a', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: '3080da5d4a50d0cde2a795ee874f1e453870b90d', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, hAsync("slot", { key: 'c56f30cf87bd8a48456b0720768229a478381b41' }))));
+        return (hAsync(Host, { key: '7de42fde0ca4e787967c76a14aa2498367f66a1c', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: '89f6bf8f5505ed17e5a9c46f60dfbf34353a75e6', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, hAsync("slot", { key: '690b06566e645ce22ec34c47c56852a75ac1069b' }))));
     }
     /**
      * Returns a unique tab content identifier
@@ -8730,7 +8749,7 @@ class GovTabsItem {
         "disabled": ["rerenderParent"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-tabs-item",
         "$members$": {
             "identifier": [1],
@@ -8792,7 +8811,7 @@ class GovTag {
     render() {
         const iconStart = prepareIconFormat(this.iconStart);
         const iconEnd = prepareIconFormat(this.iconEnd);
-        return (hAsync(Host, { key: '0cccc05dd15a83059fdccb3bcb369c6440788810', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: 'd992666f37e31743f32eed8eef5c1951955f0fbb', class: "element" }, hAsync("slot", { key: 'a72a05bf27fd90f6197c2f7df9e7c455e5a7c802', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '0a7eb8b599debec441cec7c3e01642b28527382b', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '9b68c59719c5098b4b8c937e0431e56c80e74c37' }), hAsync("slot", { key: '83a24299e79041fcc210ef2175aa1de98f66f68c', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '07ef8ce8b05ef2a5331d51aa8736e319f732bea2', type: iconEnd.type, name: iconEnd.name })))));
+        return (hAsync(Host, { key: 'bb366b85a94d134d58766604e6410e17bed07adc', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: '963aa53926b6b65bbc155c349a119f46aabe59c8', class: "element" }, hAsync("slot", { key: '3164cfa09970ac3e0f97df7265afd45a623b09aa', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '335c0e5db0cb5a808c553bd4c9f6893d17a8fac9', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '9be29754dcefdaa37daee39befdc6a708e36324d' }), hAsync("slot", { key: '6dffe882089838615e9fe451fc800b728885746a', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '415d8c03fefdf6281ae13668fb7b3aeaa572856e', type: iconEnd.type, name: iconEnd.name })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -8800,7 +8819,7 @@ class GovTag {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-tag",
         "$members$": {
             "iconStart": [1, "icon-start"],
@@ -8913,7 +8932,7 @@ class GovThemeSwitch {
         if (this.theme === ThemeList.auto) {
             isDark = this.isSystemPrefersColorDark;
         }
-        return (hAsync(Host, { key: '2b35ab195092cc77a4424b8676f3ae35733b5388', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: '8e3904870ea8181ca7e9bad9262bbf5638b19358', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, hAsync("span", { key: 'e76b59b0cb70878e627c4e0be0c74e3dde19124c' }, hAsync("span", { key: 'ceb0da027677434b1d64b24b05f4e3b0828c529a', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: 'a36bf7c3e453ff752feb91f02a23302dbadd8509', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: '66a37d369fbe737fcb90372f262a01225cdad90c', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel ? (hAsync("span", { class: ThemeSwitchClass.label }, isDark ? this.labelDark : this.labelLight)) : null))));
+        return (hAsync(Host, { key: '77b26165b2a824ff9649ac9c28d7b300cdb76280', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: 'c46058c2a0e797fef9c7e1ab4975ff379bbc3fb4', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, hAsync("span", { key: 'c1d8824467dc7bfa5d23f1f99db686e91e93087b' }, hAsync("span", { key: '62da0a9fecc5fc713b98ac9e4e728e3e19b9aa67', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: '7c9dd1cf819afbd7f63609916d6c845c2236fbca', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: '3f1acf71f8afb5ca893c460b7d0b6e49fe6f5c2d', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel ? (hAsync("span", { class: ThemeSwitchClass.label }, isDark ? this.labelDark : this.labelLight)) : null))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -8921,7 +8940,7 @@ class GovThemeSwitch {
         "theme": ["watchTheme"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 256,
+        "$flags$": 0,
         "$tagName$": "gov-theme-switch",
         "$members$": {
             "size": [1],
@@ -8963,7 +8982,7 @@ class GovTile {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '6e56b6c61b51b7adae50d06051723efcd34f8b65', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: '7e1a9f9db2af1aa9fbae19a826e0e873fe45ba5c', name: "icon" }), hAsync("div", { key: 'c68396608eb25200ed24cfb0cee241a3a11a5278', class: TileClass.content }, hAsync("div", { key: '89af8cf2e3bb063874b2e781c9309b0ef57d76ad', class: TileClass.text }, hAsync("div", { key: '3d331e3ad1c306f56b1395e5300427cc58c4ae32', class: TileClass.title }, this.href ? (hAsync(Fragment$1, null, hAsync("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, hAsync("slot", { name: "title" })), hAsync("span", { class: TileClass.icon }, hAsync("gov-icon", { name: "chevron-right", type: "components" })))) : (hAsync("slot", { name: "title" }))), hAsync("div", { key: '4c2e20b2a86f77f5fbcb67e3297ea20089c940e3', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: '93e106c02f93807c9616da2639473318e54cd246' }))), hAsync("slot", { key: 'a547bf4216ce80dad7dd2473cc46e80991960529', name: "button" }))));
+        return (hAsync(Host, { key: '31fcebee125c753089b2229cea0033dce9aa3133', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: 'b79748ea55bb2e86d887860c1143d82d75497966', name: "icon" }), hAsync("div", { key: 'db8b61554f6943612c9d7165174926cfd205fcfb', class: TileClass.content }, hAsync("div", { key: 'e844267c106109d0470176d3c89539f8f987c70f', class: TileClass.text }, hAsync("div", { key: 'e4771f568d8848b87045293ebb10af5679f1a3b7', class: TileClass.title }, this.href ? (hAsync(Fragment$1, null, hAsync("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, hAsync("slot", { name: "title" })), hAsync("span", { class: TileClass.icon }, hAsync("gov-icon", { name: "chevron-right", type: "components" })))) : (hAsync("slot", { name: "title" }))), hAsync("div", { key: 'cf1bf1a1c29e8879dc509b484325b82808db792a', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: '9a10f28fd144f1131eae6735342da9a5d93665e2' }))), hAsync("slot", { key: '067476f1a27bad0fb50d86789a729f93b1f1e5ad', name: "button" }))));
     }
     /**
      * Returns a clickable element instance
@@ -8973,7 +8992,7 @@ class GovTile {
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-tile",
         "$members$": {
             "size": [513],
@@ -9067,7 +9086,7 @@ class GovToast {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'ef97cd3dfb69dd3159f29eb9e06b95e638a8c10f', class: this.h.classes(ToastClass.root), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, color: this.color, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (hAsync("span", { key: '79efa5995efd05b8938cdeb7f1dfd2e9c4b6cb9b', class: ToastClass.icon }, hAsync("slot", { key: 'ba48149e2f9ac6f0b457ddeebdb021accbf8863e', name: "icon" }))), hAsync("div", Object.assign({ key: '8350b380c0a0c039f401941afee5202f9e79cc1c', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: '262b1c2ef1292d0145f16b8ef2a8f60f53992881' })), hAsync("gov-button", { key: '8dfc1fbdc3657bf4fe4aeefc32efb44262bcaf6d', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : hAsync("gov-icon", { name: "x-lg", type: "components" })), hAsync("div", { key: '9185d22c3a22b39f9a87aecfb4865cd09a59d54c', class: ToastClass.timer })));
+        return (hAsync(Host, { key: '623b9b85e6b10894429d50c4624bac71808d29ad', class: this.h.classes(ToastClass.root), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, color: this.color, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (hAsync("span", { key: 'ae58b921c0aff0f678176c24d4cf69d05fb6cdab', class: ToastClass.icon }, hAsync("slot", { key: '40d58461b3e16abd1d4cd627057e986548ac63c1', name: "icon" }))), hAsync("div", Object.assign({ key: 'b003f0521f3fb5095b94280e2cf252b2a26ccaed', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: '4743ada7cc1d31d6ca07871228d3fadc3576982f' })), hAsync("gov-button", { key: '0d4e9bae29391f47389abbc2ada9ca9edaa13b97', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : hAsync("gov-icon", { name: "x-lg", type: "components" })), hAsync("div", { key: 'a8cb56376d11503abe586598f330476a45f59c8e', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.govClose.emit(this.toastId);
@@ -9097,7 +9116,7 @@ class GovToast {
         "color": ["validateColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-toast",
         "$members$": {
             "color": [1],
@@ -9338,11 +9357,11 @@ class GovTooltip {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '034a9a50767f7963338e1f22ec9ff3f74770cc96', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: '7e21894e5b633276e4730b1e8c4e1868eb11892d', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+        return (hAsync(Host, { key: 'f64ba7c26358426ead39dadbb17687a39a4fb876', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: 'd51fc3b886df342fe8fbcaa9452be316658c24b2', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
                 if (this.persist === false) {
                     this.hideTooltip();
                 }
-            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, hAsync("slot", { key: '5366437869def70b687e9ee4fc4acda05a3138b3' }))));
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, hAsync("slot", { key: '6687d0562b3e99ea0e44ec97dadc5a2e085ff0a8' }))));
     }
     /**
      * Showing the modal
@@ -9365,7 +9384,7 @@ class GovTooltip {
         "message": ["rerenderMessage"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-tooltip",
         "$members$": {
             "color": [1],
@@ -9428,14 +9447,14 @@ class GovTooltipContent {
         }
     }
     render() {
-        return (hAsync(Host, { key: '8392d10d5011527087e4ae06876817cf57abcaf3', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: '2b068ab878ff4dff51ff93c656a0b6a6c8f9899b' }), this.persist ? (hAsync("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, hAsync("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
+        return (hAsync(Host, { key: 'a826527fe9f7851ad25f700156d987c1b29f3adc', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: 'd3891d8a3f3df7ee7f852db8485c7ecc2f61992c' }), this.persist ? (hAsync("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, hAsync("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
         "isVisible": ["visibleContent"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-tooltip-content",
         "$members$": {
             "color": [1],
@@ -9503,7 +9522,7 @@ class GovWizard {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '7b0c696c2703df0367b105c33adf273d22adb54e', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'c125243720a0a723d1f01a21607a0a8ec2c45647' })));
+        return (hAsync(Host, { key: '0b400b9a4f82a9477e87a314eb54928b66038912', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: '27f601048d97c94aca98594c98028209081b5690' })));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -9516,7 +9535,7 @@ class GovWizard {
         "size": ["validateSize"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-wizard",
         "$members$": {
             "size": [1],
@@ -9579,8 +9598,8 @@ class GovWizardItem {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
-        const prefixSlot = this.h.hasSlot("prefix") && (hAsync("span", { key: '29a8a14d2b78d6b1b9f28000b49a1b4db4218acf', class: WizardItemClass.prefix }, hAsync("slot", { key: '22c9d3c3865969b3f6b0385cdbaa53cd4b2913b4', name: "prefix" })));
-        return (hAsync(Host, { key: '6a20df539672c0c4d6ca6605644276e489c2fd0a', class: this.h.classes(WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, hAsync("div", { key: '016820266b853c6d9edfae4542cab1e1c1b82b94', class: WizardItemClass.header }, prefixSlot, this.collapsible ? (hAsync(Tag, { id: triggerId, class: this.h.classes(WizardItemClass.label), "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
+        const prefixSlot = this.h.hasSlot("prefix") && (hAsync("span", { key: '7a71f037abd3c10c7754b96089ca6d6ac9cdd9b8', class: WizardItemClass.prefix }, hAsync("slot", { key: '2098b7afb20be95e403b4306bc904828dd4a038e', name: "prefix" })));
+        return (hAsync(Host, { key: '2b152deb4456bad539e85ca2ccf815eefc0cb311', class: this.h.classes(WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, hAsync("div", { key: '8ad3628d1c591c3bb83c7aab740eb4f27b585cdb', class: WizardItemClass.header }, prefixSlot, this.collapsible ? (hAsync(Tag, { id: triggerId, class: this.h.classes(WizardItemClass.label), "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.toggle();
@@ -9618,7 +9637,7 @@ class GovWizardItem {
         "color": ["validateColor"]
     }; }
     static get cmpMeta() { return {
-        "$flags$": 260,
+        "$flags$": 4,
         "$tagName$": "gov-wizard-item",
         "$members$": {
             "color": [1],
@@ -9650,6 +9669,7 @@ registerComponents([
   GovButton,
   GovCard,
   GovChip,
+  GovCollapsible,
   GovContainer,
   GovControlGroup,
   GovCookiebar,
@@ -9799,7 +9819,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.36.2 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.33.1 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -10524,22 +10544,9 @@ function triggerEventListener(elm, ev) {
   } else if (elm.parentElement == null && elm.tagName === "HTML") {
     triggerEventListener(elm.ownerDocument, ev);
   } else {
-    const nextTarget = getNextEventTarget(elm, ev);
-    triggerEventListener(nextTarget, ev);
+    triggerEventListener(elm.parentElement, 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;
   triggerEventListener(currentTarget, ev);
@@ -20180,11 +20187,6 @@ 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;
@@ -20703,15 +20705,6 @@ 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;
@@ -20750,25 +20743,15 @@ 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() {
-    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");
-    }
+    dispatchEvent(
+      this,
+      new MockFocusEvent("blur", { relatedTarget: null, bubbles: true, cancelable: true, composed: true })
+    );
   }
   get localName() {
     if (!this.nodeName) {
@@ -21510,28 +21493,6 @@ 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 {