@gov-design-system-ce/components 4.1.1 → 4.1.3-BETA-1

package/dist/hydrate/index.js

@@ -2209,6 +2209,12 @@ var registerHost = (elm, cmpMeta) => {
   elm["s-rc"] = [];
   return hostRefs.set(elm, hostRef);
 };
+var Build = {
+  isDev: false,
+  isBrowser: false,
+  isServer: true,
+  isTesting: false
+};
 var styles = /* @__PURE__ */ new Map();
 
 async function delay(miliseconds) {
@@ -2779,7 +2785,7 @@ class GovAttachments {
     }; }
 }
 
-const govAttachmentsItemCss = ":root{--roboto:Roboto, sans-serif}gov-attachments-item,.gov-attachments-item{position:relative;display:flex;width:100%;gap:var(--spacing-s)}gov-attachments-item__messages>*:last-child,.gov-attachments-item__messages>*:last-child{margin-bottom:0 !important}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:var(--name-color, var(--text-primary))}gov-attachments-item__name span,.gov-attachments-item__name span{font-size:var(--font-size-xs);line-height:var(--height-line-xs);letter-spacing:0.0125rem;font-weight:400;color:var(--decor-color, var(--text-secondary))}";
+const govAttachmentsItemCss = "gov-attachments-item,.gov-attachments-item{position:relative;display:flex;width:100%;gap:var(--spacing-s)}gov-attachments-item__messages>*:last-child,.gov-attachments-item__messages>*:last-child{margin-bottom:0}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:var(--name-color, var(--text-primary))}gov-attachments-item__name span,.gov-attachments-item__name span{font-size:var(--font-size-xs);line-height:var(--height-line-xs);letter-spacing:0.0125rem;font-weight:400;color:var(--decor-color, var(--text-secondary))}";
 var GovAttachmentsItemStyle0 = govAttachmentsItemCss;
 
 class GovAttachmentsItem {
@@ -3160,17 +3166,20 @@ class GovButton {
     }; }
 }
 
