@gov-design-system-ce/components 4.2.0 → 4.2.1

package/dist/hydrate/index.mjs

@@ -2687,6 +2687,7 @@ const hasOwnProperty = (obj, prop) => {
 };
 const isObject = (obj) => typeof obj === 'object';
 const isString = (input) => is(input) && typeof input === 'string';
+const isNumber = (input) => is(input) && typeof input === 'number';
 
 const validateWcagProp = (value, propName, component) => {
     if (value === undefined || String(value).length === 0) {
@@ -2892,33 +2893,38 @@ class GovBanner {
         this.background = BannerBackground.SIMPLE;
         this.foreground = BannerForeground.LOGO;
         this.textColor = BannerTextColor.LIGHT;
-        this.accessibleLabel = undefined;
-        this.accessibleLabelledBy = undefined;
         this.h = govHost(this.host);
     }
     validateSize(newValue) {
         validateProp(BannerSizes, newValue, BannerClass.root);
     }
+    validateBackground(newValue) {
+        validateProp(BannerBackground, newValue, BannerClass.root);
+    }
+    validateForeground(newValue) {
+        validateProp(BannerForeground, newValue, BannerClass.root);
+    }
+    validateTextColor(newValue) {
+        validateProp(BannerTextColor, newValue, BannerClass.root);
+    }
     componentWillLoad() {
         this.validateSize(this.size);
-    }
-    async componentDidRender() {
-        if (canValidateWcagOnRender()) {
-            tick(() => this.validateAccessibility());
-        }
+        this.validateBackground(this.background);
+        this.validateForeground(this.foreground);
+        this.validateTextColor(this.textColor);
     }
     render() {
-        return (hAsync(Host, Object.assign({ key: '2e74fec76a2919885f1ffcf0d5b5b43f4da9634f', class: this.h.classes(BannerClass.root), size: this.size }, (this.size !== "xl" ? { background: this.background, foreground: this.foreground } : { 'text-color': this.textColor })), hAsync("div", { key: 'e96d0155618a4d8703869f9d41a16e6dca148d8f' }, hAsync("div", { key: '1ca80fec0a9918753727bdbbde993c650f464e44', class: BannerClass.content }, hAsync("slot", { key: '6649fb9ad5c08b9cb7fe44a633fbdf8a7c1070cf', name: "headline" }), hAsync("slot", { key: '615031f7ca60d053f08822a497d59cb123103bae' })), this.h.hasSlot('button') && (hAsync("gov-button", { key: '256dcef6425d21dfd6ea47b2dc9dbcfe2bbc0a19', color: "secondary", type: "solid", size: "l" }, hAsync("slot", { key: '2553414cc5541ec8f4e8d22d4cd394d9d57f40ef', name: "button" })))), hAsync("slot", { key: 'b87320fc0d4ea2415f2c2e3565942fd8944c8f7c', name: "image" })));
-    }
-    /**
-     * Validate the accessibility attributes of the component
-     */
-    async validateAccessibility() {
-        validateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BannerClass.root, this.host);
+        return (hAsync(Host, Object.assign({ key: '67c767ffc6ac1912bb691c8bb11158dac573e70f', class: this.h.classes(BannerClass.root), role: "region", size: this.size }, (this.size !== "xl" ? {
+            background: this.background,
+            foreground: this.foreground
+        } : { 'text-color': this.textColor })), hAsync("div", { key: '624b24b1e621ef7f7ad4666b56f48ffec9881aee' }, hAsync("div", { key: '90b322dca74ca90be13489d519534ebff0656593', class: BannerClass.content }, hAsync("slot", { key: '272f89cbe0649af7edfd7230861f6232272c8da4', name: "headline" }), hAsync("slot", { key: '1bfa7690842ba1a023af5b7da4edec5acb6c65fe' })), this.h.hasSlot('button') && (hAsync("slot", { key: '5d9611292a76aee4654b16429a89fd46ad610884', name: "button" }))), hAsync("slot", { key: '00000b185434b0d85112beaa2374c7f7b12c19b0', name: "image" })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "size": ["validateSize"]
+        "size": ["validateSize"],
+        "background": ["validateBackground"],
+        "foreground": ["validateForeground"],
+        "text-color": ["validateTextColor"]
     }; }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -2927,10 +2933,7 @@ class GovBanner {
             "size": [513],
             "background": [1],
             "foreground": [1],
-            "textColor": [1, "text-color"],
-            "accessibleLabel": [1, "accessible-label"],
-            "accessibleLabelledBy": [1, "accessible-labelledby"],
-            "validateAccessibility": [64]
+            "textColor": [1, "text-color"]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -2956,7 +2959,7 @@ class GovBlockquote {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '2d6d6f8731e3cf3a7697b1e5c9cb9628b120a9c0', class: this.h.classes(BlockquoteClass.root), type: this.type }, hAsync("gov-icon", { key: 'a34dc43b0a8336830f7f8bd49a04f3fd36ccac5d', type: "components", name: "quote", size: "3xl" }), hAsync("blockquote", { key: '1f74006947ad7d8d90ea3425be7d8f66291dbfc5', cite: this.cite }, hAsync("slot", { key: '1e0413bfdcfec33d487998f88407b000d2cbd376' })), hAsync("slot", { key: '9c61d787603bf343546af51e25ac9b6ad47191e9', name: "image" }), hAsync("slot", { key: '7f7956a01aef3d1fe2ecc21428facc932e69ab03', name: "author" })));
+        return (hAsync(Host, { key: '0d4b930791ee54ea55552b1a8ab9a2f248b5109e', class: this.h.classes(BlockquoteClass.root), type: this.type }, hAsync("gov-icon", { key: 'f27a6a5059203b000bede13c47aa7e5eb150e4cd', type: "components", name: "quote", size: "3xl" }), hAsync("blockquote", { key: '3206cd993309f5636920e5b552e3cd97be98b334', cite: this.cite }, hAsync("slot", { key: '16ac7ec3098d37e1c5b444fe18e47986a5afa915' })), hAsync("slot", { key: 'ae4f20fbf0820346cc9919014ab6a3fc9f9ef96e', name: "image" }), hAsync("slot", { key: 'f43c96fef744f2d6147f8579fad0c808c064c81a', name: "author" })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -3014,7 +3017,7 @@ class GovBreadcrumbs {
         this.toggleOption = sumOfWidths > hostWidth;
     }
     render() {
-        return (hAsync(Host, { key: '9a9134423e513fc148bbb68c20fac5bb97670db8', class: this.h.classes(BreadcrumbsClass.root), expanded: this.expanded }, hAsync("nav", { key: '0850db41c7ce8bbb329a9abd3a925f292ec26c66', "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy }, hAsync("slot", { key: '477ce7803f02dc150c9980cbbf967b2b3d6485a0' })), this.toggleOption ? (hAsync("gov-button", { size: 'xs', color: 'primary', type: 'base', "aria-label": this.accessibleToggleLabel, "aria-pressed": this.expanded, "aria-expanded": this.expanded, "on-gov-click": () => this.expanded = !this.expanded }, hAsync("gov-icon", { name: this.expanded ? 'chevron-up' : 'chevron-down', type: "components" }))) : null));
+        return (hAsync(Host, { key: 'dadd8de710050476be68e3f6fa0b317d6ccedfc1', class: this.h.classes(BreadcrumbsClass.root), expanded: this.expanded }, hAsync("nav", { key: '468a3b605408c943421243024733b0381809f931', "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy }, hAsync("slot", { key: '2c9f85b826c8c54340ab5abba51c1861282c9cb7' })), this.toggleOption ? (hAsync("gov-button", { size: 'xs', color: 'primary', type: 'base', "aria-label": this.accessibleToggleLabel, "aria-pressed": this.expanded, "aria-expanded": this.expanded, "on-gov-click": () => this.expanded = !this.expanded }, hAsync("gov-icon", { name: this.expanded ? 'chevron-up' : 'chevron-down', type: "components" }))) : null));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -3098,11 +3101,11 @@ function toBool(value) {
     }
 }
 
-var Tags$2;
+var Tags$3;
 (function (Tags) {
     Tags["A"] = "a";
     Tags["BUTTON"] = "button";
-})(Tags$2 || (Tags$2 = {}));
+})(Tags$3 || (Tags$3 = {}));
 class GovButton {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -3172,11 +3175,11 @@ class GovButton {
         this.hydrated = true;
     }
     render() {
-        const Tag = this.href ? Tags$2.A : Tags$2.BUTTON;
-        const nativeType = Tag === Tags$2.A ? undefined : this.nativeType;
-        return (hAsync(Host, { key: '526d8b276e9139e165d38c031adac59e9f1296f8', size: this.size, hydrated: this.hydrated, color: this.color, class: this.h.classes(ButtonClass.root), type: this.type }, hAsync(Tag, Object.assign({ key: '6db49c65c1b0d3c98d81cba6d86e9181ce32fc87', class: "element", ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), disabled: this.disabled, id: this.identifier, href: this.href, target: this.target, download: this.download, hreflang: this.hreflang, rel: this.rel, name: this.name, type: nativeType, tabindex: this.disabled ? "-1" : "0" }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled) }), toBool(this.loading) && !this.h.hasSlot("icon-end") &&
-            hAsync("gov-icon", { key: '535bfdca505680012cdefe59c7fdf6776a9692f0', name: "loader", class: "gov-spin-animation", type: "components" }), this.h.hasSlot("icon-start") && hAsync("slot", { key: '26c813df831c8767ad019873572cc928c7475ca4', name: "icon-start" }), hAsync("slot", { key: 'c0cdb5257b7db1ec33e317c0c3009ea9de713036' }), this.h.hasSlot("icon-end") && hAsync("slot", { key: '238fabead4d6e40f754746866c8b83e0f517680a', name: "icon-end" }), toBool(this.loading) && this.h.hasSlot("icon-end") &&
-            hAsync("gov-icon", { key: 'cb8360aa13dd3e6ab1328bbd4a0a60a234f98bd5', name: "loader", class: "gov-spin-animation", type: "components" }))));
+        const Tag = this.href ? Tags$3.A : Tags$3.BUTTON;
+        const nativeType = Tag === Tags$3.A ? undefined : this.nativeType;
+        return (hAsync(Host, { key: 'cd3d644c54ac882be5adf1645391a873d426e549', size: this.size, hydrated: this.hydrated, color: this.color, class: this.h.classes(ButtonClass.root), type: this.type }, hAsync(Tag, Object.assign({ key: '39c76efc161144865f6bde8cf50e2808d0566415', class: "element", ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), disabled: this.disabled, id: this.identifier, href: this.href, target: this.target, download: this.download, hreflang: this.hreflang, rel: this.rel, name: this.name, type: nativeType, tabindex: this.disabled ? "-1" : "0" }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled) }), toBool(this.loading) && !this.h.hasSlot("icon-end") &&
+            hAsync("gov-icon", { key: 'b75ed857aacc2b914810fbdbb3c0d39ede423639', name: "loader", class: "gov-spin-animation", type: "components" }), this.h.hasSlot("icon-start") && hAsync("slot", { key: '838152233ab4f51b36217ae0b4077a3f3efc3ecf', name: "icon-start" }), hAsync("slot", { key: '0dbfd16b6de4ea9c0bb92a97297262f10b9a335c' }), this.h.hasSlot("icon-end") && hAsync("slot", { key: '8854b0bced36cabfe85988e22d10d49f9761a910', name: "icon-end" }), toBool(this.loading) && this.h.hasSlot("icon-end") &&
+            hAsync("gov-icon", { key: '607c848e0a9e4abf1c4232658a38922ade4accf9', name: "loader", class: "gov-spin-animation", type: "components" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3278,6 +3281,11 @@ const CardClass = {
     footer: 'gov-card__footer',
 };
 
+var Tags$2;
+(function (Tags) {
+    Tags["A"] = "a";
+    Tags["DIV"] = "div";
+})(Tags$2 || (Tags$2 = {}));
 class GovCard {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -3286,6 +3294,8 @@ class GovCard {
         this.direction = "vertical";
         this.collapsible = false;
         this.open = true;
+        this.href = undefined;
+        this.target = undefined;
         this.accessibleTriggerLabel = undefined;
         this.accessibleTriggerLabelledBy = undefined;
         this.h = govHost(this.host);
@@ -3302,7 +3312,8 @@ class GovCard {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '734cecdc36d379c1d2d8c14ef136780eabff9d32', 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: '35fbd43458f8895ac32a49b2fb26301ef6c2f4cc', 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: '1d1d26a7d45bc7453cdfbb2ce2530e277ea7f1d6', class: CardClass.img }, hAsync("slot", { key: '43d62fec8982ac856afedfe30a4062253ab072d7', name: "img" }))), this.h.hasSlot('icon') && (hAsync("div", { key: 'ea26e422318e6a8753c47c5af2bcbfafe44bd053', class: CardClass.icon }, hAsync("slot", { key: '40cad4f8356f6ff1e640436f4b548581cb4b4bcf', name: "icon" }))), hAsync("div", { key: '17d86c58f5d4d1fec9af1b111a69e73629188b4a', class: CardClass.content }, hAsync("slot", { key: '34b718783966bda56624c883b85d965ba74041a5' })), this.h.hasSlot('footer') && (hAsync("div", { key: 'bdac20b7db8adabdba069df573e117ef1c9a79fc', class: CardClass.footer }, hAsync("slot", { key: 'e57ade83302bd2a7537236aff716d02a5a47ea0f', name: "footer" }))))));
+        const Tag = this.href ? Tags$2.A : Tags$2.DIV;
+        return (hAsync(Host, { key: '3a11dfeface1fa81d0c27f4ee3644c1c3b3a0191', class: this.h.classes(CardClass.root), open: this.open, collapsible: booleanString(this.collapsible), clickable: this.href ? true : null, direction: this.direction, hydrated: this.hydrated }, this.collapsible ? (hAsync("button", { id: this.headlineId, class: CardClass.header, "aria-label": this.accessibleTriggerLabel, "aria-labelledby": this.accessibleTriggerLabelledBy, "aria-expanded": booleanString(this.open), "aria-controls": this.contentId, onClick: this.onClickHandler.bind(this) }, hAsync("slot", { name: "headline" }), hAsync("gov-icon", { class: CardClass.arrow, name: "chevron-down", type: "components" }))) : this.h.hasSlot("headline") ? (hAsync("div", { class: CardClass.header }, hAsync("slot", { name: "headline" }))) : null, hAsync(Tag, { key: 'bdf47c610db6c937ebe9f6fa45124b5df8e2847f', href: this.href, target: this.target, id: this.contentId, "aria-hidden": this.collapsible ? booleanString(!this.open) : undefined, hidden: this.collapsible ? !this.open : undefined, "aria-labelledby": this.collapsible ? this.headlineId : undefined, class: CardClass.inner }, this.h.hasSlot('img') && (hAsync("div", { key: '11ed1b55fe67d05382d538c903726ffd84fb7d48', class: CardClass.img }, hAsync("slot", { key: 'b1c362609163af2748256ecd1370bd074b8cd396', name: "img" }))), this.h.hasSlot('icon') && (hAsync("div", { key: '70b848927a86419442be3a84ee060c27a87fa12b', class: CardClass.icon }, hAsync("slot", { key: '357b5dffa7c0970495ed167ca9a5db0b8d67c721', name: "icon" }))), hAsync("div", { key: '0bec7d7dc66dda27ba05e9041caeca8f20def8c4', class: CardClass.content }, hAsync("slot", { key: 'e3b08eb1097e0d788df4a45f78711bd0a5f02656' })), this.h.hasSlot('footer') && (hAsync("div", { key: '0f4ef687f88e18a935d8f651bb7d2a9ea2c3df97', class: CardClass.footer }, hAsync("slot", { key: 'd645292f3ee9f007d9aeffdefcf2c26a1e5415b1', name: "footer" }))))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3327,13 +3338,15 @@ class GovCard {
             "direction": [1],
             "collapsible": [4],
             "open": [1540],
+            "href": [513],
+            "target": [1],
             "accessibleTriggerLabel": [1, "accessible-label"],
             "accessibleTriggerLabelledBy": [1, "accessible-labelledby"],
             "validateAccessibility": [64]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["open", "open"]]
+        "$attrsToReflect$": [["open", "open"], ["href", "href"]]
     }; }
 }
 
@@ -3423,11 +3436,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: '3873d567f8dd31d62e259751a9800bc2302380f8', class: this.h.classes([
+        return (hAsync(Host, { key: '6891a65866779d31691de4842180ae22767c4268', 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: '6635ce7184fba0374e7f8035c3df38156ac69b24', 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: '3677ece9c89d8e9d59fb5d87fced0cdf4936342b', name: "left" }), hAsync("slot", { key: '0acc75cb17c45740380ceb6681d21b29475c6419', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: 'f95b1e5fc9e460177a98deb1a7cd324dcac5e57f', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: 'f0354863b6c661b99c26f5e94193b85a12affab9' }), hAsync("slot", { key: 'ee35b12933b95d96932890ede60fa5b91f51d6b5', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '50cd0f12c868cb1e674a3df0609c2c8ba5664556', type: iconEnd.type, name: iconEnd.name })), hAsync("slot", { key: '39ca7870c9423cd0a3f8ca6c91b4a0daed8ef07f', 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: '32a2696de42de539438caa0842d0fefa31804b77', class: "element", href: this.href, target: this.target, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), tabindex: (this.h.hasSlot("left") || this.h.hasSlot("right") || this.disabled) && !this.focusable ? "-1" : "0", id: this.identifier || this.chipId, type: nativeType }, this.inheritedAttributes, { "aria-disabled": this.disabled }), hAsync("slot", { key: '93a5178477cbd4e0e09789c3ff0941e0972943f3', name: "left" }), hAsync("slot", { key: '7d019aa4f2e543a8cb22e7d694c6994656e92065', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '6077e90d13e1fe7945c43abf142e308fa88b10b9', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '8c2fbc69cade5187c4dc3805e2eb9b2639620687' }), hAsync("slot", { key: 'ba590e6f48cf44ceb293917dbdecf34472db28ad', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '030988484d52eb2a47b192888a8e4a1e8773bd74', type: iconEnd.type, name: iconEnd.name })), hAsync("slot", { key: 'b62f2b1359a70b2aba874686d33f3dd5b7d0c8a2', name: "right" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3487,7 +3500,7 @@ class GovContainer {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: 'ad1f0a234ba94b59c7214c2ddba4208234355a47', class: this.h.classes(ContainerClass.root) }, hAsync("slot", { key: 'a7b877a4cf5d2f5ec1aa5908a2faf9976fa5591e' })));
+        return (hAsync(Host, { key: '82f7c451b4196138a062e9e807c0b264b5f8e1fe', class: this.h.classes(ContainerClass.root) }, hAsync("slot", { key: '04a40aeafe57c99f4a148d04320bf390e3444ea8' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -3517,7 +3530,7 @@ class GovControlGroup {
         validateProp(Colors, newValue, ControlGroupClass.root);
     }
     render() {
-        return (hAsync(Host, { key: 'c52a55a92fd473dcec8806a693fa820a9557a8f3', class: this.h.classes(ControlGroupClass.root), color: this.color }, hAsync("slot", { key: '2c39e206b7a295212f4bda2a0552b1d10d19828b' })));
+        return (hAsync(Host, { key: '74d339e88105be80b3f335aa2af1155ab23099c8', class: this.h.classes(ControlGroupClass.root), color: this.color }, hAsync("slot", { key: 'e3af09285370470ad4e1ca9e6b225ca98708cebc' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -3551,7 +3564,7 @@ class GovCookiebar {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '10c57cd4a06fe46e504309598788a95fc832493c', class: this.h.classes(CookieConsentClass.root) }, hAsync("div", { key: '877d252bf4889abadd06e50c125ec27e114353e5', class: CookieConsentClass.content }, hAsync("slot", { key: '817560e69ede6d998c27db262346e889167830fc', name: "headline" }), hAsync("slot", { key: '27395c4c03746c73eec66e75e16c7c6209a41298' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (hAsync("div", { key: '5d1395aa7039f6dc0bd84b47387b2d2b54c2359e', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (hAsync("div", { key: '79e2932462ff78a186b3de70d5a7bab0ff9cdc7f', class: CookieConsentClass.actionsPrimary }, hAsync("slot", { key: '85cc159d24a21c8b8f4148a339038e2bdce5f246', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (hAsync("div", { key: 'af86c4ad358e36356f1d4be9409c2f642faf7035', class: CookieConsentClass.actionsSecondary }, hAsync("slot", { key: '5495b26b5c31112a4c4bcd8dcbd21d54993bb6e1', name: "actions-secondary" })))))));
+        return (hAsync(Host, { key: 'ad50c5414cb7d3dc0c5b2d378e2484dea094b1de', class: this.h.classes(CookieConsentClass.root) }, hAsync("div", { key: 'aeedb06244acdb5bf57f11c37132d7fec2871cc5', class: CookieConsentClass.content }, hAsync("slot", { key: '90ac710208833ac2c6349792a02f13c4e80741c4', name: "headline" }), hAsync("slot", { key: '67c6c377aa6255bd31fefa8d20b55bfa3c90b489' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (hAsync("div", { key: 'aa9b2f1162adcd6d9a2d81da2262046ec8886f50', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (hAsync("div", { key: 'b152aebaef3031dc48fe569fef4f1f8119dbaf6b', class: CookieConsentClass.actionsPrimary }, hAsync("slot", { key: '16b3e328ddc88528d877052b445855dc909605d4', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (hAsync("div", { key: 'a825b255261a36cfd192d8936de9eb2b78d5d941', class: CookieConsentClass.actionsSecondary }, hAsync("slot", { key: 'f651dfbf6756682711b2c4415df6acf4a2c9a479', name: "actions-secondary" })))))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -3624,7 +3637,7 @@ class GovDialog {
         document.body.classList.remove(DialogClass.bodyFix);
     }
     render() {
-        return (hAsync(Host, { key: '697a938c343fff3af9cb37c377ac9784e0728e0e', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, hAsync("dialog", { key: '9b641ef551f5f4eeb00890e822b6f5434421c38d', 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: '08da7bb9a7d3b942132410dc4dbf57c2b9d85363', class: DialogClass.inner }, hAsync("div", { key: '389a42468a93951f461024950ea84a80443bd366', class: DialogClass.header }, this.h.hasSlot("icon") && (hAsync("span", { key: '920649b3b276589a254cc8f47c777406d2adfdaf' }, hAsync("slot", { key: '7a6b86f61009015d5dbfa3aaa7aee9aad42185dd', name: "icon" }))), this.h.hasSlot('title') && (hAsync("span", { key: '8aa87028f1ed4c524291c3e0fed0a393fbb46db2', class: DialogClass.title, id: this.labelId }, hAsync("slot", { key: '70b360d2748edde6ea2f762c72cc3acfa67cde97', name: "title" }))), hAsync("gov-button", { key: '946ab0088d52affe4a31ecef5bdef84c1b231093', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", size: "m", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { key: 'b9874c2494a8b46c7b9f94f6989527b0acefc465', slot: "icon-start", name: "x-lg", type: "components" }))), hAsync("div", { key: '4f4b1815de42427edeb5bd9a7b88c96e27530472', class: DialogClass.content, id: this.contentId }, hAsync("slot", { key: '94ccdf29a3578f1ee8e52e505eed109cc6128f67' })), this.h.hasSlot('footer') && (hAsync("div", { key: '8b7f85195264f4045c1d7ab8dd6db9f6abfe4f9f', class: DialogClass.footer }, hAsync("slot", { key: '373cda2bd8b1cccf34acbbf859b4b8f608bc4a19', 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: 'd4185a1b611db509ebf08509afa23b6e1682fe6f', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, hAsync("dialog", { key: '6a9624025826c1bd0eb7e83739112cf7b2d56dbc', 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: '1f93dc885aad9898151e00ca4717c8dd8eeea1ff', class: DialogClass.inner }, hAsync("div", { key: '4455c3f5f5e6aa9e6ec84ce400ead24a3e526374', class: DialogClass.header }, this.h.hasSlot("icon") && (hAsync("span", { key: '40bd7dba7f121d87e00b48b5c4f3ed0c01f5d4a0' }, hAsync("slot", { key: '911f36f5199cde0f6561da2385934bb88e668c68', name: "icon" }))), this.h.hasSlot('title') && (hAsync("span", { key: '1e45df978ffc0f360d242d24e826b4df41188196', class: DialogClass.title, id: this.labelId }, hAsync("slot", { key: '920d60a3305db5b2b7963e6e0c795dbe49101f40', name: "title" }))), hAsync("gov-button", { key: '42a64cd1706ba71362bc0bc0b8d69e9867ec5fb1', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", size: "m", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { key: '480265e99c21126cbb755df8e6c6f482f69fb92b', slot: "icon-start", name: "x-lg", type: "components" }))), hAsync("div", { key: 'dc16ca442fbb779b8d0c127253324d2894e1b1e5', class: DialogClass.content, id: this.contentId }, hAsync("slot", { key: 'a721e2e66951a436c2a7c946648e15cd1043a7c1' })), this.h.hasSlot('footer') && (hAsync("div", { key: 'ea53d2a6284285c3b33a346784f783e69cc6ff4a', class: DialogClass.footer }, hAsync("slot", { key: '1693aec930d48ffd79505638b4b03df4e50529f5', 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();
@@ -3782,7 +3795,7 @@ class GovDropdown {
         });
     }
     render() {
-        return (hAsync(Host, { key: '82ddf678be9e128e899f136598d923a9c62858b4', class: this.h.classes([DropdownClass.root]), open: this.open, position: this.position }, hAsync("slot", { key: '5de32c9654140fb67fff7f55ce8fba4fa7ef282f' }), hAsync("div", { key: '19bda970452623c7ddef45ff96b843698bb8cd1a', ref: el => registerClickOutside(this, el, () => this.open = false), class: DropdownClass.list, id: this.listId, "aria-labelledby": this.controlId, "aria-hidden": toBoolAttr(!this.open), hidden: !this.open }, hAsync("slot", { key: 'd1429110f4e4bd054bf38d4a038946475d791323', name: "list" }))));
+        return (hAsync(Host, { key: 'ed9beb8952cacb4b76fc73ab31345bbe8c5d206d', class: this.h.classes([DropdownClass.root]), open: this.open, position: this.position }, hAsync("slot", { key: '49d4da21a53be27e687622d17e21474c7cedb26d' }), hAsync("div", { key: '941b05aab703a6bfd981d912763f4576899fd617', ref: el => registerClickOutside(this, el, () => this.open = false), class: DropdownClass.list, id: this.listId, "aria-labelledby": this.controlId, "aria-hidden": toBoolAttr(!this.open), hidden: !this.open }, hAsync("slot", { key: 'cd0c1f28b7d717efd0fe8faa964df78dfbeca49f', name: "list" }))));
     }
     /**
      * Returns the current state of the dropdown
@@ -3835,7 +3848,7 @@ class GovEmpty {
         this.validateSize(this.size);
     }
     render() {
-        return (hAsync(Host, { key: '536c14b44e86e71ded94980cce96cfcef26c13d5', class: this.h.classes(EmptyClass.root), size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: '11e8a26c901809dc67cc2db2ff1aff47257a8014', name: "icon" })), hAsync("div", { key: '4aac9fffa417df01fb668dab89aa19ed29469cc0', class: EmptyClass.content }, hAsync("slot", { key: '1b663ce7931eaf8cccd00342e0f1f9fec7abe2d3', name: "headline" }), hAsync("slot", { key: 'f1b1ad8a80fe12d01008da1efd335e14cee0a16d' }))));
+        return (hAsync(Host, { key: '93155f92af0574538fd919e52f312b0f02d07e21', class: this.h.classes(EmptyClass.root), size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: 'e9504c9396c9743ea7e454bb2df5d0f2a046aabe', name: "icon" })), hAsync("div", { key: '78f2d30f570c6123a58d2ac93db58b4e471796b3', class: EmptyClass.content }, hAsync("slot", { key: '7b5e1121dbfccf6d647e168e80c60cad4a1ca136', name: "headline" }), hAsync("slot", { key: 'd435390c88c0304f9ee129b268c454b2147fddb0' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -3864,7 +3877,7 @@ class GovErrorCode {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '3355f2c43f55001d6b12bae918220f858721279b', class: this.h.classes(ErrorCodeClass.root), align: "center" }, this.h.hasSlot('icon') && (hAsync("slot", { key: '721e74886d890b048bc268cadf9fb05979234ad6', name: "icon" })), hAsync("div", { key: '9a1e0ce9d1aa43eacd4967a2688123fcd9164d8f', class: ErrorCodeClass.content }, hAsync("slot", { key: '5193304f9720b28d12176e805436e7ebbee2f704', name: "headline" }), hAsync("slot", { key: '12d538e92472745e3613149a7c824e6cd345e776' }))));
+        return (hAsync(Host, { key: 'b253a0e9141dca1662d4d2b792f4c9d25f869a38', class: this.h.classes(ErrorCodeClass.root), align: "center" }, this.h.hasSlot('icon') && (hAsync("slot", { key: '4ca7e5788170cdf49d969d1a6ed3e12a0f368914', name: "icon" })), hAsync("div", { key: '1822320601777bba88b698375f8ccfc55e33567e', class: ErrorCodeClass.content }, hAsync("slot", { key: 'f3b7e46e878f7ff87291bae34a043d5e228dac4c', name: "headline" }), hAsync("slot", { key: 'f63ac6838e3397bd6828853f96f476454a0bcda7' }))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -3895,7 +3908,7 @@ class GovFlex {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '082daf61e75a8b30f7faa2cbd6a44ad8a74b0442', class: this.h.classes(FlexClass.root) }, hAsync("slot", { key: '120882be8540480b11df18d006414dabbb00e1d0' })));
+        return (hAsync(Host, { key: '71dadfbe4c7ddd45b36ffe74d8fd0c38e5069756', class: this.h.classes(FlexClass.root) }, hAsync("slot", { key: 'b86bd5e8abbf157f2476cad87134ff9eedd307cc' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -4071,7 +4084,7 @@ class GovFormAutocomplete {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '9aab109be9dc6f21e88a2da79223866b1b39732a', class: FormAutocompleteClass.root, size: this.size }, hAsync("gov-form-input", Object.assign({ key: '62828ff7629c39a283925c24113f0db2c7558ca5', 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: 'd722dd5d3241853d45a5153f0197403a42872c4a', name: "validation-icon" }), hAsync("slot", { key: 'bb003098d072de7c33cb1f538470b2ba6a79d920', name: "icon-end" })), hAsync("ul", { key: '4d54077583a9eed5682501372cd75f655e635203', 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: '22d9a81f648404e942ee680acddda83165af4dc2', class: FormAutocompleteClass.root, size: this.size }, hAsync("gov-form-input", Object.assign({ key: '4b60cfea2591a4bde6c97dee3c11b75461db3c5d', placeholder: this.placeholder, name: this.name, disabled: this.disabled, readonly: this.readonly, autocomplete: false, size: this.size, required: this.required, invalid: this.invalid, success: this.success, role: 'searchbox', value: this.value, minlength: this.minlength, maxlength: this.maxlength, "on-gov-input": throttle(this.onInputHandler.bind(this), this.throttleTime), "on-gov-keyup": this.onKeyUpHandler.bind(this), "on-gov-keydown": this.onKeyDownHandler.bind(this), "on-gov-focus": this.onFocusHandler.bind(this), "on-gov-blur": this.onBlurHandler.bind(this) }, this.inheritedAttributes, { "aria-autocomplete": 'list', "aria-owns": [this.listBoxId, this.inheritedAttributes['aria-owns']].join(' '), "aria-expanded": booleanString(this.list.length && this.focused ? true : false), ref: el => (this.inputRef = el) }), hAsync("slot", { key: '739722e49f8062d3ebec84dc2a1f840413439c7c', name: "validation-icon" }), hAsync("slot", { key: '6f3b3c7695a5c7d56276fbc41f854b9afff3800e', name: "icon-end" })), hAsync("ul", { key: '52b34c8501d976b438350104594b02137d40a386', class: FormAutocompleteClass.list, role: 'listbox', "aria-hidden": toBoolAttr(!this.focused), hidden: !this.focused, id: this.listBoxId, ref: el => (this.listRef = el) }, this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (hAsync("li", { class: FormAutocompleteClass.empty }, this.messageEmpty)) : null, this.focused && this.processing === true && this.isValueAccepted ? (hAsync("li", { class: FormAutocompleteClass.loading }, hAsync("gov-skeleton", { size: "m" }))) : null, this.focused ? this.list.map((item, index) => {
             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)));
@@ -4604,7 +4617,7 @@ class GovFormCheckboxGroup {
         });
     }
     render() {
-        return (hAsync(Host, { key: '22f738e5251d68688b6d21c471a5c18ae2532a5a', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '8028ab95f42dc8c8dfb8f1ee1b70879c291db6d4' })));
+        return (hAsync(Host, { key: '332a7e45344ebd6bafbcf20813ab7a06a99aae7e', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: 'd00028b250fa309ee22d25bd07f0f940fec0590e' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4671,7 +4684,7 @@ class GovFormControl {
     }
     render() {
         const Tag = this.fieldset ? "fieldset" : "div";
-        return (hAsync(Host, { key: '2f6a44e96f79c5ec6fa6326fb01dba74d2f405cc', size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { key: '5b4ec1e274416aa4330f60727662f9f441cb5973', class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { key: '51738751699005e6642bdf855f6fafbea9af83f6', name: "top" }), hAsync("slot", { key: 'f765b4b014274832bbef5118312a0e8a70939cda' }), this.h.hasSlot("bottom") && (hAsync("div", { key: '048b08353a3bb6c6246e297bc183288cb9c78034', class: FormControlClass.bottom }, hAsync("slot", { key: '24e79aa1a2d87c12ac0ebefde129a8055f38525e', name: "bottom" }))))));
+        return (hAsync(Host, { key: '1502fcaa64e9c9839e7393573f10aa7a98161f8a', size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { key: 'ea3147966c1e34366293c19228793679f5065d53', class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { key: '803c63b94d671bdcd30eeb2bf4a9ab9f23633358', name: "top" }), hAsync("slot", { key: 'c46d8faf4cea51bc15e6f57e0f2e9bea895b4454' }), this.h.hasSlot("bottom") && (hAsync("div", { key: '78fcf2aa671f3741f6d38f0519cd8983be5d6082', class: FormControlClass.bottom }, hAsync("slot", { key: '0d25b0c2d06a1f5612c2bf85dc428715e2a8f97a', name: "bottom" }))))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -4860,7 +4873,7 @@ class GovFormFile {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '57a2ec8520c058114c22a58cc666d74efccb9a96', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { key: '6a31911301d1b3eaaeafe32f3167fc0a5893125a', class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", { key: 'feae9382b0223eec714593882ade1904d284e40d' }), hAsync("input", Object.assign({ key: 'b6a16d19ba27cdd878540b39bc440d11761a3ab5', 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: '6fe6eb71a8275871bb0aeebae9531d846123ae06', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { key: 'cd7ab5a0c223214f5d825c8695993e8c64b9ea78', class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", { key: '6197c08c6a50725a261da65069159f75e3e47834' }), hAsync("input", Object.assign({ key: 'f6897d875af8c47268118ef5d7dd9c19cec6e9a1', class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, multiple: this.multiple, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) }))), 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);
@@ -4974,7 +4987,7 @@ class GovFormGroup {
         this.validateOrientation(this.orientation);
     }
     render() {
-        return (hAsync(Host, { key: '23bc665133af4d63acae967405c379aef79f9125', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, hAsync("slot", { key: '11d303816dae7149170180b450542c2cd1a322c6' })));
+        return (hAsync(Host, { key: 'a16a99205899fe2a9e49702708c8f879c363b111', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, hAsync("slot", { key: '871900cb0682f57fa0856d90b38a683a005240dd' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -5079,11 +5092,11 @@ class GovFormInput {
     }
     render() {
         const Tag = this.multiline ? Tags$1.TEXTAREA : Tags$1.INPUT;
-        return (hAsync(Host, { key: 'bdbab2105ea328155d7a023e2070c4ca22a5afba', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && hAsync("slot", { key: '71be98f4ba1933c8a5affd3f41b496633528bcc8', name: "prefix" }), hAsync("span", { key: '820a6cc14d90fb52b3fa809858c9b7223d7dec21', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
-            hAsync("div", { key: '6c001fb96074d4f5b7779a14cbceee9169b4a70a', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, hAsync("slot", { key: '15da634518db7ac788de51911296d1a0ca87c993', name: "icon-start" })), hAsync(Tag, Object.assign({ key: 'f43777146426ddbe5d37408a734ca61aa51e0e69', type: this.inputType === 'password' && this.showPassword ? 'text' : this.inputType, disabled: this.disabled, id: this.identifier || this.inputId, name: this.name, onFocus: this.onFocusHandler.bind(this), onInput: this.onInputHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onKeyUp: this.onKeyUpHandler.bind(this), onKeyDown: this.onKeyDownHandler.bind(this), ref: el => (this.inputRef = el), placeholder: this.placeholder, spellcheck: toBoolAttrIfDefined(this.spellcheck), lang: this.inputLang, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, min: this.min, max: this.max, required: this.required, rows: this.rows, cols: this.cols, role: this.role, value: this.value }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), ((this.success || this.invalid || this.h.hasSlot("icon-end") || this.inputType === 'password') && !this.multiline) &&
-            hAsync("div", { key: '716e004caf2077ce8d5ee5101bcb541fbdb45d38', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
-                hAsync("gov-icon", { key: '96c5fcdad8332c08d3eaf9a5a6af573962a96744', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
-                hAsync("gov-icon", { key: '4883e137f51052a2659f46a09270c656bc3347f7', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && hAsync("slot", { key: 'a74b2df0932087834fc33de45aa341444c61042a', name: "icon-end" }), this.inputType === 'password' ? (hAsync("gov-button", { color: 'primary', type: 'base', size: this.size, "aria-label": this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel, "on-gov-click": () => this.showPassword = !this.showPassword }, hAsync("gov-icon", { slot: "icon-start", name: "eye", type: "components" }))) : null)), this.h.hasSlot("sufix") && hAsync("slot", { key: '9d15adccc023a5501114982c4417df6db9a4d8c1', name: "sufix" })));
+        return (hAsync(Host, { key: 'f2b0e3a105b6a3904d59821bc68e13bfa01acea9', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && hAsync("slot", { key: '13ff8da008e08322cd0eb241600751f8e896416b', name: "prefix" }), hAsync("span", { key: '22c1467190afaf1a2c8e98d0cd4500f123494885', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
+            hAsync("div", { key: '1ab85a6556b44fd92959c0311b57028a8e3b8d74', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, hAsync("slot", { key: 'dcc9f5a1da1245bd4eccc0a919b08b73a556efe7', name: "icon-start" })), hAsync(Tag, Object.assign({ key: 'f05f59a1ad7d28acfd005942fdd22e7ba04e2d73', 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: 'ab940283ca797a54590c73881aabe6e4032d4a77', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
+                hAsync("gov-icon", { key: 'af0b7c6e3c815eb74318052f490db2241f246707', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
+                hAsync("gov-icon", { key: '4feef0479c061b9b073dea6c04e2bc428464a9de', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && hAsync("slot", { key: 'fa3f4ac957a08d066706c273b008edef401f0a2b', 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: 'ce4b50ff45632098c4457339538bac4a5a685df8', name: "sufix" })));
     }
     onFocusHandler(e) {
         e.stopPropagation();
@@ -5215,7 +5228,7 @@ class GovFormLabel {
     }
     render() {
         const Tag = this.legend ? 'legend' : 'label';
-        return (hAsync(Host, { key: 'e06447dd79c3204d5641bc58ba823d0744373dd5', class: FormLabelClass.root, size: this.size }, hAsync(Tag, { key: '69dfe126eb3f26aae0360e8c5f831e61345d3dc2', class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", { key: '3005e820b094c191fc0422a8586264053a4c403f' }), this.required ? hAsync("span", { class: "gov-color--error-500" }, "\u00A0*") : null)));
+        return (hAsync(Host, { key: '5227d00ebe3e8923687d4e8d0f3a74bad0da82b3', class: FormLabelClass.root, size: this.size }, hAsync(Tag, { key: '981d363fdf7435a0b242b9610a7dd68e11d4f05e', class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", { key: 'bdf282178e200fa69d9f871354786ecbd024fa90' }), this.required ? hAsync("span", { class: "gov-color--error-500" }, "\u00A0*") : null)));
     }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -5247,7 +5260,7 @@ class GovFormMessage {
         this.validateColor(this.color);
     }
     render() {
-        return (hAsync(Host, { key: 'dbc990cf3a48496a4905a768b3a7c662d42cc3ad', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: '600a149b56204308139aa026aea04dc5d872a7fe', name: "icon" })), hAsync("span", { key: '61d47c46b469a1c070d2a0f7df3a47f8a878ba6f', id: this.messageId, class: FormMessageClass.content }, hAsync("slot", { key: 'ff74d2926ddb5c3c79349d28906ff41a2485fde5' }))));
+        return (hAsync(Host, { key: 'd9acfd066e2f1c0445cfee56131f4717668a25b9', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: 'd09fb037cf1b719bf5b23638e5660f60efc045e2', name: "icon" })), hAsync("span", { key: '8168614d9f47c5d48282c9d11c74745a307cddf6', id: this.messageId, class: FormMessageClass.content }, hAsync("slot", { key: '3dbb35561437881e2f58235d9472fb9abe1684b9' }))));
     }
     /**
      * Returns unique identifier of message
@@ -5437,11 +5450,11 @@ class GovFormMultiSelect {
         });
     }
     render() {
-        return (hAsync(Host, { key: '702237c94a2454e2ee966fee0a4fb92e690b7ca3', class: FormMultiSelectClass.root, size: this.size }, hAsync("div", { key: '06644d9c3deb723effa4dd18207734ff4c9885cf', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && hAsync("slot", { key: '7a000864224ecfe4fc333b2609f1d624b8cbad2c', name: "prefix" }), hAsync("gov-form-autocomplete", { key: '7ce180ba5e799af98869ab3a0eab7dc0b1cd28f8', value: this.valueState, disabled: this.disabled, identifier: this.identifier || this.selectId, required: false, invalid: this.invalid, success: this.success, size: this.size, placeholder: this.placeholder, "message-empty": this.messageEmpty, "message-loading": this.messageLoading, ref: el => (this.autocompleteRef = el), minlength: 0, "aria-owns": this.listId }, this.success && hAsync("gov-icon", { key: '8433d6631829ad487ea0d14f3a23ef955179ab72', slot: "validation-icon", class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '55076350c10d021f5e1c6882ca9c36ddcb3b8d96', slot: "validation-icon", class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '3671d42362ea1a7334b687d12d9fbe50d12a2e6b', slot: "icon-end", class: "arrow-icon", name: "chevron-down", type: "components" })), hAsync("select", Object.assign({ key: '9d9af70e3a94506e654bc4739dff88512f9a7027', hidden: true, class: 'hidden-select-list', "aria-hidden": toBoolAttr(true), multiple: true, required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), hAsync("slot", { key: '121da88c22cb7aa89bddd017daaa3adf2d3cdba1' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (hAsync(Host, { key: 'efc41cd22f35a7c326f8321f11c875a6ee6d44fe', class: FormMultiSelectClass.root, size: this.size }, hAsync("div", { key: '229b01f0a9b0cb35e59cda5ce5a78c14309ab1ee', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && hAsync("slot", { key: '48cefdbe753f57acca0aa5fc74bc7cc6f902e4b7', name: "prefix" }), hAsync("gov-form-autocomplete", { key: 'a4a3e0f0fb0f9e3d9ec0ce8d24b390a169f0749a', 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: '8a43c6c12f16773956b669b7cd08608d6aeb3bb9', slot: "validation-icon", class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '6eaee1ebf4ac9c337e22b071edf77fbeec012a3c', slot: "validation-icon", class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: 'c9f7f2f83f37abdab373bfb2aa43c36ec08dfede', slot: "icon-end", class: "arrow-icon", name: "chevron-down", type: "components" })), hAsync("select", Object.assign({ key: 'd4623e47694c6b28b5e201f083e6d73fa6a331aa', 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: 'f5e03e3e33a1bb97b00c544765332b67812c5fd5' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
             var _a;
             const selectedOption = this.selectedValueIndex(option.value);
             return (hAsync("option", { value: option.value, selected: selectedOption > -1, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value));
-        })), this.h.hasSlot('sufix') && hAsync("slot", { key: '7a1392bc37a8ff68a2269b8aced6af13dc2d0155', name: "sufix" })), this.hideSelectedList === false ? (hAsync("ul", { role: "listbox", id: this.listId, class: FormMultiSelectClass.list }, Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {
+        })), this.h.hasSlot('sufix') && hAsync("slot", { key: 'aa9c37047083aa68a9ccaf8066a62a2eb9a3797f', 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)
@@ -5551,7 +5564,7 @@ class GovFormPasswordPower {
         this.power = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '5345be77d281075d14e4d846cc28b4ee80238d44', class: FormPasswordPowerClass.root }, hAsync("span", { key: '4d54a301ac65d9432e524906eb8d0626fcc6be63', class: FormPasswordPowerClass.bar }, hAsync("span", { key: '0590bdcda2ca777daa02b4ed078490120c0d76b9' }), hAsync("span", { key: 'd76531fc51948809e1c7577c06661fd320ccb68c' }), hAsync("span", { key: '48a13aa684e06289961bf7aaeb778c9340242e55' })), hAsync("span", { key: '683dab64032d38a9d94121c154085a5e4cb0f6f1', class: FormPasswordPowerClass.text }, hAsync("slot", { key: 'd55a6fdbd4bfb5504457d10c7e6ce194d0ff36c5' }))));
+        return (hAsync(Host, { key: 'db698558cba39d591c1119a07d6aafd66880a478', class: FormPasswordPowerClass.root }, hAsync("span", { key: '24b61cba713d7ba1d56ea385889f89d40c181b9b', class: FormPasswordPowerClass.bar }, hAsync("span", { key: '01b941d9082565c4673cc5a5f24c083500d216fc' }), hAsync("span", { key: '8c87f443b4571a9a98cbf88c7adaa39b663cda5d' }), hAsync("span", { key: 'ab9d769c365e6c9ed09bca718b5ef226a0e5c456' })), hAsync("span", { key: '5cd85486880615d0732c65bb40b89ccf3b1c381e', class: FormPasswordPowerClass.text }, hAsync("slot", { key: '11fd5c8d7584ac5a129b4f4a64304ceb05aa498f' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -5744,7 +5757,7 @@ class GovFormRadioGroup {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'f5d9641f18787c21c13898a8d80159326161e676', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '81b46ef337551d1f31b9b7f7d5bb32a620f0fb69' })));
+        return (hAsync(Host, { key: '332ec3c5c0582167e5543304daa8508cc354ecc5', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '7bfbcec04a7f39226709c9546dbd0f121678d075' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -5766,6 +5779,217 @@ class GovFormRadioGroup {
     }; }
 }
 
+const FormRangeSizes = pick(Sizes, ['_S', '_M', '_L']);
+const FormRangeClass = {
+    root: 'gov-form-range',
+    fill: 'gov-form-range--fill',
+    input: 'gov-form-range--input',
+};
+
+class GovFormRange {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.govFocus = createEvent(this, "gov-focus", 7);
+        this.govBlur = createEvent(this, "gov-blur", 7);
+        this.govInput = createEvent(this, "gov-input", 7);
+        this.size = "m";
+        this.value = undefined;
+        this.identifier = undefined;
+        this.name = undefined;
+        this.min = undefined;
+        this.max = undefined;
+        this.step = undefined;
+        this.tooltip = false;
+        this.input = false;
+        this.listIdentifier = undefined;
+        this.required = false;
+        this.success = undefined;
+        this.invalid = undefined;
+        this.disabled = false;
+        this.inheritedAttributes = {};
+        this.h = govHost(this.host);
+        this.f = govForm(this.h);
+        this.inputId = createID("GovInput");
+    }
+    validateSize(newValue) {
+        validateProp(FormRangeSizes, newValue, FormRangeClass.root);
+    }
+    watchValue() {
+        this.controlOutputPosition();
+    }
+    watchControlAttrs() {
+        this.passControlAttrs();
+    }
+    passControlAttrs() {
+        this.f.passAttrToControl("size", this.size);
+        this.f.passAttrToControl("success", toBoolAttr(this.success));
+        this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
+        this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
+    }
+    get getThumbWidth() {
+        const styles = window.getComputedStyle(this.inputRef);
+        return parseFloat(styles.getPropertyValue('--thumb-size')) || 1;
+    }
+    controlOutputPosition() {
+        const valueInt = +this.value;
+        const min = +this.inputRef.min;
+        const max = +this.inputRef.max;
+        const thumbWidth = (this.getThumbWidth * 16);
+        const rangeWidth = this.inputRef.offsetWidth;
+        const percentage = ((valueInt - min) / (max - min)) * 100;
+        let tooltipOffset = ((percentage / 100) * (rangeWidth - thumbWidth)) + (thumbWidth / 2);
+        if (this.outputRef) {
+            this.outputRef.textContent = this.value;
+            const outputWidth = this.outputRef.offsetWidth / 2;
+            this.outputRef.style.left = `${tooltipOffset - outputWidth}px`;
+        }
+        if (this.fillRef) {
+            this.fillRef.style.width = `${tooltipOffset}px`;
+        }
+    }
+    componentDidLoad() {
+        this.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {
+            this.onAriaAttributeChange(attributeName, newValue);
+        });
+        this.attributeObserver.startObserving(ariaAttributes);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.inheritedAttributes = inheritAriaAttributes(this.host);
+    }
+    componentDidRender() {
+        this.passControlAttrs();
+        this.f.passAttrToLabel("required", String(this.required));
+        tick(this.controlOutputPosition.bind(this));
+    }
+    onAriaAttributeChange(attributeName, newValue) {
+        this.host.removeAttribute(attributeName);
+        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
+    }
+    render() {
+        return (hAsync(Host, { key: '87236e8cdb0534dbefc72286517c353d41860260', class: FormRangeClass.root, size: this.size }, this.h.hasSlot("prefix") && hAsync("slot", { key: '83f2b5ff50d7638d1e13de9e0f4774d747a8e374', name: "prefix" }), hAsync("span", { key: '7cef4eac6144ee71dd6b3ffcdc2e992f33f97740', class: "element" }, hAsync("input", Object.assign({ key: '1c2fda25454dc11bdfab17065f07bb38959a2941', type: "range", ref: el => (this.inputRef = el), onInput: this.onInputHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), id: this.identifier || this.inputId, name: this.name, min: this.min, max: this.max, step: this.step, list: this.listIdentifier, value: this.value, required: this.required, disabled: this.disabled }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), hAsync("div", { key: 'bdece1cc0cad1614eb090e9183d9dd96389b7568', class: FormRangeClass.fill, ref: el => (this.fillRef = el) }), this.tooltip ?
+            hAsync("output", { htmlFor: this.name, ref: el => (this.outputRef = el) }, this.value)
+            : null, hAsync("slot", { key: '4e346163e119d7508942a31bc35b28acd807bdb3', name: "datalist" })), this.h.hasSlot("sufix") && hAsync("slot", { key: '3faaf9ba94069c9a7f3a147e9a6ecfec7a38edc7', name: "sufix" }), this.input ?
+            hAsync("gov-form-input", Object.assign({ "on-gov-input": this.onCustomInputHandler.bind(this), class: FormRangeClass.input, size: this.size, value: this.value, disabled: this.disabled }, this.inheritedAttributes))
+            : null));
+    }
+    onCustomInputHandler(e) {
+        const value = e.target.value;
+        if (this.step && isNumber(+this.step)) {
+            const numValue = +value;
+            const numMin = +this.min;
+            const numMax = +this.max;
+            const numStep = +this.step;
+            if (isNaN(numValue)) {
+                return false;
+            }
+            if (numValue < numMin || numValue > numMax) {
+                return false;
+            }
+            const diff = numValue - numMin;
+            if (diff % numStep !== 0) {
+                return false;
+            }
+            this.value = value;
+            this.govInput.emit({
+                component: FormRangeClass.root,
+                value: this.value,
+                originalEvent: e,
+            });
+        }
+    }
+    onInputHandler(e) {
+        this.value = e.target.value;
+        e.stopPropagation();
+        this.govInput.emit({
+            component: FormRangeClass.root,
+            value: this.value,
+            originalEvent: e,
+        });
+    }
+    onFocusHandler(e) {
+        e.stopPropagation();
+        this.govFocus.emit({
+            component: FormRangeClass.root,
+            value: this.value,
+            originalEvent: e,
+        });
+    }
+    onBlurHandler(e) {
+        e.stopPropagation();
+        this.govBlur.emit({
+            component: FormRangeClass.root,
+            value: this.value,
+            originalEvent: e,
+        });
+    }
+    /**
+     * Returns the current state of the component
+     */
+    async setFocus(options) {
+        return this.inputRef.focus(options);
+    }
+    /**
+     * Sets the ordered value of the element
+     */
+    async setValue(value) {
+        this.value = value;
+    }
+    /**
+     * Clears input value
+     */
+    async clearValue() {
+        this.value = "";
+        this.inputRef.value = "";
+    }
+    /**
+     * Returns an instance of the native html input element
+     */
+    async getRef() {
+        return this.inputRef;
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize", "watchControlAttrs"],
+        "value": ["watchValue"],
+        "disabled": ["watchControlAttrs"],
+        "invalid": ["watchControlAttrs"],
+        "success": ["watchControlAttrs"]
+    }; }
+    static get cmpMeta() { return {
+        "$flags$": 4,
+        "$tagName$": "gov-form-range",
+        "$members$": {
+            "size": [1],
+            "value": [1537],
+            "identifier": [1],
+            "name": [1],
+            "min": [8],
+            "max": [8],
+            "step": [8],
+            "tooltip": [4],
+            "input": [4],
+            "listIdentifier": [1, "list-identifier"],
+            "required": [516],
+            "success": [516],
+            "invalid": [516],
+            "disabled": [516],
+            "inheritedAttributes": [32],
+            "setFocus": [64],
+            "setValue": [64],
+            "clearValue": [64],
+            "getRef": [64]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["value", "value"], ["required", "required"], ["success", "success"], ["invalid", "invalid"], ["disabled", "disabled"]]
+    }; }
+}
+
 pick(Sizes, ['_S', '_M', '_L']);
 pick(Colors, ['PRIMARY', 'NEUTRAL']);
 const FormSearchClass = {
@@ -5779,7 +6003,7 @@ class GovFormSearch {
         this.color = 'neutral';
     }
     render() {
-        return (hAsync(Host, { key: '2a4e3dd63dd15981e25c952e3a6f1f5eabdae12a', class: FormSearchClass.root, color: this.color, size: this.size }, hAsync("slot", { key: '393fefd7c775341c8be8067900a29c36776d767c', name: "input" }), hAsync("slot", { key: 'bcb202961db1564bcd4a30ae58a6a686895ea6d4', name: "button-erase" }), hAsync("slot", { key: 'd82551286246b38fa1276bd181c18807e6fb4da8', name: "button" })));
+        return (hAsync(Host, { key: 'aac69369eafa76eee7e1117601008ac8d34b5417', class: FormSearchClass.root, color: this.color, size: this.size }, hAsync("slot", { key: '7f20815a61d662cbfde7f85f40e45277c5494315', name: "input" }), hAsync("slot", { key: 'd2db24dda8aad0577f8d84ea39377df3dd1b9b19', name: "button-erase" }), hAsync("slot", { key: 'd7f38530eb623e1f230e0ec42db0a68f775eec8e', name: "button" })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -5872,10 +6096,10 @@ class GovFormSelect {
         });
     }
     render() {
-        return (hAsync(Host, { key: '4273e7ee3d753e85da24fb9902f8943bc6ce958a', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && hAsync("slot", { key: '1d3da6186b0c3860ea253282386a327f10717d67', name: "prefix" }), hAsync("span", { key: '3a202fd20029deaa2757886cc8657355948c01a5', class: "element" }, hAsync("select", Object.assign({ key: '96804aaaa39be0d91160547ceeb9dde8246cdde6', 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: 'e16cf3fc5c639387be6a1b855a9481d91fdcae20' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (hAsync(Host, { key: 'ece22604354a3bc7b27aebb52b767e720c470fb2', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && hAsync("slot", { key: 'fdff42c0ad6111e691b8246a8cbe3d77cbb9ab94', name: "prefix" }), hAsync("span", { key: '726341bdd8a76bb6dde8af330505d97273007bb3', class: "element" }, hAsync("select", Object.assign({ key: 'cb51afcb898b91f87236cdfd416cd26013e01fc7', 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: '8a81f952601ac949f68047eca18cd7aab61f5ffa' }), 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: '9f8ef18d02c3ecdf5b6db8c337aadd976de35694', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '6c08e6df7892ab26493d90be19ad7d7bf3370d8d', class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '54eae87e6c99c56a2c553db77567fdadc7eb25e5', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && hAsync("slot", { key: '7657a8a108e9239ed697e7323d895fafd29cf19c', name: "sufix" })));
+        })), this.success && hAsync("gov-icon", { key: '4567f0e75b9f9b9eba7a2a624107699ee531c580', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '818e5fe59f78b86280abdf117cb9b786e9ac103a', class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '9705a3e034da03543a074eb206224f3e63236b7c', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && hAsync("slot", { key: 'dd8fcce83d933ce39a8195d288472d013f708870', name: "sufix" })));
     }
     onFocusHandler(e) {
         this.focused = true;
@@ -6098,7 +6322,7 @@ class GovGrid {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '7092dda416db17f4137ecd04bea2659dfe76b0e0', class: this.h.classes(GridClass.root), role: "list" }, hAsync("slot", { key: 'b05231f0b950cd8c6830ee96e3d16e798ed97835' })));
+        return (hAsync(Host, { key: 'e5ca7f6e3554f0e3bd52731a81c3ae4cc809a8dd', class: this.h.classes(GridClass.root), role: "list" }, hAsync("slot", { key: 'e99880d69919891b5b22c0eab933069fbcb4852c' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6132,7 +6356,7 @@ class GovGridItem {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '58d1762c23639140ca76c43b99b6f00451531da9', class: this.h.classes(GridItemClass.root), role: "listitem" }, hAsync("slot", { key: '87b4642506246324607c1ff3c7ca71e98fe5dd0a' })));
+        return (hAsync(Host, { key: '30f35aa2a7d4c2456164b6f0001a915796a07b9c', class: this.h.classes(GridItemClass.root), role: "listitem" }, hAsync("slot", { key: '25e3d4f401f56697a3f90abd01b9add8fa1d238b' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6180,7 +6404,7 @@ const IconClass = {
     holder: 'gov-icon__holder',
 };
 
-const version = "4.2.0";
+const version = "4.2.1";
 
 const dsVersion = () => {
     return version;
@@ -6403,8 +6627,8 @@ class GovInfobar {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        const closeButton = (hAsync("gov-button", { key: '86cbac93b6d258503af7dc3016aeb465b3573072', 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: '4c6b17d93c677e0ad25afc611cd64d42fb5a7d14', name: "x-lg", type: "components" })));
-        return (hAsync(Host, { key: '039cb25b798660d17a34e943d63099bdb09a424d', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: '68b0cea9fd672762f677019f5762368e9bd97088', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), this.h.hasSlot("icon") && (hAsync("span", { key: '6150ac778d70268e75c5c0f9195094ec38869025' }, hAsync("slot", { key: 'c9992923e5c53a6bcc03ab6bcb69b3aa4ea439b4', name: "icon" }))), hAsync("div", { key: 'b95e4a257672af49c273972de9ff41433d5e46f8', 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: 'bf4dbf4e33374f5827d51c7fab56ce1de0e86103', 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: 'c85cebe33a0b06adc79c0adb97d9cabe3d648651', name: "x-lg", type: "components" })));
+        return (hAsync(Host, { key: '82fe497b7f6d4f3aba3bcad0295bb626587952c1', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: 'd2b1a013623206d9662c252f189a5b9edeff009d', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), this.h.hasSlot("icon") && (hAsync("span", { key: '18efd7eecd6eeb683ba2982f9abb2cfc09e90dab' }, hAsync("slot", { key: 'cc093214b7fd417c1baec6918e5613f843a7bb55', name: "icon" }))), hAsync("div", { key: '07d2db35c654390b08318273dbd76456b75ae5e4', 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({
@@ -6473,7 +6697,7 @@ class GovLayout {
         return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
     }
     render() {
-        return (hAsync(Host, { key: '2683ce4af13c8862c4cb671735c30ed630c9b452', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: '48f71de1a388997388849018cf93bb8e305d51f9', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: 'f4955f6e169d0fbc55a74ae8759ab5e82dc24f71' }))));
+        return (hAsync(Host, { key: 'f22ec016a02ac1c97f570f167ac14fbcd1a82f21', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: 'b6e46bbe21ac021b63f6afa1f96f2195afd9d456', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: '789e8b9c425651966356c485a140dfa7fd549e50' }))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6496,7 +6720,7 @@ class GovLayoutColumn {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: 'd312c9ffd071d7f002ed74095279ac3c1c549c48', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: 'c57685e71dc20fb558a3b9c21ff2456906130b54' })));
+        return (hAsync(Host, { key: '48f578ba8365e6f3748a4ac6766784a4062846e1', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: 'd5aca194eda1174fa71401f66d17743d1f260a50' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6542,7 +6766,7 @@ class GovLifecycle {
         console.log('componentDidUpdate', this.uniqueId);
     }
     render() {
-        return (hAsync(Host, { key: '556587d121852458ea1bb0aefb93e370db14854c', identifier: this.uniqueId }, hAsync("span", { key: 'd61e27a4e6cff37986e9494576b58adca98bb755' }, "lifecycle ", this.uniqueId)));
+        return (hAsync(Host, { key: '8c519b9d20ae1a95fc4ac207fe447916219deaf4', identifier: this.uniqueId }, hAsync("span", { key: 'd034bb091344d475bbb1a420d35e88dd1291ba45' }, "lifecycle ", this.uniqueId)));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -6565,6 +6789,7 @@ class GovLink {
         registerInstance(this, hostRef);
         this.size = 'm';
         this.external = false;
+        this.truncate = false;
         this.href = undefined;
         this.target = undefined;
         this.inheritedAttributes = {};
@@ -6582,7 +6807,7 @@ class GovLink {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '7aef45575f952100a25a516df44a62337fbdf1e1', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, hAsync("a", Object.assign({ key: 'cba0aac863ce6dae404356cd960c6782e418d856', class: "element", href: this.href, target: this.external ? '_blank' : this.target, rel: this.external ? "noreferrer" : null }, this.inheritedAttributes), hAsync("slot", { key: 'b3379f496c8d5f163ffa9f6a58655666e1c23e54', name: "icon-start" }), hAsync("span", { key: '385c05b3c80e93678c5525609c477c7c157f9f44' }, hAsync("slot", { key: 'a67cbe6a79e0eafa287ca32984061c4000b19cf5' })), hAsync("slot", { key: '6696335405444439c32fb8b9817926a40fc7a48c', name: "icon-end" }), this.external && hAsync("gov-icon", { key: '4773079d84ca23e0000ae31fca59d09e95d1f45f', name: "box-arrow-up-right", type: "components", size: this.size, class: LinkClass.external }))));
+        return (hAsync(Host, { key: '1e7fe110dd7ffc47364765cd01d17adf78db675c', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external, truncate: this.truncate }, hAsync("a", Object.assign({ key: '4a9148c0adfd79bc7cb0953768929b702530c298', class: "element", href: this.href, target: this.external ? '_blank' : this.target, rel: this.external ? "noreferrer" : null }, this.inheritedAttributes), hAsync("slot", { key: 'ca80033f0525c11e0f16bb9cb93c746816144e54', name: "icon-start" }), hAsync("span", { key: '0338222112b926d141ff42538489d7d019997560' }, hAsync("slot", { key: 'a492aed90aed29892e4522f602858d8a84c5f010' })), hAsync("slot", { key: 'f9f60c054849df9980b26ca09804218476d3b4ed', name: "icon-end" }), this.external && hAsync("gov-icon", { key: 'fbe4cd9d42ae1bcc1f3666271f49ee96ff49d112', name: "box-arrow-up-right", type: "components", size: this.size, class: LinkClass.external }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6594,6 +6819,7 @@ class GovLink {
         "$members$": {
             "size": [1],
             "external": [4],
+            "truncate": [4],
             "href": [1],
             "target": [1],
             "inheritedAttributes": [32]
@@ -6624,7 +6850,7 @@ class GovLoading {
         this.validateSize(this.size);
     }
     render() {
-        return (hAsync(Host, { key: '94858803191375ac772236470c1db63c2823b74d', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: '817f8ba4e3c9a6a37732c00480a10033b68ca360', class: LoadingClass.content }, hAsync("gov-icon", { key: '93496ec9365c67bd05d5561a5ffbee4e7384611c', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: 'ba4e09cc9bc1a26e9df6f852c5809a980e0bf3fd' })), hAsync("gov-backdrop", { key: '3cb83fca1624bd0593f92b46860b8160d0d1bbcf', inverse: true })));
+        return (hAsync(Host, { key: '84c4d73523ef359fc224441d2b3ee700b9d563b3', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: 'e8e9bda9cb6d86fdec2022b8a9b3fba9f5ee423a', class: LoadingClass.content }, hAsync("gov-icon", { key: '7adafe593b0c37da48dc3da5eb43bc25c504e9a4', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: 'e4b8461f84f519b70eea2a1bb10cf86e9e3d14ca' })), hAsync("gov-backdrop", { key: '0c044675ab012d028dcc7772c2ad0dfb0aa08de2', inverse: true })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6664,7 +6890,7 @@ class GovMessage {
         validateProp(Colors, newValue, MessageClass.root);
     }
     render() {
-        return (hAsync(Host, { key: '2592f0650b052d0612436c82b793abba16f91190', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("span", { key: 'bcafdfeb80e3fd8a3a765dbe1d534725d2e7920c' }, hAsync("slot", { key: '04f301600ba4e83d17c0615c30c807a226c7d14a', name: "icon" }))), hAsync("div", { key: '7fcaa833d295a29c966f80abea5978fe4ebb6b40', class: MessageClass.content }, hAsync("slot", { key: 'eef1fe939fd94144d03a14c02a2d7fc87cdc8662' }))));
+        return (hAsync(Host, { key: '6cdca867db0d3576076bba0518cbfc844762aa9e', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("span", { key: 'b28876f005e857aaddaf2afb6372745978abb926' }, hAsync("slot", { key: 'b88920a480dfdd18ddcdcc013ff36a81d6de1707', name: "icon" }))), hAsync("div", { key: 'ad9e4ef4894877d53f0b7c598035c0c35e317054', class: MessageClass.content }, hAsync("slot", { key: '78f8e1a9ee32eddaeb7b78e029476a525975ee6d' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6990,7 +7216,7 @@ class GovSkeleton {
         return Object.assign({}, dimenssionsStyles);
     }
     render() {
-        return (hAsync(Host, Object.assign({ key: '5f948f681fcb9e8edeba710b0bc9b44d4bd44c68', size: this.size, color: this.color, class: {
+        return (hAsync(Host, Object.assign({ key: 'fa43a5bc92210a51bb681449542c6f5c2863e3ad', size: this.size, color: this.color, class: {
                 [SkeletonClass.root]: true,
                 circle: this.shape === "circle",
                 line: this.shape === "line",
@@ -7053,7 +7279,7 @@ class GovSpacer {
         this.validateBreakpoint(this.breakpoint);
     }
     render() {
-        return hAsync(Host, { key: '4108672a0c9d849121d0274cdf5cb29564754eb5', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+        return hAsync(Host, { key: 'f4c81a7820625de045b36a5bee9ced0eebe8e433', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7117,7 +7343,7 @@ class GovStepper {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: 'ad86791a6b34280a775b8d07e1ec8da2d7644fcf', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: '06f185f754181401b2031eee17c1309854900531' })));
+        return (hAsync(Host, { key: 'bd6e7b6f72fd48d41b692c92beb9446cf1e5e943', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: '81ca63a0aa077cbcfe944c22aed8e3d6cb05af83' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7159,7 +7385,7 @@ class GovStepperItem {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const contentId = this.contentId;
-        return (hAsync(Host, { key: '08ccd5ea73c3269daa18fc8bba6dd18480ad7816', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, hAsync("div", { key: '35fdc536d55fff74470ad2a9a8402a5629fb86ec' }, hAsync("div", { key: '0b37d829fae45660196edc0509897c28d9e508ec', class: StepperItemClass.steps }, hAsync("span", { key: '2f8794f09a43b40063297dedd0995eb1f69fe2b3' }), hAsync("span", { key: 'e0a4ff933a1ce97d6831d47d2281f2158a7d234f', class: StepperItemClass.prefix }, hAsync("slot", { key: '237aed2bfa1229906fb09d36d65158569ecf58a9', name: "prefix" })), hAsync("span", { key: '023e70f587369773800f3ce963058d8a35700710' })), hAsync("div", { key: '75d13eabc53fc14e48e8ed21d19010ab4b2f4cb5', class: StepperItemClass.main }, hAsync("span", { key: '22aab53d261746e0dfc0cfe7815259430aa297dc', class: StepperItemClass.headline }, hAsync("slot", { key: 'f544727ea1c6516a567bb45cc8159c5d9f2657fd', name: "headline" })), hAsync("slot", { key: 'a017ee18733dcaa2499b40ad9c341d480a26b0a1', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: '854112defb09e451c1748a35b566f785792e3418', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: '2ba008423af0ad9db10874b1c3f87a27a252bb72', name: "content" })))))));
+        return (hAsync(Host, { key: 'ef017294b38b6fda6da1bceb8a85185a4f088270', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, hAsync("div", { key: '37ebc08427d94722ff4127b6aa39b4f28e2844f5' }, hAsync("div", { key: '0f74091afd24d44a77249cadcfc51a3618985632', class: StepperItemClass.steps }, hAsync("span", { key: '397c1a50f02498ff849d0b93dbca66cae076761e' }), hAsync("span", { key: '5b70a1ada896d1f3092acf345eae2d6265513cc5', class: StepperItemClass.prefix }, hAsync("slot", { key: 'e6b30945934e11db11d0ee035224b1969bb3808d', name: "prefix" })), hAsync("span", { key: 'd0ab63fc8038726b39ca41a79f8d73c5cad9b670' })), hAsync("div", { key: '76366242f47074a4e5f18062d7cc0a5ad54c22aa', class: StepperItemClass.main }, hAsync("span", { key: 'f28fcf03b8abe71de585c41d378d4a9a8fda4f5a', class: StepperItemClass.headline }, hAsync("slot", { key: '41dac89031060fbb12d36ba2ca1d0d65f0bfc372', name: "headline" })), hAsync("slot", { key: 'c4ce96cb0625d66244887874de84981101014d39', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: 'd45cd14c4e1b8cfd48cb73673be3d7da76a662e6', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: '3a2896b00d01c76ecb0346d601801c538ab9ba8f', name: "content" })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7311,7 +7537,7 @@ class GovTabs {
         });
     }
     render() {
-        return (hAsync(Host, { key: '7bb6938fcf7bc4164675f8fefa28658a55d7f8db', 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: 'b0b13ba45a743dab4427d347d41552c529224c8e', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: '079d04cff5d370351523653a04ddfc54956be6e3', 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: '59db7cbbeb5a5a0024ab356ec89146b737374ddb' })));
+        return (hAsync(Host, { key: '38d228c9ed6d09ab8d3b49dd3c51f6573b1d991b', 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: 'f88f5af844c12ce180507ca5b1ffff72885440d1', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: '0a0ef5e51d29fcdbba61a0139ae51eb0cf96cf04', 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: '031978d82e01e604b306c6e37948dc67ce9ed89a' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;
@@ -7444,7 +7670,7 @@ class GovTabsItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '1cd671d422ff816437c778c22193c897d0755e8a', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: '2473a5ef26157b0f1c5853ba38642ae5e19e437e', 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: 'f0c3c0e8ade04a638a7cad9eda92249bb399fc3b' }))));
+        return (hAsync(Host, { key: 'e82ff844f1965fe51e3ac002c266c5598b986942', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: 'e76bdcd16fc36489d53657075b9a55f7864578c9', 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: '8fbe8e26b722c3d6a2cdbb1f7f5003c85f71227e' }))));
     }
     /**
      * Returns a unique tab content identifier
@@ -7532,7 +7758,7 @@ class GovTag {
     render() {
         const iconStart = prepareIconFormat(this.iconStart);
         const iconEnd = prepareIconFormat(this.iconEnd);
-        return (hAsync(Host, { key: '2666286a982e645f733c109a70f5463e002fe6ff', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: 'e71f4041d2bbaa983948f44e6782c0dd33c5943a', class: "element" }, hAsync("slot", { key: 'c35c4b9b661a6aeed75e15dc96de454b53bbbece', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: 'de5abfab508e4b5c684e9db5af2f9070244a5730', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '745c8a357a058af3f0d897045219a057ccf0c4fc' }), hAsync("slot", { key: '4f9393a61fe22e3696ddfc194afced17cd95f673', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '25701722d4cebce173fa354460ac7911c9f2a44b', type: iconEnd.type, name: iconEnd.name })))));
+        return (hAsync(Host, { key: 'df3988a7cb0dbf8e7ee418918e9f65e7cca6ba87', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: 'bcb9b024178012722badffe0b0faaf79e2e8a933', class: "element" }, hAsync("slot", { key: '2651a7dbce1b7a893dfc703e1393235286353e4b', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '111e55c5ee1edaf6b578af8f37667e18c4d2487c', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: 'fb60c7f3f3f25168f062134a93c4c4bb039fc29b' }), hAsync("slot", { key: '20e64ee3addb1e45de10d486d25d7f024725626e', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: 'e11b23de2ce9b35a27367c7ba7bb1b907bded75b', type: iconEnd.type, name: iconEnd.name })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7635,7 +7861,7 @@ class GovThemeSwitch {
         if (this.theme === ThemeList.auto) {
             isDark = this.isSystemPrefersColorDark;
         }
-        return (hAsync(Host, { key: '7c9fc2abd555e5254c86ff58fe3e70be5a30b83c', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: '1dc6ac1588fc2f2b48089400953c44e04d59e213', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, hAsync("span", { key: '59e19f4450ea2043edf7c037538bab5a0d605569' }, hAsync("span", { key: '34640deb4ff3215653f47d54b59ae6763a793333', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: 'e1583fe54eae0ab7eeb2eb4919b5dd144bb43aa3', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: 'cb63ce2aa41321bcb7c59d0c02f47f62b80fd104', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel ? (hAsync("span", { class: ThemeSwitchClass.label }, isDark ? this.labelDark : this.labelLight)) : null))));
+        return (hAsync(Host, { key: '492cf756810462ba0764668a134b2ecd5133d562', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: '02b94994619dd3fbb998acdcc16c907c69ea6723', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, hAsync("span", { key: '0beb069c94ed4337a6c2de4d8ee8640123bc3bc5' }, hAsync("span", { key: '57d9fc00520b8cf98108d9b5a9710d6066861157', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: '3cd1693dcf28658943146386c97b834e5cf4534a', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: '139adcafc399eed5482c15273a37331598bbe179', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel ? (hAsync("span", { class: ThemeSwitchClass.label }, isDark ? this.labelDark : this.labelLight)) : null))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7682,7 +7908,7 @@ class GovTile {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: 'c2b0a1596d12d921dfd934905e19f778826d3ffa', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: 'dbd0b5222be8bd00f87c94f1054913e0f7ef203e', name: "icon" }), hAsync("div", { key: 'cbae639cc5c2d1a0837d8c3c18c9ff5b19ae861e', class: TileClass.content }, hAsync("div", { key: '5072ae5919ef7f61cbb0d43805b6198c081aa5cb', class: TileClass.text }, hAsync("div", { key: '825333bee20b729833fe7f66e9908c763048eddd', 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: '150177ba86ce79dac70ef8dc3ab93b5bd6468b03', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: '85f73ae3797a9b490a7d0f94cbd87717059d0a38' }))), hAsync("slot", { key: 'e18f72da9af1e305b5a52d7328f509a670b806a0', name: "button" }))));
+        return (hAsync(Host, { key: 'ab52fb23f84579e2b32b063e45f7bf23605011d6', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: '6a2bf399f6767b74a29e2372d84025bd5046377f', name: "icon" }), hAsync("div", { key: '64b519f3b42dc5c9f51d4564a083aa95448c61b3', class: TileClass.content }, hAsync("div", { key: '56b85285dd5151ca428889fe78888289a1ce75bb', class: TileClass.text }, hAsync("div", { key: '2f26093e140f3db65d5fdb08daf834686b0b5743', 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: '25d8abd31e31062bd2da487c0ff9946b1893278c', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: 'bebce043085e0440e2eca20c3af4abee18b292e4' }))), hAsync("slot", { key: 'e34513bbd6c59b113f6c8f39d6ebfaf61696d2fe', name: "button" }))));
     }
     /**
      * Returns a clickable element instance
@@ -7773,7 +7999,7 @@ class GovToast {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'c5ff6e1b44b5bd6be76071fb1a06863d40fbafc4', 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: '12bed10d321d58f2a60624b40442cd1af7f5a148', class: ToastClass.icon }, hAsync("slot", { key: 'd190b0fa180d1d7fa7d7de31e57e6443d878ef8c', name: "icon" }))), hAsync("div", Object.assign({ key: '1d3b58d5e24a9c8de248d762fd86226b4d0734cd', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: '9db11a8e04576242515cd043a500f0b8114f4210' })), hAsync("gov-button", { key: '781d407d84f718b11a2c5f809c4508e2c0da5499', 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: 'a73f8ec772d777df9b5a26cfa9f05fbeb82608ff', class: ToastClass.timer })));
+        return (hAsync(Host, { key: '1e6e189eb820b1d3cc2b8404ad449ad91d0d81cb', 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: 'e55556b89b1e667e3eded15cc0293afad61a55b5', class: ToastClass.icon }, hAsync("slot", { key: '918cd31f3e80f36ea346ad1be27d093baab60eef', name: "icon" }))), hAsync("div", Object.assign({ key: '6232d63367c11301b626620211b8a7cc30f171cf', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: 'bfd4174fae30924135ca10b1a1f2a2338179de24' })), hAsync("gov-button", { key: 'd1f68ef7ed4933bd15987843df78d142c9d4e588', 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: 'f863b0cb33027641fff15771b051a091d4fdf782', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.govClose.emit(this.toastId);
@@ -8030,11 +8256,11 @@ class GovTooltip {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '07a76faeb64a6487ab5d2fe50caf2af04be01365', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: 'c38c8e9eef234298a424a5d3e55664e1fe9ebbbe', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+        return (hAsync(Host, { key: '8bb512960020b0945a8f54f5c6bd52062b426a26', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: 'd47065c5bef5f580101322a95e18905ec489ce29', 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: '0ec9ab85c4242040aedfc1369946de4f1bea3e3a' }))));
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, hAsync("slot", { key: 'a206caa511be168a6df2a34110b2aeeffe732354' }))));
     }
     /**
      * Showing the modal
@@ -8105,7 +8331,7 @@ class GovTooltipContent {
         }
     }
     render() {
-        return (hAsync(Host, { key: '28e778cbda440ea6026ed604d5713c451ed49f36', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: 'f7e08e2fb6029b4d5bca3f7fdce286f67c7f77d0' }), 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: 'f147a718b5c556b3314f48a86edfd9ee4db6d93e', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: '4cde158814765edfb1fc6ab1e8cce6ad1d98e175' }), 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 {
@@ -8179,7 +8405,7 @@ class GovWizard {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '1b9c171c02a8fc7526742f8270bc6459dd717621', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'b2f89e63d7572f9e0df90a326f8cb50598dca1cb' })));
+        return (hAsync(Host, { key: '139efd57338b63026c56d3feea4aea70de7e0784', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: '7ac5d8219bea45ef32ded0785cb94c052a001f35' })));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -8241,8 +8467,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: '3557f69ef4f08fa89200283444c12b36051ef5cd', class: WizardItemClass.prefix }, hAsync("slot", { key: '0847a8d5c4dbb458d712162842dc06ebb643ded4', name: "prefix" })));
-        return (hAsync(Host, { key: 'df368a1f27a0ed3b6cd0291cd8aeed3defbccdb8', 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: '72e83e2b44b458055a82e874e47078197e797db9', 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: '394a8843e47dd540dd1b22ba6cec699f73d55870', class: WizardItemClass.prefix }, hAsync("slot", { key: '811680c41b1729b689a0679e16e3aba4455d4d17', name: "prefix" })));
+        return (hAsync(Host, { key: 'e99661de092cfa2f0476faf5fb9c266e52bb3b0b', 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: 'a2a2218a1b036da0c9a6edb7b0c0ce1be5a214ff', 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();
@@ -8333,6 +8559,7 @@ registerComponents([
   GovFormPasswordPower,
   GovFormRadio,
   GovFormRadioGroup,
+  GovFormRange,
   GovFormSearch,
   GovFormSelect,
   GovFormSwitch,