+var CardDirection;
+(function (CardDirection) {
+    CardDirection["HORIZONTAL"] = "horizontal";
+    CardDirection["VERTICAL"] = "vertical";
+})(CardDirection || (CardDirection = {}));
 const CardClass = {
     root: 'gov-card',
     header: 'gov-card__header',
-    title: 'gov-card__title',
+    arrow: 'gov-card__arrow',
     inner: 'gov-card__inner',
     img: 'gov-card__img',
-    main: 'gov-card__main',
     icon: 'gov-card__icon',
-    btns: 'gov-card__btns',
+    content: 'gov-card__content',
     footer: 'gov-card__footer',
-    arrow: 'gov-card__arrow',
 };
 
 class GovCard {
@@ -3178,7 +3187,7 @@ class GovCard {
         registerInstance(this, hostRef);
         this.govToggle = createEvent(this, "gov-toggle", 7);
         this.hydrated = false;
-        this.promotion = false;
+        this.direction = "vertical";
         this.collapsible = false;
         this.open = true;
         this.accessibleTriggerLabel = undefined;
@@ -3197,7 +3206,7 @@ class GovCard {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: 'c7dd00e1eee01b7005b98b39ddfccf784dc2808e', class: this.h.classes(CardClass.root), open: this.open, collapsible: booleanString(this.collapsible), promotion: this.promotion, 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("div", { key: '369364ba24e3d93c1ac78a584dd1fd48c44b892b', class: CardClass.inner, id: this.contentId, "aria-hidden": this.collapsible ? booleanString(!this.open) : undefined, hidden: this.collapsible ? !this.open : undefined, "aria-labelledby": this.collapsible ? this.headlineId : undefined }, this.h.hasSlot('img') && (hAsync("p", { key: '813afe326da050fc90039355853617f267505fab', class: CardClass.img }, hAsync("slot", { key: '5817f673e65eeb32c5740c7524518d726a98364c', name: "img" }))), hAsync("div", { key: 'd47df9920b2ce96f2c535bb0bfd3723c2a7b7a9e', class: CardClass.main }, this.h.hasSlot('icon') && this.promotion && (hAsync("div", { key: 'c2649f05b9e7c25b7d77a02f692d45f0e30caa60', class: CardClass.icon }, hAsync("slot", { key: '9c5c54d2bf6c4a83bd6490b2ad7ef7a1ca9d53d5', name: "icon" }))), hAsync("slot", { key: '49608def955a9fa5f5c1ed957ca63bc698b9aeab' }), this.h.hasSlot('btn') && this.promotion && (hAsync("div", { key: '2bfc4a6c551fe33c4da625f800a796eb619746d3', class: CardClass.btns }, hAsync("slot", { key: '050552b970e6d16586f57ed3dab46e6fcff9d95b', name: "btn" })))), this.h.hasSlot('footer') && (hAsync("div", { key: '364cdbd90941b2e93cecc9742ff08479f82d0c14', class: CardClass.footer }, hAsync("slot", { key: '0352680a92293ddfe93c055b1d7e5555967f870b', name: "footer" }))))));
+        return (hAsync(Host, { key: '16ef4ffbb0a84bb231008f4f52a4ffe1f2f809d8', class: this.h.classes(CardClass.root), open: this.open, collapsible: booleanString(this.collapsible), 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("div", { key: '749f6e4b624f4cdda53d2e3433b451d56c742667', class: CardClass.inner, id: this.contentId, "aria-hidden": this.collapsible ? booleanString(!this.open) : undefined, hidden: this.collapsible ? !this.open : undefined, "aria-labelledby": this.collapsible ? this.headlineId : undefined }, this.h.hasSlot('img') && (hAsync("div", { key: 'f4b953ddf9b4f59bc111b512bb3de3510b28af7f', class: CardClass.img }, hAsync("slot", { key: '2867a29e49e67aff041ac0705527c5f76f4a019e', name: "img" }))), this.h.hasSlot('icon') && (hAsync("div", { key: '8c8e55d3faff7cfbd6abe698cd8801f7fc41dbad', class: CardClass.icon }, hAsync("slot", { key: '4d9eaeb0b3af65e4bf5de75090f9346942069e86', name: "icon" }))), hAsync("div", { key: '77a9a065fb2803b5f39f1b5716d9810c04b6971b', class: CardClass.content }, hAsync("slot", { key: 'acec7d3d4b6ac5533e5df218fe38e26147c440d8' })), this.h.hasSlot('footer') && (hAsync("div", { key: '1e63a0811f487e18cbbef8b045651c0e5b745f37', class: CardClass.footer }, hAsync("slot", { key: '4bffc12bffb3e29527aad38b6edbe8c00527a843', name: "footer" }))))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3219,7 +3228,7 @@ class GovCard {
         "$flags$": 4,
         "$tagName$": "gov-card",
         "$members$": {
-            "promotion": [4],
+            "direction": [1],
             "collapsible": [4],
             "open": [1540],
             "accessibleTriggerLabel": [1, "accessible-label"],
@@ -3317,11 +3326,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: 'cb016dddaaadd7de70e72707d7ad44e87a597a34', class: this.h.classes([
+        return (hAsync(Host, { key: '35148b293a6ae608eb1c4e0db06bbfff8b9fdca7', class: this.h.classes([
                 ChipClass.root,
                 this.h.hasSlot("right") ? ChipClass.hasRight : undefined,
                 this.h.hasSlot("left") ? ChipClass.hasLeft : undefined,
-            ]), disabled: this.disabled, href: this.href, color: this.color, type: this.type, size: this.size, hoverable: Tag == NativeType.A || Tag == NativeType.BUTTON, hydrated: this.hydrated }, hAsync(Tag, Object.assign({ key: 'd34d8a67eeb4b6d3f1b79118224a50f394e31003', 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: '1927da9845f36a47d30d7aef2e5292b0fd14a9e9', name: "left" }), hAsync("slot", { key: 'c8334498b94e4d3caa6f7db5e7ec638bbce52cbc', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '310fb65c135105ee26cc6d58f810768843700b0a', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '4a089b176703b5c600d2a519f90be655397d5f27' }), hAsync("slot", { key: '0dfede9f85605499bdbd09f43b642a1cee68fcf2', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: 'beb20c5691f2ed1a6cb556d440d72a86de280a73', type: iconEnd.type, name: iconEnd.name })), hAsync("slot", { key: '92e05b922fe474e259e18301eba6c13586794a1e', name: "right" }))));
+            ]), disabled: this.disabled, href: this.href, color: this.color, type: this.type, size: this.size, hoverable: Tag == NativeType.A || Tag == NativeType.BUTTON, hydrated: this.hydrated }, hAsync(Tag, Object.assign({ key: '01ba70f91c8be428f91ca4744d093e408dd5acbe', 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: '28acde76889a8b529dae69b1e55f5f3db51b8e25', name: "left" }), hAsync("slot", { key: '1c8fc171656757933a0bb0568a335ee11c09ce6f', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: 'b2e91ec6724f3ad50433c10597c44f50826dfcfe', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '0a37763084f9a0b7269efe6cc6ebd71161890861' }), hAsync("slot", { key: '5b37c8b8350ed2ead0a85d81ed0ba22295b3679e', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '22dfae0ca565fddaa10e6179dc7d0ef38839764f', type: iconEnd.type, name: iconEnd.name })), hAsync("slot", { key: 'fe177d273f38e81cc9ffc686c62e05bd466c1fe8', name: "right" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3381,7 +3390,7 @@ class GovContainer {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '72c32b930fe5a024a469c2d8170a7597e990e659', class: this.h.classes(ContainerClass.root) }, hAsync("slot", { key: 'a4ad5247d403cd17ba46529cc204c936b82dd97d' })));
+        return (hAsync(Host, { key: '0844c86e0eacd5f89bcfcad2b60e56da0097b506', class: this.h.classes(ContainerClass.root) }, hAsync("slot", { key: '5cd801a016968be5968a3598d3efa3b222953120' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -3411,7 +3420,7 @@ class GovControlGroup {
         validateProp(Colors, newValue, ControlGroupClass.root);
     }
     render() {
-        return (hAsync(Host, { key: 'e2a56a633370dd4172c9d0895b51b7138d0a19a0', class: this.h.classes(ControlGroupClass.root), color: this.color }, hAsync("slot", { key: '76d02cd85f4207a4e2f5a198e36d6ff53ee77e28' })));
+        return (hAsync(Host, { key: 'bee513bb064b3a276eaede7f93ed12b97edb7adb', class: this.h.classes(ControlGroupClass.root), color: this.color }, hAsync("slot", { key: 'adba55ccd38d432ae11fa4967996d8bcaf552427' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -3445,7 +3454,7 @@ class GovCookiebar {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '1955ae868b0e5255aea8ebc8e26146c4d973a75b', class: this.h.classes(CookieConsentClass.root) }, hAsync("div", { key: 'cec7976304269a18f2fd71ffb0e398c60e17c4d5', class: CookieConsentClass.content }, hAsync("slot", { key: 'f311694262ff0297c86ae435874f2108621bb7dc', name: "headline" }), hAsync("slot", { key: '7ea9f4b7e848bf3afa2039f5ec4ab14ce2573243' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (hAsync("div", { key: '9230c752f5fa798d7784406dc6d114c159c8aa6e', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (hAsync("div", { key: '324e807bcc4e867f6561723edbe4028bb484297f', class: CookieConsentClass.actionsPrimary }, hAsync("slot", { key: 'bf945e0d01c7497cd8575b01fd9be172968179cd', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (hAsync("div", { key: '8d836b11f057ec6840aa7ba62900dde267e9bdad', class: CookieConsentClass.actionsSecondary }, hAsync("slot", { key: '8b9144381a5e6b54017bd6fb6ffc9c56437b62d0', name: "actions-secondary" })))))));
+        return (hAsync(Host, { key: '311f0da16d86ab548e90e8f7be69d23d88a71ae4', class: this.h.classes(CookieConsentClass.root) }, hAsync("div", { key: 'f371e0bfa5ad8b2195aec2fd0c02f86fb81d58ff', class: CookieConsentClass.content }, hAsync("slot", { key: '96433ca7228d4bf61bfc6dc041bc519c83f56109', name: "headline" }), hAsync("slot", { key: '4fa8e397eba029f55329d0ca6d24044ae7c9a513' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (hAsync("div", { key: 'a1d5e5d03d8d89bceb65f45f75d7dc3d446d1b62', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (hAsync("div", { key: '4ee2b3b82b91bdfb3d87a7bc34e9b0d4e2fc4f33', class: CookieConsentClass.actionsPrimary }, hAsync("slot", { key: '7c0cbf9c5f334cffa4a4eb3f2af9a05bfc8af208', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (hAsync("div", { key: 'e40a9f403e994584f53df9e0d84e27aa08c849e2', class: CookieConsentClass.actionsSecondary }, hAsync("slot", { key: '5a2bc741413334a0f08bf2d17b94d1c51b5c3f69', name: "actions-secondary" })))))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -3518,7 +3527,7 @@ class GovDialog {
         document.body.classList.remove(DialogClass.bodyFix);
     }
     render() {
-        return (hAsync(Host, { key: 'fe34cd83c969ab539a47c4f851231085f34b21f6', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, hAsync("dialog", { key: 'd013f87f499635ed0d0f1cc016cc1e84410154b4', 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: '6018f61d5a335583dc05a0f8cdef6c4562977558', class: DialogClass.inner }, hAsync("div", { key: '9ab56eb94d92f67291b783ec8310fec2c3da9d33', class: DialogClass.header }, hAsync("slot", { key: 'b2248113ca181acbd9e0c960c4e7b13c3e114ae3', name: "icon" }), this.h.hasSlot('title') && (hAsync("span", { key: 'fce7d93f476553e3cc53c8dc987d65cb64538552', class: DialogClass.title, id: this.labelId }, hAsync("slot", { key: 'b151367fda2f5f87d6de3cabbf46cacc9d427f0f', name: "title" }))), hAsync("gov-button", { key: 'e3622dc8601452c2d52a5d17a611d27cd0d17e97', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { key: 'aa75b37c5aa82566d2e9f6b49351dba0550052de', slot: "icon-start", name: "x-lg", type: "components" }))), hAsync("div", { key: '608ac5fe732219559583cfb512d14b9221619a6b', class: DialogClass.content, id: this.contentId }, hAsync("slot", { key: 'cd93b5061448c1d4c4d2dece9a349a8fa11f6c28' })), this.h.hasSlot('footer') && (hAsync("div", { key: '759319b3fb204e9f8f869d3839fc3f91f42b494f', class: DialogClass.footer }, hAsync("slot", { key: '5937ba641d297c61645f6216d63656cd883e5280', 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: 'c3b65521da7837b81972262ecf614d3c12f14bb3', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, hAsync("dialog", { key: '98b6d6db6fc9bd35760c03586548cc8a2470752a', 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: 'a8517c656ef3d3e3cf17bc9914e268a20b0e0e4b', class: DialogClass.inner }, hAsync("div", { key: '3ba16e3bafe7936f0c0a999d45d5efdd64291ec3', class: DialogClass.header }, hAsync("slot", { key: '736a0a11d601e9f522e69369ffa0f276c9673803', name: "icon" }), this.h.hasSlot('title') && (hAsync("span", { key: '5505a53174c82c1faf73ed500c5672f2dc8ea83b', class: DialogClass.title, id: this.labelId }, hAsync("slot", { key: '391dd6236c23c14e62c8c97a94c5733409939c32', name: "title" }))), hAsync("gov-button", { key: '867505a691e69da09808350fc7eefb51974005ba', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { key: '6fe742ccf5aca7f27cac627373a338d46bbccfda', slot: "icon-start", name: "x-lg", type: "components" }))), hAsync("div", { key: '9d9d6a45d79215ba5415512405ce7577d6a1dc26', class: DialogClass.content, id: this.contentId }, hAsync("slot", { key: 'f9b32ee565586b3741c166a0aa14ca1d1c55f032' })), this.h.hasSlot('footer') && (hAsync("div", { key: '8628b46f0196f38f7d2f273f0860a7c6cee62655', class: DialogClass.footer }, hAsync("slot", { key: '0742967012eab82c36f9dfe0f3b43213be8bcd47', 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();
@@ -3729,7 +3738,7 @@ class GovEmpty {
         this.validateSize(this.size);
     }
     render() {
-        return (hAsync(Host, { key: '25d3813acc796b96c6e51aec4a55fc2efa725aa6', class: this.h.classes(EmptyClass.root), size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: '7fccad0fe25b57219f06cfbcf18a2f2bff19c905', name: "icon" })), hAsync("div", { key: 'a4cffd5e7175ba9273a5ea74ba622e2a577ba0fe', class: EmptyClass.content }, hAsync("slot", { key: '53fd435d43baa4841ecb5e3d5817efcb57433eab', name: "headline" }), hAsync("slot", { key: '314e7a0fd7a381dbc4a85da4df2082ce4946b7b5' }))));
+        return (hAsync(Host, { key: '3346bc91e4af67ca885ec89364d3caed0553f87c', class: this.h.classes(EmptyClass.root), size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: '6ae5bf19e792bc94fedaa9fe3a56cafa103356f4', name: "icon" })), hAsync("div", { key: '3cb5595ef6de22c590844902d5fe59a2066b0bf7', class: EmptyClass.content }, hAsync("slot", { key: 'dedf42aac4d7a4304a0eeeae7e5a7e1be8e4aac5', name: "headline" }), hAsync("slot", { key: '0d061d5b70d90c3bf6446ff78618e6506446bde2' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -3758,7 +3767,7 @@ class GovErrorCode {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '90ebeeb8f2e7ed539e7069a876aa1fe3027873fc', class: this.h.classes(ErrorCodeClass.root), align: "center" }, this.h.hasSlot('icon') && (hAsync("slot", { key: 'a31a15dd5276be32288c691d5bb7b8cf9d6615ab', name: "icon" })), hAsync("div", { key: '0dfc7905d1e515a7ecc1eba1dd3912cd32774ca3', class: ErrorCodeClass.content }, hAsync("slot", { key: '238e3ab94cf05880567e2ac2c54c9f9c572ff014', name: "headline" }), hAsync("slot", { key: '56519d70f3ab7b162e9e9a78bf7bfabef89a9b2d' }))));
+        return (hAsync(Host, { key: 'c47e051194598ee060955a36959d11340b66dadc', class: this.h.classes(ErrorCodeClass.root), align: "center" }, this.h.hasSlot('icon') && (hAsync("slot", { key: '510cdd27231b580403e76154d263af37877bd7b3', name: "icon" })), hAsync("div", { key: '1b65726c29093652b1f2b6470669cedb5b951c7b', class: ErrorCodeClass.content }, hAsync("slot", { key: 'd5fb45bfdfd4cc096e9f4ed213f0b50baaf225e6', name: "headline" }), hAsync("slot", { key: '1950c6c8b034319c3d499b3470b4a2e0e1c7855a' }))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -3784,10 +3793,11 @@ class GovFlex {
         this.wrap = undefined;
         this.alignContent = undefined;
         this.alignSelf = undefined;
+        this.gap = undefined;
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '77d5eb1db594698f6fde4bf497209912de71173f', class: this.h.classes(FlexClass.root) }, hAsync("slot", { key: '6c01ff6ec88c53dbf9e83d492f660c96e9e7fc2a' })));
+        return (hAsync(Host, { key: '08c1591134f0b5c95a18ac9e1d3723c12d9bc47b', class: this.h.classes(FlexClass.root) }, hAsync("slot", { key: 'b66fb8ffa35b0fb98eed3440a55a92a1bd97eb76' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -3799,11 +3809,12 @@ class GovFlex {
             "alignItems": [513, "align-items"],
             "wrap": [513],
             "alignContent": [513, "align-content"],
-            "alignSelf": [513, "align-self"]
+            "alignSelf": [513, "align-self"],
+            "gap": [513]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["justifyContent", "justify-content"], ["alignItems", "align-items"], ["wrap", "wrap"], ["alignContent", "align-content"], ["alignSelf", "align-self"]]
+        "$attrsToReflect$": [["justifyContent", "justify-content"], ["alignItems", "align-items"], ["wrap", "wrap"], ["alignContent", "align-content"], ["alignSelf", "align-self"], ["gap", "gap"]]
     }; }
 }
 
@@ -3960,7 +3971,7 @@ class GovFormAutocomplete {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '1914bf635c1c0bf169d6f45fe4dab9a2738d390a', class: FormAutocompleteClass.root, size: this.size }, hAsync("gov-form-input", Object.assign({ key: '75926414421d120acb5deea317d6d9afe11ddd11', 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: '1870810c9a7d6a258da3ec6d26e19cceef9da425', name: "validation-icon" }), hAsync("slot", { key: 'f6753deca157766fe66424d148a4416b1500e79e', name: "icon-end" })), hAsync("ul", { key: '4a63a2c01d13870b6e49392118f291f2e43e3a34', 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: 'a8bf269f28c969a01b9d6fd884b5e6dd253905f6', class: FormAutocompleteClass.root, size: this.size }, hAsync("gov-form-input", Object.assign({ key: '13797f47506657569fe824ecb8d82f54cdd7f62e', 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: 'aa60e7afc9f03418525f40f54989c56ac817a08a', name: "validation-icon" }), hAsync("slot", { key: 'fd1aa38d3f92793689e7238c4cc7b11fdb6d7c83', name: "icon-end" })), hAsync("ul", { key: 'f721a4bebd03c2837604e42d4ece440f2668e4db', 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)));
@@ -4435,7 +4446,7 @@ const FormCheckboxGroupClass = {
     root: 'gov-form-checkbox-group',
 };
 
-const govFormGroupCss$1 = ":root{--roboto:Roboto, sans-serif}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 !important;margin-bottom:0 !important;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-s-nudge))}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-m))}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-m-nudge))}";
+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-s-nudge))}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-m))}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-m-nudge))}";
 var GovFormCheckboxGroupStyle0 = govFormGroupCss$1;
 
 class GovFormCheckboxGroup {
@@ -4492,7 +4503,7 @@ class GovFormCheckboxGroup {
         });
     }
     render() {
-        return (hAsync(Host, { key: '9f0b69dea278df308a3ad5dacf989d4a89687b2a', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '14abf79a5ef9bc899b2732f6ae159781afa51fe2' })));
+        return (hAsync(Host, { key: '7f71876a9b72b688bb354a1477153bd8d1b5ad05', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '2b3ce2b04ab3a2e55128a6d8c00a1d41217061f6' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4559,7 +4570,7 @@ class GovFormControl {
     }
     render() {
         const Tag = this.fieldset ? "fieldset" : "div";
-        return (hAsync(Host, { key: '5d1b7313e297a68d4349290d98190e7a0e3039b2', size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { key: 'd4af40d1dcd012c374e0cd43a6d6777945b8e7d7', class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { key: 'd46ee92af80770af49c075387f534b9d538a7e39', name: "top" }), hAsync("slot", { key: 'ce46e5d88ca4a1069436d702b27ad0c5051e63b5' }), this.h.hasSlot("bottom") && (hAsync("div", { key: 'b9da32bf3ad735b0c8bc187fb32528c710e3383c', class: FormControlClass.bottom }, hAsync("slot", { key: '06f43763e2e0a88a2919e33d730898dd2048dcd0', name: "bottom" }))))));
+        return (hAsync(Host, { key: 'ca3d81a16858cbe4b2c06580cb2e9523a77191be', size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { key: '4b2bdfbc3c227b910660596d5815c70ef8fa22dd', class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { key: '21e1b5d8e989e6e4ecf9795a2d9d3ccd6dc29543', name: "top" }), hAsync("slot", { key: 'd2acefce44c05404f9d1ce224f7f259361423d82' }), this.h.hasSlot("bottom") && (hAsync("div", { key: 'e5c095ee40f41623e9f6a871e29724be42a8be8f', class: FormControlClass.bottom }, hAsync("slot", { key: '941873ca1268fca177d3ff92b10a205dea0faad3', name: "bottom" }))))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -4747,7 +4758,7 @@ class GovFormFile {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '30047bbc26c5d51b5e24a6e8ce33690b31fe3b1d', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { key: 'f99d4ee71f9126f9fc72acb6adf2ea964410d738', class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", { key: 'a280d44c9b649aa8ccdc48356a0173e183dbd3ee' }), hAsync("input", Object.assign({ key: '2abf8d4c1f0d9086fbe63d86f71c9cdc3e0867c3', 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) }))), 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: '92ee90aa5d8d28d310c0229ce513be88edafd68d', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { key: 'ada51c64168a7cb4dcb4f123e7f74fe401b63c82', class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", { key: '77a4e7096f1949c8c284b0d6607ffd96567669ef' }), hAsync("input", Object.assign({ key: '63382d1ccfc1254b9073923713677af25ed0fed3', 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) }))), 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));
     }
     onRemoveFileHandler(file) {
         const index = this.files.findIndex(item => item.id === file.id);
@@ -4861,7 +4872,7 @@ class GovFormGroup {
         this.validateOrientation(this.orientation);
     }
     render() {
-        return (hAsync(Host, { key: 'a6b2a022f3c8573fb1bb7424d6a5ac2dc54b101b', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, hAsync("slot", { key: 'e1b5f38d87e9f46f555e2fc3d247a9c3c10b5872' })));
+        return (hAsync(Host, { key: 'b7a379997ac1f4080471c42c23cad6f0ed055fd7', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, hAsync("slot", { key: 'a36809822e81913ec6c8cabdee9eaf64c9f9f471' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4965,11 +4976,11 @@ class GovFormInput {
     }
     render() {
         const Tag = this.multiline ? Tags$1.TEXTAREA : Tags$1.INPUT;
-        return (hAsync(Host, { key: '5210373fd88e2b80df5a4206c5b25b5695f2894b', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && hAsync("slot", { key: '9215c45132a4b9dc8fd0da79ef8d082dcce0789b', name: "prefix" }), hAsync("span", { key: 'e58ab94aa7926dbd8488ce8323b6c8dbec9ce765', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
-            hAsync("div", { key: '8e67ba10cfb47232f6c0d817df292668c2a4a7e8', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, hAsync("slot", { key: 'a186f1fbe47936219f6a6a26cb2d0c2b0dbe08f8', name: "icon-start" })), hAsync(Tag, Object.assign({ key: '1090f6e6705365ffc83b5397ad669638d996f5bd', 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: '49cb072b3448735677c47883d851557f107dd6cb', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
-                hAsync("gov-icon", { key: 'f00df3e88ba3a0d695bf9f33ddb51af7a8fb4a96', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
-                hAsync("gov-icon", { key: '523966e75d3f3d49eff396226673c3c96cf6de60', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && hAsync("slot", { key: 'b707c094fe32bf5864c66e40a95a22f2b27d79b3', 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: '945df71d1a6c3edd76769ae3310bdd33df694d2b', name: "sufix" })));
+        return (hAsync(Host, { key: '8b60864f0792fe1946d4b7cb6489cff0ffc767e1', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && hAsync("slot", { key: '4d5d0bb755acbb42033f572633e4969c8e6e8b36', name: "prefix" }), hAsync("span", { key: 'eaac4a690052077ca631ae1e9c69a65518a1902f', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
+            hAsync("div", { key: 'e8be567c923c023bce7d0ebf0cccff592ac15c5a', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, hAsync("slot", { key: '4c76013e8a7db99b43e7b8f426f3907d89708b5a', name: "icon-start" })), hAsync(Tag, Object.assign({ key: '22e1714e66085290e7fe984a4672512324143397', 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: '19ab7fe83fcecde7a506f21611fae64126464b88', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
+                hAsync("gov-icon", { key: '9dd7b8413b351d957a63f7df09aee8b6e3e0ac53', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
+                hAsync("gov-icon", { key: '06540c7f7cf3c0fbdab8b5a63aba35cf7a78df3a', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && hAsync("slot", { key: '8cb1103f101fa9bd5719f1657ae1a404fc3882f4', 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: '78308cfef71f34839d86af88df5dadb28c01adf1', name: "sufix" })));
     }
     onFocusHandler(e) {
         e.stopPropagation();
@@ -5101,7 +5112,7 @@ class GovFormLabel {
     }
     render() {
         const Tag = this.legend ? 'legend' : 'label';
-        return (hAsync(Host, { key: '3e02eaa899126807c31fac8d3b6f352a07a73a9d', class: FormLabelClass.root, size: this.size }, hAsync(Tag, { key: 'a1213cf879e26565c4c84d31ab6a46dac2a9ee4e', class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", { key: '46a6a39821d6f3f786b843c037b0b423ba2445ae' }), this.required ? hAsync("span", { class: "gov-color--error-500" }, "\u00A0*") : null)));
+        return (hAsync(Host, { key: '3f52c93a7721a458d430874b447421f7a5d30a41', class: FormLabelClass.root, size: this.size }, hAsync(Tag, { key: 'c122a9bce9b9a98b0c8c336190b70bc4bf5389cf', class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", { key: 'de892d47334dbd3448a33d18586c77248b08b036' }), this.required ? hAsync("span", { class: "gov-color--error-500" }, "\u00A0*") : null)));
     }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -5133,7 +5144,7 @@ class GovFormMessage {
         this.validateColor(this.color);
     }
     render() {
-        return (hAsync(Host, { key: '0fc757895a58267edf28d9139e460a14e664de04', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: 'bca8235bbaebcd7066efb8e8e3fdbff7ba8e011c', name: "icon" })), hAsync("span", { key: 'a0e46336d6a661bf6d6f2ee8f0cb89c967f5321d', id: this.messageId, class: FormMessageClass.content }, hAsync("slot", { key: '2e0e474f9f9d35fc5cda1db690d2b7b4e2addb68' }))));
+        return (hAsync(Host, { key: '86a59a0001123abc4ff9350657f71e4e4ac1b0c5', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: '94f919d5d79ab453be3cccab92e695c9a9a79276', name: "icon" })), hAsync("span", { key: 'e112ca627b1d4deef23eb1567bcbb014a82388d9', id: this.messageId, class: FormMessageClass.content }, hAsync("slot", { key: '1733f5e338c14f5d353a77266359033b42469eff' }))));
     }
     /**
      * Returns unique identifier of message
@@ -5322,11 +5333,11 @@ class GovFormMultiSelect {
         });
     }
     render() {
-        return (hAsync(Host, { key: '11352c6950674badb00870e18c17a031c81235df', class: FormMultiSelectClass.root, size: this.size }, hAsync("div", { key: 'edd74cbfbbf116700dfdcd7d33307c6416e2ad8c', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && hAsync("slot", { key: '6aa65aa9875527890bfecb2a1e6c56b2eb9ce827', name: "prefix" }), hAsync("gov-form-autocomplete", { key: '60c5065ccb09073c2e1ca17c329f980cda52761f', 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: '907aac2768a9bd5384326377fcad9e90795ff170', slot: "validation-icon", class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '7294050c2910097d6a316b37fdc1f571f3450f8a', slot: "validation-icon", class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: 'ac4474f517f8124831c22055e69d0eb45e6e2d4f', slot: "icon-end", class: "arrow-icon", name: "chevron-down", type: "components" })), hAsync("select", Object.assign({ key: '9437199c079132409bdbf0f932605474b885781e', 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: '59f4071b90b40ed6291b9180b5caa29101b5e95a' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (hAsync(Host, { key: 'e112f9d20d170e70616fd4f089b93dd040e737fa', class: FormMultiSelectClass.root, size: this.size }, hAsync("div", { key: 'ffc5af48051e7d24559e0c77a595b48e287771f5', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && hAsync("slot", { key: '3c22442cfbcb010f240a014ba7c9c48ec4522555', name: "prefix" }), hAsync("gov-form-autocomplete", { key: 'c02857a7ea06c203aa94b317837ea2c7c921b505', 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: '2b06057b6343fce21d08731f5a6675ffccfa3f6e', slot: "validation-icon", class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '6f33cb3764c0df058b0743ba617c950cf7909cdc', slot: "validation-icon", class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '05be66ee199dee177d0b18a7a6a59e25a724571f', slot: "icon-end", class: "arrow-icon", name: "chevron-down", type: "components" })), hAsync("select", Object.assign({ key: 'd50fe47c2c859561b8aba62e6d6dedd7bceed6ae', 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: 'cf2ebfd8dc2cdf49c3581ba0ba3fff959a50a221' }), 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: '0620c4ab3b9d9d122456f91cc3dd5cefd85e8bba', 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: 'dddc8a99daeb345be9d778ade22622ae9ed35769', 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, _b;
             const option = this.getOption(selected);
             if (!option)
@@ -5436,7 +5447,7 @@ class GovFormPasswordPower {
         this.power = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '9125566cb99bfc49e2e61edb5af71b5b052d6790', class: FormPasswordPowerClass.root }, hAsync("span", { key: 'b293292f3b8faca38bbbd6cb03fdd49d8601aab3', class: FormPasswordPowerClass.bar }, hAsync("span", { key: '20995fbc87342a8e0db8031b0ff23a9cb01b4068' }), hAsync("span", { key: '4fec375a3f27cc35025c165badbff731c8fb26ab' }), hAsync("span", { key: '426f641b8b8e179e25e8a1006a0afd0394615058' })), hAsync("span", { key: '7aeaf7222b484ad59084bb20fcbff4660cdcb1db', class: FormPasswordPowerClass.text }, hAsync("slot", { key: '57c3415c9b2dfc688ec5762c33cdad473b8110bd' }))));
+        return (hAsync(Host, { key: 'ca17606a7f29175d97da93daed3005a27b38d607', class: FormPasswordPowerClass.root }, hAsync("span", { key: 'b2b80382c10034b88adb971db02c7e3f901453ee', class: FormPasswordPowerClass.bar }, hAsync("span", { key: '0c0de35b5c257c175281792765d3fec89f5ee498' }), hAsync("span", { key: '92847bc51174d38543a2e0f9a1a7c3ba37fec6f4' }), hAsync("span", { key: '7cc7a9cbda4c54c4d1269874a1f8d2b91e533bad' })), hAsync("span", { key: 'de62cf845c51d870e4fa1b1b6156348be8460d6b', class: FormPasswordPowerClass.text }, hAsync("slot", { key: '8132df44d6ce3f83f89d1d45b34c182850663571' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -5581,7 +5592,7 @@ class GovFormRadio {
     }; }
 }
 
-const govFormGroupCss = ":root{--roboto:Roboto, sans-serif}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 !important;margin-bottom:0 !important;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-s-nudge))}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-m))}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-m-nudge))}";
+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-s-nudge))}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-m))}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-m-nudge))}";
 var GovFormRadioGroupStyle0 = govFormGroupCss;
 
 class GovFormRadioGroup {
@@ -5628,7 +5639,7 @@ class GovFormRadioGroup {
         });
     }
     render() {
-        return (hAsync(Host, { key: '5a9b1bd507ef9c0a57cdb25fb200ab6c9fb46604', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '34b587d61d716b51729431c52879b6fcd0285fee' })));
+        return (hAsync(Host, { key: '0526062e74e480edc22bdbbdf8c1f82a91ff463d', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: 'f11696b75d4f0c4bc72da3ca70d3111825edd36a' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -5663,7 +5674,7 @@ class GovFormSearch {
         this.color = 'neutral';
     }
     render() {
-        return (hAsync(Host, { key: '9d628d34bd6f19132ea398437faf9023a322bdcf', class: FormSearchClass.root, color: this.color, size: this.size }, hAsync("slot", { key: 'aa70625f5e6b754a18b36ad87634fe5be1a34fb7', name: "input" }), hAsync("slot", { key: 'd098e011406c85877131ee57c04bc9a3f05ded18', name: "button-erase" }), hAsync("slot", { key: '6a5226ae29cf22f4ec33ecf5604db44d8154d2fa', name: "button" })));
+        return (hAsync(Host, { key: '05f033c30dffd615b36b181535329704d46665ae', class: FormSearchClass.root, color: this.color, size: this.size }, hAsync("slot", { key: '7c7fb4e2d90ace38aef4b63454e1f9513903977c', name: "input" }), hAsync("slot", { key: '92484cbbbae29ba45bb963f80da8237d9406a91b', name: "button-erase" }), hAsync("slot", { key: '92ebb818ee922d790534ffb7816be400ff4a1f98', name: "button" })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -5755,10 +5766,10 @@ class GovFormSelect {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'b403868aaf854a9dc40f68cf093a8867cd20c4c4', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && hAsync("slot", { key: 'de3d0cb80bd3b33a9b23b60f91739f0e23fdab4a', name: "prefix" }), hAsync("span", { key: 'c501806b949bc6e1314922fce0ce088180fdebba', class: "element" }, hAsync("select", Object.assign({ key: '7c1a04a65e69edda672d70b101b430d3c6105543', 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: '0bd46e42f5e5267366088b9902a5ef8c6aa99064' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (hAsync(Host, { key: '1c2fb05a5cff0e1b1208130cc11568423f5a78a0', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && hAsync("slot", { key: '3dadb5773f1a2abe0c54f6ee45bb3a404fc99a5b', name: "prefix" }), hAsync("span", { key: '82bc3345147debd858c5f0eb4dd9c58faf168d5d', class: "element" }, hAsync("select", Object.assign({ key: 'ee77d1768a549faa0e94025eb5b08390c49d2d32', 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: '2c6e5a91381a7a9819b92aa7844a8d512aed9577' }), 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: '8e919bd8dd122618b2b0233c7b14c8def277540f', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '78610616be9cdf65e9bbc1359e27bc9003c8fc34', class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '56c1ca03e5b23154a93056bba8758553a5c93f30', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && hAsync("slot", { key: 'f3e3f1416d15a34402d446e6a72d0607cc8d90fc', name: "sufix" })));
+        })), this.success && hAsync("gov-icon", { key: 'b08abba818740a7250956bf03962fb86eade55c2', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '5b9c0a3e7f7b6b678880b2e17e43ae702fff023b', class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '8b9afa5ebf08b1dd680aac751f8a0559b83132fc', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && hAsync("slot", { key: '9178ca16301992f32c30f3609a388a2251d3bf85', name: "sufix" })));
     }
     onFocusHandler(e) {
         this.focused = true;
@@ -5979,7 +5990,7 @@ class GovGrid {
     }
     // vertical / horizontal align
     render() {
-        return (hAsync(Host, { key: '81e96a065c6472ae76e4768cf2b8373b94f0d0a4', class: this.h.classes(GridClass.root), "align-x": this.alignX, "align-y": this.alignY, role: "list" }, hAsync("slot", { key: 'c3965bafe6a5870352a7cded3fc96adfbeb41724' })));
+        return (hAsync(Host, { key: 'd2f4e42a186e0d8020abc96ef3ca0956e1492d05', class: this.h.classes(GridClass.root), "align-x": this.alignX, "align-y": this.alignY, role: "list" }, hAsync("slot", { key: '46c60ccdda81ce271aeaca46bead1bf33e22c041' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6006,7 +6017,7 @@ class GovGridItem {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: 'd830b7cb16e1ad4a07b5b5348c05434eb31a1f9e', class: this.h.classes(GridItemClass.root), role: "listitem", size: this.size, "size-sm": this.sizeSm, "size-md": this.sizeMd, "size-lg": this.sizeLg, "size-xl": this.sizeXl }, hAsync("slot", { key: '235bd47e47d94457cdbbf1d4530cf2e0bcddc4a3' })));
+        return (hAsync(Host, { key: 'e1dc6e3517618361ab3b5e3ad499a5bbbaae3d6a', class: this.h.classes(GridItemClass.root), role: "listitem", size: this.size, "size-sm": this.sizeSm, "size-md": this.sizeMd, "size-lg": this.sizeLg, "size-xl": this.sizeXl }, hAsync("slot", { key: '53780db95fa728f252302cb86923ad9e9fcd9b66' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6049,7 +6060,7 @@ const IconClass = {
     holder: 'gov-icon__holder',
 };
 
-const version = "4.1.1";
+const version = "4.1.3-BETA-1";
 
 const dsVersion = () => {
     return version;
@@ -6066,10 +6077,14 @@ const iconUrl = (path, name, type) => {
 };
 async function fetchIcon({ name, type }) {
     const cacheKey = type + "-" + name;
+    console.log('cacheKey', cacheKey);
+    console.log('iconCache[cacheKey]', iconCache, iconCache[cacheKey]);
     if (iconCache[cacheKey]) {
         return iconCache[cacheKey];
     }
+    console.log('requestCache[cacheKey]', requestCache, requestCache[cacheKey]);
     if (!requestCache[cacheKey]) {
+        console.log('iconUrl(iconsPath(), name, type)', iconUrl(iconsPath(), name, type));
         requestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {
             if (resp.status === 200) {
                 return resp.text();
@@ -6147,11 +6162,17 @@ class GovIcon {
         validateProp(IconColors, newValue, IconClass.root);
     }
     async loadIconPathData() {
+        const { name, visible } = this;
+        console.log('name, visible', name, visible);
+        console.log('Build.isBrowser', Build.isBrowser);
         {
+            console.log('return');
             return;
         }
     }
     connectedCallback() {
+        console.log('connectedCallback icon', this.name);
+        console.log('iconsLazyLoad()', iconsLazyLoad());
         if (iconsLazyLoad()) {
             this.visible = true;
             this.loadIconPathData().finally();
@@ -6164,12 +6185,14 @@ class GovIcon {
         }
     }
     disconnectedCallback() {
+        console.log('disconnectedCallback');
         if (this.intersectionObserver) {
             this.intersectionObserver.disconnect();
             this.intersectionObserver = null;
         }
     }
     async componentWillLoad() {
+        console.log('componentWillLoad');
         this.validateSize(this.size);
         this.validateColor(this.color);
         await this.loadIconPathData();
@@ -6183,6 +6206,7 @@ class GovIcon {
     async loadIcon() {
         try {
             const { name, type } = this;
+            console.log('loadIcon -> name, type', name, type);
             const data = await fetchIcon({ name, type });
             const isValid = isValidSVG(data);
             this.host.innerHTML = isValid ? data : null;
@@ -6271,8 +6295,8 @@ class GovInfobar {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        const closeButton = (hAsync("gov-button", { key: '4569d98296984f33ff83947f92a95a0a3bf0d3e3', 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: 'aafcdbde7ca0e13d9e733036da6cc6085143966d', name: "x-lg", type: "components" })));
-        return (hAsync(Host, { key: '9b558a0c786862d032ed6fb5d274fc0c3cdae617', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: '9bded4750afdfef6ace0e5a39be2d6283b30d725', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), hAsync("slot", { key: '011f9d52f9f971a560fd0220be40b5a221a5f4b3', name: "icon" }), hAsync("div", { key: 'd613d4ab22f89da935fe60b866ea262802c5d18f', 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: '2d0597a56f6edb97e7feff654ba98885fa48033a', 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: 'c17ba542b02a4910a136eec6cb4556d1857dffb2', name: "x-lg", type: "components" })));
+        return (hAsync(Host, { key: 'd71d1b8ffe158de90f3fb520bd996a8246988d3d', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: '12cce82faa13fa39135fe92b0ab61bc2b01fa083', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), hAsync("slot", { key: 'bc48d4e5dfad03cd9c54054225a4c3db0ec09cd9', name: "icon" }), hAsync("div", { key: '70422e59cb69504d1aca5d45b9f9700b35b344f0', 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({
@@ -6341,7 +6365,7 @@ class GovLayout {
         return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
     }
     render() {
-        return (hAsync(Host, { key: 'ba8fc53df2f13fcf8b87f25f073d0284b68b0a3a', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: 'f645a9b32495c4fc1c0c86a0078c78c4bc00a1e8', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: '5b0d1a3a137a8fe3bb90ae5dff2dbc179575af56' }))));
+        return (hAsync(Host, { key: 'c35fc39e07229363bdf36be5856165e7e8eb7985', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: 'dc50cf9cba8bd4e879291fddfbd41955f2d10330', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: '017a329c119529d3893e187b6a8bbccfbbc76679' }))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6364,7 +6388,7 @@ class GovLayoutColumn {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '8566cc892984b1ce728c679107e228d8320f3048', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: 'e3a085ef568fa75ef813b775344adbd6f4ef2773' })));
+        return (hAsync(Host, { key: 'ebef4ca76b1308a566c862b5a49eecf1eb3fce99', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: 'aaeefeb1a56b294d91b1327fd52eb16486cfb918' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6410,7 +6434,7 @@ class GovLifecycle {
         console.log('componentDidUpdate', this.uniqueId);
     }
     render() {
-        return (hAsync(Host, { key: '7bd4b9b30b6fe4e1732232fa4e70d66756c2139d', identifier: this.uniqueId }, hAsync("span", { key: '70d6b8d178133ee89b795c4018687c7afb2576f0' }, "lifecycle ", this.uniqueId)));
+        return (hAsync(Host, { key: '506eabaae01ae888fa838c10572e55bbe6fb7015', identifier: this.uniqueId }, hAsync("span", { key: '7604a29214fdffb1a470d83d7db37a583e5072ed' }, "lifecycle ", this.uniqueId)));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -6449,7 +6473,7 @@ class GovLink {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '8723fc6fc0cf3faf4a0fb48b38ad2f0d0a21704b', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, hAsync("a", Object.assign({ key: '1bfe7837dab38690789ec818f6134a50a93d1e4e', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), hAsync("slot", { key: '96d6ce9e164a8fa5b6d5c115d52988bdfff3eceb', name: "icon-start" }), hAsync("slot", { key: 'bcc373fec9e7e159c6b31a2ad846dd929d189d1e' }), this.external ? hAsync("gov-icon", { name: "box-arrow-up-right", type: "components" }) : hAsync("slot", { name: "icon-end" }))));
+        return (hAsync(Host, { key: '233af48c179501fe03ee2e5931806e1955913b59', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, hAsync("a", Object.assign({ key: '679067805205d76500979620b1ef4405139bb339', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), hAsync("slot", { key: 'd24c4ab99451f317a453c8131bd0506606322553', name: "icon-start" }), hAsync("slot", { key: '276923f48cdc13985115e8d4e8860a2fb0c692e2' }), this.external ? hAsync("gov-icon", { name: "box-arrow-up-right", type: "components" }) : hAsync("slot", { name: "icon-end" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6491,7 +6515,7 @@ class GovLoading {
         this.validateSize(this.size);
     }
     render() {
-        return (hAsync(Host, { key: '3f7cec1f98aa0c68f42eb3049ae8d34270e17258', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: '9ad1ca86b0221f2668f47eb72c080e9ecd05ed68', class: LoadingClass.content }, hAsync("gov-icon", { key: '5d75c634386c8226c553b787355b29b0581601c5', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: '99ff7f6f1c8bd8135959ea36bc484eab6c9a4b6b' })), hAsync("gov-backdrop", { key: 'dcaa2ab6dbcca347d5934df52e0f4989701c0259', inverse: true })));
+        return (hAsync(Host, { key: '4c33339523674f2f2415dfb326131858de9eecf9', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: '8c25628dd3072fd89665ccfedb9596383181b13d', class: LoadingClass.content }, hAsync("gov-icon", { key: 'a9969874350b5316c61a94b12d41a0130eeded0f', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: '14c716ecc352a0d947a6e3d932d2ab9075dedb97' })), hAsync("gov-backdrop", { key: '507610e5a61b34be2166fb4a30539a134dc1b262', inverse: true })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6531,7 +6555,7 @@ class GovMessage {
         validateProp(Colors, newValue, MessageClass.root);
     }
     render() {
-        return (hAsync(Host, { key: 'e9250a61d94bf14a9d32eef5a69a9347df89a1e2', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("slot", { key: '00a69ab91656245790d88c02cbaa14d365f48140', name: "icon" })), hAsync("div", { key: 'c95cb839c2f24f744aff2a9580c44c18102d1fc9', class: MessageClass.content }, hAsync("slot", { key: '71d8d21cff90b5498940d99947d62fec1f400f1e' }))));
+        return (hAsync(Host, { key: 'b9e06c8f94940edf9d2c60119c35ec32baa23fc9', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("slot", { key: 'd478f414de8eaa276cc867ae5bb325c1090b08ac', name: "icon" })), hAsync("div", { key: 'd5a113ca4061b445c583fb1b4f22fff594570b1e', class: MessageClass.content }, hAsync("slot", { key: 'e9be2f4ff3603c5f77d46e042455174e6ccfb7be' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6855,7 +6879,7 @@ class GovSkeleton {
         return Object.assign({}, dimenssionsStyles);
     }
     render() {
-        return (hAsync(Host, Object.assign({ key: '9e026075a3ee04f09546bb686ec04309374da466', size: this.size, color: this.color, class: {
+        return (hAsync(Host, Object.assign({ key: '175dad78f57ee2e44fe3097e0595f59254e1003b', size: this.size, color: this.color, class: {
                 [SkeletonClass.root]: true,
                 circle: this.shape === "circle",
                 line: this.shape === "line",
@@ -6918,7 +6942,7 @@ class GovSpacer {
         this.validateBreakpoint(this.breakpoint);
     }
     render() {
-        return hAsync(Host, { key: '49415f0b2a4bfb25ececcd115bd1e8bfad250938', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+        return hAsync(Host, { key: '23aedb7f3b112a356319aba076eedf9a4743e25b', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6980,7 +7004,7 @@ class GovStepper {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '208bca5b06fce13b8f87f0cc4497860c01d2d56b', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'a0ec9b8b5e03062e4b9547cb9fbfc73fddaa0519' })));
+        return (hAsync(Host, { key: '0815470dbe86e888ab922139e6f02347f89f4700', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: '2585c79a48236a8c2d333a437beb4d7f1d9d9d6c' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7022,7 +7046,7 @@ class GovStepperItem {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const contentId = this.contentId;
-        return (hAsync(Host, { key: 'f722a022748d8fcb4ca0a27108a7e2e2980a1602', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (hAsync("span", { key: 'eed745cace26ca1d31c6441dd7be76d3dfa6bd4c', class: StepperItemClass.prefix }, hAsync("slot", { key: 'd5cab6411231cd082468bcc5c244ee75e0dba147', name: "prefix" }))), hAsync("div", { key: 'c13c92aa7890f8406eb5870caa93d186801c0a75' }, hAsync("span", { key: 'ad456eb4699a3d32dfa2d5d477bd346cb1814473', class: StepperItemClass.headline }, hAsync("slot", { key: '0dfdb036dcc108943be0795269e7e0b5f8ac0a29', name: "headline" })), hAsync("slot", { key: '24220b19c2f3c6af35407da423bb1900dc363db8', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: '2bdd3feeaeafdcf73534bfadb5ff29d90eb9e037', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: 'f2f70633c3c2adcc7bd407a23863e0a6fba5ec89', name: "content" }))))));
+        return (hAsync(Host, { key: 'c24400b8ee5917005e6e3a21f47024c7ebad2960', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (hAsync("span", { key: '010401daa60b44eed322de007fdd6e4ca035ff8d', class: StepperItemClass.prefix }, hAsync("slot", { key: '27287e54365c7e72e01dd21f8d07f7144dc03f3c', name: "prefix" }))), hAsync("div", { key: 'b50e23ee80b270bb5bb781c46e2cf2de73cad1bb' }, hAsync("span", { key: '84500822ca2e529bff5e5cf4eb7ac7c9f0fc9d97', class: StepperItemClass.headline }, hAsync("slot", { key: '18410e07be87715a96540789a82403bfab45e55c', name: "headline" })), hAsync("slot", { key: 'dd2c20b9f07d2bcbf4223eca8de0d7592d178e86', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: 'cd34d17b5a14816dd91ee84f91a14217952bcfe5', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: 'c90f411f8d63c6381f55a0e6ac819369a9bfd2e5', name: "content" }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7173,7 +7197,7 @@ class GovTabs {
         });
     }
     render() {
-        return (hAsync(Host, { key: '75a6dc2d1bb8afb13e3d63b44bdd00e230a49fe6', 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: '1fc7ff9eafaaab713727787a1bb0c7364ad3cf4e', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: '82a67f585c9a394175bb64be57e669d886b3d4f6', 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", 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: '8af7e27c0410ba9a4c0f79a1c44275e5811e9463' })));
+        return (hAsync(Host, { key: '4efcbedcc355a74456cc899bc48c7aaf8c604c12', 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: 'a64d1a7cadd5950ebc687c3f3d741ea0a59a3684', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: 'adab5148c97b041e11f3e7d11a4d87492df5320a', 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", 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: '2a3720ce9449d62ecd1d58bac806bf356d37375a' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;
@@ -7306,7 +7330,7 @@ class GovTabsItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '7cf18cf8a10a4c03dd51922e31e18dac86aa217d', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: '3a707d9494c5055c3763f4cdf840522fae5e7a2a', 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: '289b661851fc6d68a5d6dd376a6e31b691e25aea' }))));
+        return (hAsync(Host, { key: '89b01b0d025a89f89085dba24db6b8fadcd97e68', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: '8868371d0da63c1727c8b3a55b930a4d0ce30a3c', 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: '0d47bea8c416b1c57aac006f9eea9101ade9427d' }))));
     }
     /**
      * Returns a unique tab content identifier
@@ -7378,6 +7402,7 @@ class GovTag {
         this.size = TagSizes._S;
         this.color = ButtonColors.PRIMARY;
         this.type = undefined;
+        this.expanded = false;
         this.h = govHost(this.host);
     }
     validateColor(newValue) {
@@ -7393,7 +7418,7 @@ class GovTag {
     render() {
         const iconStart = prepareIconFormat(this.iconStart);
         const iconEnd = prepareIconFormat(this.iconEnd);
-        return (hAsync(Host, { key: 'c883cf9721b32aa8c06609bf09272ef196456e18', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: '614f39f6f1004d6c3ee1d0f13990a4e52dee66bc', class: "element" }, hAsync("slot", { key: 'f7d4dc9576768e917a363bc7cafa86567213ea82', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '8d57b52a0314e8d76461872116b4ce04e546c180', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '4cd134377c3ea7843aa899b0a2962aa19f5d569e' }), hAsync("slot", { key: '4dc1cccaced24ef26bb15e648788590a4b7d1838', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '7946e18900c98bdff4c610813b2422bf75b30049', type: iconEnd.type, name: iconEnd.name })))));
+        return (hAsync(Host, { key: '8865709f2568a754160000138f413f352409e248', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: '4ae6dc1d60a207510de61c2391af9eb268dd3588', class: "element" }, hAsync("slot", { key: 'f08057eb346b918d1be45ad7561a71bac54237aa', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '37554fce04335c45bb724efeb5e7701513336b7b', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: 'b66970bf42b9fd9217cb2e3a03c2f47c608b14a5' }), hAsync("slot", { key: '85bf0010dac55b808bba5a442d977e8538f93d3a', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '70bf541bac6a69871618cb520c7008099aa6f341', type: iconEnd.type, name: iconEnd.name })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7408,11 +7433,12 @@ class GovTag {
             "iconEnd": [1, "icon-end"],
             "size": [513],
             "color": [513],
-            "type": [513]
+            "type": [513],
+            "expanded": [516]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["size", "size"], ["color", "color"], ["type", "type"]]
+        "$attrsToReflect$": [["size", "size"], ["color", "color"], ["type", "type"], ["expanded", "expanded"]]
     }; }
 }
 
@@ -7422,8 +7448,6 @@ const ThemeSwitchClass = {
     indicator: 'gov-theme-switch__indicator',
     iconLight: 'gov-theme-switch__icon-light',
     iconDark: 'gov-theme-switch__icon-dark',
-    labelLight: 'gov-theme-switch__label-light',
-    labelDark: 'gov-theme-switch__label-dark',
 };
 const ATTRIBUTE_THEME_NAME = 'data-theme';
 
@@ -7447,10 +7471,11 @@ class GovThemeSwitch {
             });
         };
         this.size = "m";
-        this.ariaLabelLight = undefined;
-        this.ariaLabelDark = undefined;
-        this.labelLight = undefined;
-        this.labelDark = undefined;
+        this.displayLabel = false;
+        this.ariaLabelLight = "Přenout na tmavý mód";
+        this.ariaLabelDark = "Přepnout na světlý mód";
+        this.labelLight = "Světlý mód";
+        this.labelDark = "Tmavý mód";
         this.theme = ThemeList.auto;
         this.h = govHost(this.host);
     }
@@ -7495,7 +7520,7 @@ class GovThemeSwitch {
         if (this.theme === ThemeList.auto) {
             isDark = this.isSystemPrefersColorDark;
         }
-        return (hAsync(Host, { key: 'a83f030f54527f8e8a2d23c3769f3f1b41c4af4f', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: '54f8337d911cf64f24c8db089b9092b806c3a926', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-label": isDark ? this.ariaLabelLight : this.ariaLabelDark }, hAsync("span", { key: '483310b54df8e8de42c087f04b7e0758067c22b8' }, hAsync("span", { key: '88b822cac4b5dc3897fa19252b5b1e1a559b8d6d', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: 'f6f162cda66facba8940ba55f7f3283e7796d157', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: 'b36b009c1787e37a3fd5108618c6bb5993f97a23', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), hAsync("gov-form-label", { key: 'dff2b2b454a87faa1d7e471d2a271c333c983aad', class: ThemeSwitchClass.labelLight, size: this.size }, this.labelLight), hAsync("gov-form-label", { key: '1b682ccaff92cc4cfe8462ff2a59507fd61b114b', class: ThemeSwitchClass.labelDark, size: this.size }, this.labelDark)))));
+        return (hAsync(Host, { key: '784ed0513ea1436bb754dc82691646422789783b', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: 'd4abc155a8ae8f07d0a49c378e295c3ab57318d4', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, hAsync("span", { key: '7f713875d5618acc919702cdc60e9db58dfb9db5' }, hAsync("span", { key: '0b57c0153047ef292b6bdc43b49e5a1a9cdc17e1', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: 'ae2c751435a2bc9c1e9f8dfa4ca52e13943ada9b', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: '7a4ee602a37742ab94dcee47a7c4970d5dce5bb6', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel && (isDark ? this.labelDark : this.labelLight)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7507,6 +7532,7 @@ class GovThemeSwitch {
         "$tagName$": "gov-theme-switch",
         "$members$": {
             "size": [1],
+            "displayLabel": [4, "display-label"],
             "ariaLabelLight": [1, "aria-label-light"],
             "ariaLabelDark": [1, "aria-label-dark"],
             "labelLight": [1, "label-light"],
@@ -7541,7 +7567,7 @@ class GovTile {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '3fd4f5bb8f7cdcdb5a6bbed610ed4ab6ec2837f5', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: '97179af17c8f8b16de49ca36a7c548d20e53cbdf', name: "icon" }), hAsync("div", { key: 'a60a8e60effd1337cc11c5afb347ab395673d724', class: TileClass.content }, hAsync("div", { key: 'b27682c73305417442d9ebfd27e02cc80d10034c', class: TileClass.text }, hAsync("div", { key: '0c891f670607dde529d5ef6b1c86a843b7600a30', 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: 'dcb5f3be57fa6ebaa507c12c9394f1b12837856e', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: 'c3b7fe9ef111769219f1d915929112fe083927c8' }))), hAsync("slot", { key: '98173ea276fedd176720b79e5a55b3b2d5272536', name: "button" }))));
+        return (hAsync(Host, { key: 'c766f3d54f15e5a49a877fa2e67593d084f487f7', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: 'd07b106d781fead65a124c82d11ebe991fddfece', name: "icon" }), hAsync("div", { key: 'eeee0397b4384a473f3782750d1e04f0c8c7894d', class: TileClass.content }, hAsync("div", { key: 'f4081902e55b964b1ebbdd43f7b189f83dce8690', class: TileClass.text }, hAsync("div", { key: '3bf8cf35db6f667de7c278786787e38b1392a5b2', 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: '088f60531285a1457277352a011766f809d9280d', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: '8d4a612e3aff054a60ec1030eb5a28903595ea6a' }))), hAsync("slot", { key: 'f7610d06a6d951b3a24f2e129342bb82c5e9d767', name: "button" }))));
     }
     /**
      * Returns a clickable element instance
@@ -7578,7 +7604,7 @@ class GovTiles {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: 'edb08ecaceb976d51978baf7ba3779d7e4e333cc', class: this.h.classes(TilesClass.root) }, hAsync("slot", { key: 'a4aa065a8e108b9ceb692c264dec8c4fc559f80e' })));
+        return (hAsync(Host, { key: '18eb380e2fe62b54a90c5c758c62c985107c98d4', class: this.h.classes(TilesClass.root) }, hAsync("slot", { key: '9746ede80d0daa8776208afb5cef44b7adb0d7fc' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -7657,7 +7683,7 @@ class GovToast {
         }
     }
     render() {
-        return (hAsync(Host, { key: '897da92a579e5854078657783d54c4fcca1f0311', 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: '50b2dde54f6e566f95c81bbd5dd6c27870338a70', class: ToastClass.icon }, hAsync("slot", { key: 'f47d01268f3098f56b064fc41dc18bab64771073', name: "icon" }))), hAsync("div", Object.assign({ key: '4e508603bd41bc5375ecf2d84e5a1df239fcc6c4', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: 'ff7e107c1486319621a1832bdcc0387f56dc56db' })), hAsync("gov-button", { key: 'dfe2964f40d66df0335219b9bc66f5a316ecf8ca', 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: '5f0c872a74f8cac07431903519ecc191322d4397', class: ToastClass.timer })));
+        return (hAsync(Host, { key: '632972ed59aac0d696428d6f32e6c99615ccf687', 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: 'da93a05f1976eeb4e356160fd0daea409b836a05', class: ToastClass.icon }, hAsync("slot", { key: 'd374f5dea570b27643d960e65d0d5b2c710cb2b4', name: "icon" }))), hAsync("div", Object.assign({ key: '1680aff627c809348ae7812ab72a34dbad33a368', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: '8208b697e9fbefd964a17c6bfdb06d3a5ff9d2f2' })), hAsync("gov-button", { key: '9f05e19a672f66c2203a5556370e12e2ce7819f7', 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: 'a954d22ce3a0e06e2d17aa14903dae7264d9e03c', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.govClose.emit(this.toastId);
@@ -7914,11 +7940,11 @@ class GovTooltip {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: 'bc4cfa206b2e4060ca6070f0d4796df1a5df1bfc', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: '8ce3bf37e9ab13190c476db7cf47b7d0319719fe', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+        return (hAsync(Host, { key: '2e96da1a9d7afd70abb4ffd2e979210cc179680e', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: '9c9c06d716556faa56f5ba9a952ea867c5533b2b', 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: 'c622fcd797a2c0dd303395d2d6391fbc747e4d18' }))));
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, hAsync("slot", { key: '29549049c0bfbe311980aa6a630ff9eff8e35f40' }))));
     }
     /**
      * Showing the modal
@@ -7989,7 +8015,7 @@ class GovTooltipContent {
         }
     }
     render() {
-        return (hAsync(Host, { key: '9775080ab420c435e879ee1516f16bd7fb35f18d', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: 'b5a4adc4ff5ce735d2c1d3688a031e08cb8a97a1' }), 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: '965998f4788ddd5dffd01b53073a001023cd9037', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: 'fe9d1ee13a11077947492341836f8f25c1f8881f' }), 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 {
@@ -8063,7 +8089,7 @@ class GovWizard {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '3aa896212e044cc3952da66a72b1ca7a708ea0b3', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'aeb21d97bb87dd3c9b5cd01abe2482c39e2ba8cf' })));
+        return (hAsync(Host, { key: 'd75ce2d5499cef41ac6b316f313b0c5c446d0b55', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'ea151639d058fa4e50427a893fa167969a453d39' })));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -8125,8 +8151,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: '5b4e2b9c66285827959d4df9801cef2b8de29764', class: WizardItemClass.prefix }, hAsync("slot", { key: '6ffa576fe3be8febb899186208d8aa7ae1fecd96', name: "prefix" })));
-        return (hAsync(Host, { key: '60fd0ec72cb212f73dddeec698c2003117b1fc02', 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: '02e7e16d0d559a3fd3f88a85b23d6263dfb3eeb8', 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: 'abdd15cfa834f393b29335ea2bda28cd1dfeef46', class: WizardItemClass.prefix }, hAsync("slot", { key: '123c495809091879ab3d985b9bcb4a22005e4b75', name: "prefix" })));
+        return (hAsync(Host, { key: '463384ea408a20992bf6f30f142fce7146fabf53', 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: '0b60621607cd8c48fe05fd1755f9f7b8514d425d', 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();