@gov-design-system-ce/components 4.1.3-BETA-4 → 4.1.3-BETA-5

package/dist/hydrate/index.js

@@ -6054,15 +6054,11 @@ class GovIcon {
         this.color = undefined;
         this.name = null;
         this.type = "components";
-        this.error = false;
         console.log('GovIcon constructor');
         this.h = govHost(this.host);
     }
     render() {
-        if (this.error) {
-            hAsync(Host, { key: 'c4155bb25d253caef79470714cbb8e3ae76c01b8', class: this.h.classes(IconClass.root), size: this.size, color: this.color }, JSON.stringify(this.error));
-        }
-        return (hAsync(Host, { key: '98413326fc9741acb99a60ef2d81985ecb7f271d', class: this.h.classes(IconClass.root), size: this.size, color: this.color }, "Icc"));
+        return (hAsync(Host, { key: 'd67f8522556dd6bc146746686df41951a74944a4', class: this.h.classes(IconClass.root), size: this.size, color: this.color }, "Icc"));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6072,8 +6068,7 @@ class GovIcon {
             "size": [513],
             "color": [513],
             "name": [513],
-            "type": [513],
-            "error": [32]
+            "type": [513]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -6130,8 +6125,8 @@ class GovInfobar {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        const closeButton = (hAsync("gov-button", { key: '4569d98296984f33ff83947f92a95a0a3bf0d3e3', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, hAsync("gov-icon", { key: 'aafcdbde7ca0e13d9e733036da6cc6085143966d', name: "x-lg", type: "components" })));
-        return (hAsync(Host, { key: '9b558a0c786862d032ed6fb5d274fc0c3cdae617', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: '9bded4750afdfef6ace0e5a39be2d6283b30d725', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), hAsync("slot", { key: '011f9d52f9f971a560fd0220be40b5a221a5f4b3', name: "icon" }), hAsync("div", { key: 'd613d4ab22f89da935fe60b866ea262802c5d18f', class: InfobarClass.content }, this.h.hasSlot('headline') ? (hAsync(Fragment, null, hAsync("div", { class: InfobarClass.headline }, hAsync("slot", { name: "headline" }), hAsync("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, hAsync("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), hAsync("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, hAsync("slot", null)))) : (hAsync("slot", null))), this.closable && closeButton)));
+        const closeButton = (hAsync("gov-button", { key: '03f7921b0eef199be48f021a23f431cfb116d001', 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: '5b8385ff70a5ae33032451d56e1d1a2e4938656e', name: "x-lg", type: "components" })));
+        return (hAsync(Host, { key: 'cb9dbd10b36253597b3190b5ec6558761cf32ffb', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: '301e4d6b31069183e7a84015bebe0ca9ffc0c667', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), hAsync("slot", { key: 'a0cb4376440cc034c501dcb41f0f8912e6331a0a', name: "icon" }), hAsync("div", { key: '99f1c4dbf739de828c10277e83a3c94e9aaf68bd', 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({
@@ -6200,7 +6195,7 @@ class GovLayout {
         return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
     }
     render() {
-        return (hAsync(Host, { key: 'ba8fc53df2f13fcf8b87f25f073d0284b68b0a3a', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: 'f645a9b32495c4fc1c0c86a0078c78c4bc00a1e8', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: '5b0d1a3a137a8fe3bb90ae5dff2dbc179575af56' }))));
+        return (hAsync(Host, { key: '0797feef52b833ead99b61d5aa78c0dbc4f5b5b7', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: 'aab90b8796879b296ae09f3a7975e8931adacea8', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: 'ac79827788dfac2c3e2cfb57671a4b9422d31d7b' }))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6223,7 +6218,7 @@ class GovLayoutColumn {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '8566cc892984b1ce728c679107e228d8320f3048', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: 'e3a085ef568fa75ef813b775344adbd6f4ef2773' })));
+        return (hAsync(Host, { key: '6d327408b450774b24d976e4450378d3cb41fc99', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: '8c73b3c0a3c5e1e4a79205bc7631ae8579f38643' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6269,7 +6264,7 @@ class GovLifecycle {
         console.log('componentDidUpdate', this.uniqueId);
     }
     render() {
-        return (hAsync(Host, { key: '7bd4b9b30b6fe4e1732232fa4e70d66756c2139d', identifier: this.uniqueId }, hAsync("span", { key: '70d6b8d178133ee89b795c4018687c7afb2576f0' }, "lifecycle ", this.uniqueId)));
+        return (hAsync(Host, { key: '914b3fa860f16bb35d1219f9d758cc7c0c51ca1a', identifier: this.uniqueId }, hAsync("span", { key: 'ccd8f0d9c97e53e958d0db4452d12c66fc33dd7a' }, "lifecycle ", this.uniqueId)));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -6308,7 +6303,7 @@ class GovLink {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '8723fc6fc0cf3faf4a0fb48b38ad2f0d0a21704b', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, hAsync("a", Object.assign({ key: '1bfe7837dab38690789ec818f6134a50a93d1e4e', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), hAsync("slot", { key: '96d6ce9e164a8fa5b6d5c115d52988bdfff3eceb', name: "icon-start" }), hAsync("slot", { key: 'bcc373fec9e7e159c6b31a2ad846dd929d189d1e' }), this.external ? hAsync("gov-icon", { name: "box-arrow-up-right", type: "components" }) : hAsync("slot", { name: "icon-end" }))));
+        return (hAsync(Host, { key: '3555b4e5b485f3928dba84bf929d3d22d0e5d4ae', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, hAsync("a", Object.assign({ key: '4844af47b5a20f84b7ea81812eede0d0361208e8', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), hAsync("slot", { key: '4a77215c37a5807be36a996ab250b52b4eaac64c', name: "icon-start" }), hAsync("slot", { key: '1f10e44babae3c7cfb702ca61b8f9c5dc0cbe999' }), this.external ? hAsync("gov-icon", { name: "box-arrow-up-right", type: "components" }) : hAsync("slot", { name: "icon-end" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6350,7 +6345,7 @@ class GovLoading {
         this.validateSize(this.size);
     }
     render() {
-        return (hAsync(Host, { key: '3f7cec1f98aa0c68f42eb3049ae8d34270e17258', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: '9ad1ca86b0221f2668f47eb72c080e9ecd05ed68', class: LoadingClass.content }, hAsync("gov-icon", { key: '5d75c634386c8226c553b787355b29b0581601c5', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: '99ff7f6f1c8bd8135959ea36bc484eab6c9a4b6b' })), hAsync("gov-backdrop", { key: 'dcaa2ab6dbcca347d5934df52e0f4989701c0259', inverse: true })));
+        return (hAsync(Host, { key: 'c898509b3ef6060aaf7fe430738f8b40ae37810f', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: '2dcb83c719ba81284fe78c1c30a12c4630571712', class: LoadingClass.content }, hAsync("gov-icon", { key: '9e499b414ceb2b601b5f7f093f403e4317fbebec', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: '638d2b827845d5ca7b6ac9dc4ebb27e790dc710e' })), hAsync("gov-backdrop", { key: '1124baa1e77cf732888acdd3938d5b3661514b6d', inverse: true })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6390,7 +6385,7 @@ class GovMessage {
         validateProp(Colors, newValue, MessageClass.root);
     }
     render() {
-        return (hAsync(Host, { key: 'e9250a61d94bf14a9d32eef5a69a9347df89a1e2', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("slot", { key: '00a69ab91656245790d88c02cbaa14d365f48140', name: "icon" })), hAsync("div", { key: 'c95cb839c2f24f744aff2a9580c44c18102d1fc9', class: MessageClass.content }, hAsync("slot", { key: '71d8d21cff90b5498940d99947d62fec1f400f1e' }))));
+        return (hAsync(Host, { key: '21d5bfd1df1e7e4f4a9997d3ac530c5782f8781a', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("slot", { key: 'a05f13714529add991bd5a3c54e3ba28c00568b3', name: "icon" })), hAsync("div", { key: '9955a18a98e405947bc50fb233c9506038336300', class: MessageClass.content }, hAsync("slot", { key: '9c95c386a0747b36115cfd60d6719b7f738006de' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6714,7 +6709,7 @@ class GovSkeleton {
         return Object.assign({}, dimenssionsStyles);
     }
     render() {
-        return (hAsync(Host, Object.assign({ key: '9e026075a3ee04f09546bb686ec04309374da466', size: this.size, color: this.color, class: {
+        return (hAsync(Host, Object.assign({ key: '881e753455535f18553d6ff8abfc3e2fab0f158e', size: this.size, color: this.color, class: {
                 [SkeletonClass.root]: true,
                 circle: this.shape === "circle",
                 line: this.shape === "line",
@@ -6777,7 +6772,7 @@ class GovSpacer {
         this.validateBreakpoint(this.breakpoint);
     }
     render() {
-        return hAsync(Host, { key: '49415f0b2a4bfb25ececcd115bd1e8bfad250938', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+        return hAsync(Host, { key: 'e42a12db071b1b5224b47f3655fb58e20ee8c611', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6839,7 +6834,7 @@ class GovStepper {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '208bca5b06fce13b8f87f0cc4497860c01d2d56b', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'a0ec9b8b5e03062e4b9547cb9fbfc73fddaa0519' })));
+        return (hAsync(Host, { key: '7f4c6fb4087d7a5dbe61a45d6b2818d4242c6340', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'dc925a52989ea99d546d492762e3c902e2b8072e' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6881,7 +6876,7 @@ class GovStepperItem {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const contentId = this.contentId;
-        return (hAsync(Host, { key: 'f722a022748d8fcb4ca0a27108a7e2e2980a1602', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (hAsync("span", { key: 'eed745cace26ca1d31c6441dd7be76d3dfa6bd4c', class: StepperItemClass.prefix }, hAsync("slot", { key: 'd5cab6411231cd082468bcc5c244ee75e0dba147', name: "prefix" }))), hAsync("div", { key: 'c13c92aa7890f8406eb5870caa93d186801c0a75' }, hAsync("span", { key: 'ad456eb4699a3d32dfa2d5d477bd346cb1814473', class: StepperItemClass.headline }, hAsync("slot", { key: '0dfdb036dcc108943be0795269e7e0b5f8ac0a29', name: "headline" })), hAsync("slot", { key: '24220b19c2f3c6af35407da423bb1900dc363db8', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: '2bdd3feeaeafdcf73534bfadb5ff29d90eb9e037', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: 'f2f70633c3c2adcc7bd407a23863e0a6fba5ec89', name: "content" }))))));
+        return (hAsync(Host, { key: 'fc00ba7e0c3be93e6a169bdb03e1e5c6c5853572', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (hAsync("span", { key: '8a6bc5466c813daed63d9bbe79cdff140c6efe0d', class: StepperItemClass.prefix }, hAsync("slot", { key: '91113b50c14f4483bb5e105d3f9edeededf4e012', name: "prefix" }))), hAsync("div", { key: '3fb2989980a0ae0e5dea17acf6cebfff7cdd3e9a' }, hAsync("span", { key: '62ab2a21f486c91574fdc727a11a7f799ee502ab', class: StepperItemClass.headline }, hAsync("slot", { key: '78ac018eb5041a6c41f929b6d94dbd9dcb87ee66', name: "headline" })), hAsync("slot", { key: '9d45b3bc137a55f6e54f453c82bde7ce39840cd0', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: 'b845c4314ceac232f624906c71648e2e10fe7b98', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: '3571a4cb451f1d64497b31ebd3db6618ba76bdc6', name: "content" }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7032,7 +7027,7 @@ class GovTabs {
         });
     }
     render() {
-        return (hAsync(Host, { key: '75a6dc2d1bb8afb13e3d63b44bdd00e230a49fe6', class: this.h.classes(TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, hAsync("div", Object.assign({ key: '1fc7ff9eafaaab713727787a1bb0c7364ad3cf4e', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: '82a67f585c9a394175bb64be57e669d886b3d4f6', class: TabsClass.list }, this.controllers.map(control => (hAsync("li", { class: TabsClass.item }, this.type == "text" ? (hAsync("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": toBoolAttr(control.disabled), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (hAsync("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), hAsync("slot", { key: '8af7e27c0410ba9a4c0f79a1c44275e5811e9463' })));
+        return (hAsync(Host, { key: '1fffeff827b0d4944bf701c3a838eebd9666abcb', 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: '3be472d6bc3d111de4b73f1c6e6a89d5d7e92110', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: 'cc7108c86e22104094ef8eb6d1430a0a0abe11db', 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: '6e8295947f0555d54060a29fd8f5b7c607be4c20' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;
@@ -7165,7 +7160,7 @@ class GovTabsItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '7cf18cf8a10a4c03dd51922e31e18dac86aa217d', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: '3a707d9494c5055c3763f4cdf840522fae5e7a2a', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, hAsync("slot", { key: '289b661851fc6d68a5d6dd376a6e31b691e25aea' }))));
+        return (hAsync(Host, { key: '20bb9dd4a6cf12190de8518c7cadc794c82c896b', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: 'fd9a14dc61b5297ecd9392cb605f89d459723c27', 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: '2be087e8c8641b14bf4a3e34784ca1f182b34850' }))));
     }
     /**
      * Returns a unique tab content identifier
@@ -7253,7 +7248,7 @@ class GovTag {
     render() {
         const iconStart = prepareIconFormat(this.iconStart);
         const iconEnd = prepareIconFormat(this.iconEnd);
-        return (hAsync(Host, { key: '3db464a03e796e1f39f763e6abae426493dba509', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: '9986433153337923f763c433ef38fe660682cceb', class: "element" }, hAsync("slot", { key: 'c1ae339376733e53c0a1128e3bae3bf089ec2636', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: 'cb6019f48fba629017cd81f128a73594232c1400', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: 'bc377acceea52991f745159407bcc88e5ad16f36' }), hAsync("slot", { key: '917815f276973256dfb8ae250f05a11a52644026', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '826b342c39b7fc64d9d2b4de414f197727aaf033', type: iconEnd.type, name: iconEnd.name })))));
+        return (hAsync(Host, { key: '6e4203592cd24134cb9e1a187dbecd6cc70d20bb', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: 'a58f1a4fd78d57f8e4a89d1c325ea0f24347ccaf', class: "element" }, hAsync("slot", { key: 'bc52f9aa456b154b67b97903babe69c8b7731f50', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: 'ed492a9c4746766d8ac7bf810da994147d189133', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '52e2c10f8048aa0168dc7daf44392f19dd118e43' }), hAsync("slot", { key: 'ccbd781c7a0e8fd2e02725cebc5df48e8e84b6ea', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: 'cce60e6a25e14d42281111979b7689d03ea264e1', type: iconEnd.type, name: iconEnd.name })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7382,7 +7377,7 @@ class GovThemeSwitch {
         if (this.theme === ThemeList.auto) {
             isDark = this.isSystemPrefersColorDark;
         }
-        return (hAsync(Host, { key: '69953e43bc5af385756f45a4b3f48c00da40eb56', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: 'dcd3c5139f136ea8e7f3cff133d5d7d189f206e3', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, hAsync("span", { key: '88e0b66d9d3a3f6d0bfe6b6ff500b01d56303dd2' }, hAsync("span", { key: 'ed70d115191d7f631064605a5f16bd4881eac984', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: '6aefa98feaef09eee20d185283d69bae8784e775', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: '838fa18df5dfc70c11a5f13b0b9fe0cf1575c779', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel && (isDark ? this.labelDark : this.labelLight)))));
+        return (hAsync(Host, { key: '51cbe413c4cd97f82ae8e34376cad4cb59c3a41d', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: '8f7dbeec9ff6617c4953c4a0582b374baf7ba8c3', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, hAsync("span", { key: '64f9a96872b50f33483721541178e0d4c553d834' }, hAsync("span", { key: 'f363538d18d9a4419f1ef15b1172c941277372a3', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: '762947b5442313672e7ace3ed59523404f548b5b', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: '371ace4006ae511225583323682b08c8bc154f61', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel && (isDark ? this.labelDark : this.labelLight)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7429,7 +7424,7 @@ class GovTile {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '2db96c3a36b8b758ebc614fcfb6c2b84f96fbbd8', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: 'e7e09b6b17ebc3b80bc2e47ce39cb2f805155abd', name: "icon" }), hAsync("div", { key: '8009a0260cd1e46d4b93aae338ac013a71d6f03c', class: TileClass.content }, hAsync("div", { key: '555fc2debee1bd2796dfabcdaef99f7c59004a4b', class: TileClass.text }, hAsync("div", { key: '49fc14fd9dd525ee4f5033a512bc92014f7b6492', 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: '71646466cd7445dff77ec870d9c6390e2d301e59', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: '709cbf3f44f26a93569be8a0889056445145eed5' }))), hAsync("slot", { key: 'cbac863714d6fd1fa2d1622297c5599a0ce09809', name: "button" }))));
+        return (hAsync(Host, { key: '84c41fa8adec27a169b9af69b9d7542bd86dcf36', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: '7176b3b1da20e5ba92c87c32b48f850e141558f9', name: "icon" }), hAsync("div", { key: '614de838391b6e65368cdb58b5db81af5a344d21', class: TileClass.content }, hAsync("div", { key: 'f952461981e6a5f20172a6d0ad9d041a5f9d8171', class: TileClass.text }, hAsync("div", { key: 'fb411a7f50a8a0ecb6015a69fccb8b0832c5aed4', 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: '555c1aff4029a9b62f8e53391da8e289d373e100', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: 'e9310d039ca17a2a45dc9ef6a04c107dc6cf1bcd' }))), hAsync("slot", { key: 'e8c792e1682c30d5dcaf33798908ec06da7a8d1a', name: "button" }))));
     }
     /**
      * Returns a clickable element instance
@@ -7466,7 +7461,7 @@ class GovTiles {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '81a358960eb662f248c4a33631df28736f7040d2', class: this.h.classes(TilesClass.root) }, hAsync("slot", { key: 'ee3c684e6d4960f72499cc7d77d0ffda2aabd695' })));
+        return (hAsync(Host, { key: 'ecc964ac553f792318284779a8823eea7ae731f9', class: this.h.classes(TilesClass.root) }, hAsync("slot", { key: '609deafe9ff8cb61d5aa30b51b26e539cb5d3934' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -7545,7 +7540,7 @@ class GovToast {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'de25d684f25705a085205511c34a71cc56b3e8a9', 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: '0721293054d572274a5ba0bf40f3b9972b8d142c', class: ToastClass.icon }, hAsync("slot", { key: '338fd792506826cabaa4c01312cc4d7a36df5644', name: "icon" }))), hAsync("div", Object.assign({ key: '558c83bbfb5aca1e6341c50b17863559c0f8cbc4', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: '5631b5e0a465da0aee0425f86c9b52ffcdce0d83' })), hAsync("gov-button", { key: '90cd98f86733d23e750f035c44bb8d6604cbed0e', 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: '8889c3148674b53bda53ca22cd12d6a941bad7de', class: ToastClass.timer })));
+        return (hAsync(Host, { key: '9d2e214ed4c883f0ac90eb6d580ed95cb55e42cd', 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: '54292ad196806932ab9ae44bfc33187f4154e616', class: ToastClass.icon }, hAsync("slot", { key: '9545c651a46a7bb55990e9327e8fbe4fe126954f', name: "icon" }))), hAsync("div", Object.assign({ key: 'daed3fcbd83eec05979a9e00e2f983d5c6b1b538', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: 'd3f78c0d713d56ef32b0dece9553e258f0ef4ef4' })), hAsync("gov-button", { key: 'dad799261c83b387c0590fd0ad13bdad584ee6b4', 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: 'e13b568ada5e34f00c405d359665cd9d0af5ff89', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.govClose.emit(this.toastId);
@@ -7802,11 +7797,11 @@ class GovTooltip {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: 'b920878f7a291f93e669f4aead5bef8fd64c36fd', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: '0828c23f3eb8d8c12e414b1ba3b4000c318746af', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+        return (hAsync(Host, { key: '37b75e6feac97800345d4e93f7be840172712dd2', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: '0982a167f159aca0d39edc784ef50f13409fa29c', 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: '44b084b6345315398c515dfcf4e672ea491fa994' }))));
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, hAsync("slot", { key: '1b6f7bd6a704ac56941e464d401eebf9da4eafaf' }))));
     }
     /**
      * Showing the modal
@@ -7877,7 +7872,7 @@ class GovTooltipContent {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'd2fdb7d9ad70bb2abef63a1ed63dce2d5d547829', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: '030e8e60ce57261548a6c0b65a9db4cded841aa3' }), 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: 'c47f590b5f8dffb0c0f1caa17978075fb64c3603', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: '276690a83ede038b09f5e439495693b7215e4af7' }), 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 {
@@ -7951,7 +7946,7 @@ class GovWizard {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '8dcefe772264236390197c566b3443785c57b6af', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'b23c2a440b95cd14cc21acc40b8a03e7c3e09fc3' })));
+        return (hAsync(Host, { key: 'fb6b400947dc4c7feddd5b83b3c167d611af0370', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'df2cb17a4c48813843ed5b3174a27b07e04b85b4' })));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -8013,8 +8008,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: '1aad2fac036f9c9af36b66dac62ffbb1a7dfc5c6', class: WizardItemClass.prefix }, hAsync("slot", { key: '65d75b930779f293ad5af310307c356041065e01', name: "prefix" })));
-        return (hAsync(Host, { key: 'd2fd5fa027808c182d56875d46b940339df2164c', 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: 'a12c1f51ff0a17af19b73db05ab0915a926eba57', 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: '82b6be7faa5fdf29249eec96683ca3914a060dd7', class: WizardItemClass.prefix }, hAsync("slot", { key: '4aa4139f7ae8fa022c6f93b3f6fe508ee30e881e', name: "prefix" })));
+        return (hAsync(Host, { key: '70570aa0326bc056bdcada429a04f87b2e106051', 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: 'ef0e103ec1535e155c12df999f5b64747c1167c2', 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();

package/dist/hydrate/index.mjs

@@ -6050,15 +6050,11 @@ class GovIcon {
         this.color = undefined;
         this.name = null;
         this.type = "components";
-        this.error = false;
         console.log('GovIcon constructor');
         this.h = govHost(this.host);
     }
     render() {
-        if (this.error) {
-            hAsync(Host, { key: 'c4155bb25d253caef79470714cbb8e3ae76c01b8', class: this.h.classes(IconClass.root), size: this.size, color: this.color }, JSON.stringify(this.error));
-        }
-        return (hAsync(Host, { key: '98413326fc9741acb99a60ef2d81985ecb7f271d', class: this.h.classes(IconClass.root), size: this.size, color: this.color }, "Icc"));
+        return (hAsync(Host, { key: 'd67f8522556dd6bc146746686df41951a74944a4', class: this.h.classes(IconClass.root), size: this.size, color: this.color }, "Icc"));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6068,8 +6064,7 @@ class GovIcon {
             "size": [513],
             "color": [513],
             "name": [513],
-            "type": [513],
-            "error": [32]
+            "type": [513]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -6126,8 +6121,8 @@ class GovInfobar {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        const closeButton = (hAsync("gov-button", { key: '4569d98296984f33ff83947f92a95a0a3bf0d3e3', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, hAsync("gov-icon", { key: 'aafcdbde7ca0e13d9e733036da6cc6085143966d', name: "x-lg", type: "components" })));
-        return (hAsync(Host, { key: '9b558a0c786862d032ed6fb5d274fc0c3cdae617', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: '9bded4750afdfef6ace0e5a39be2d6283b30d725', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), hAsync("slot", { key: '011f9d52f9f971a560fd0220be40b5a221a5f4b3', name: "icon" }), hAsync("div", { key: 'd613d4ab22f89da935fe60b866ea262802c5d18f', class: InfobarClass.content }, this.h.hasSlot('headline') ? (hAsync(Fragment, null, hAsync("div", { class: InfobarClass.headline }, hAsync("slot", { name: "headline" }), hAsync("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, hAsync("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), hAsync("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, hAsync("slot", null)))) : (hAsync("slot", null))), this.closable && closeButton)));
+        const closeButton = (hAsync("gov-button", { key: '03f7921b0eef199be48f021a23f431cfb116d001', 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: '5b8385ff70a5ae33032451d56e1d1a2e4938656e', name: "x-lg", type: "components" })));
+        return (hAsync(Host, { key: 'cb9dbd10b36253597b3190b5ec6558761cf32ffb', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: '301e4d6b31069183e7a84015bebe0ca9ffc0c667', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), hAsync("slot", { key: 'a0cb4376440cc034c501dcb41f0f8912e6331a0a', name: "icon" }), hAsync("div", { key: '99f1c4dbf739de828c10277e83a3c94e9aaf68bd', 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({
@@ -6196,7 +6191,7 @@ class GovLayout {
         return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
     }
     render() {
-        return (hAsync(Host, { key: 'ba8fc53df2f13fcf8b87f25f073d0284b68b0a3a', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: 'f645a9b32495c4fc1c0c86a0078c78c4bc00a1e8', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: '5b0d1a3a137a8fe3bb90ae5dff2dbc179575af56' }))));
+        return (hAsync(Host, { key: '0797feef52b833ead99b61d5aa78c0dbc4f5b5b7', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: 'aab90b8796879b296ae09f3a7975e8931adacea8', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: 'ac79827788dfac2c3e2cfb57671a4b9422d31d7b' }))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6219,7 +6214,7 @@ class GovLayoutColumn {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '8566cc892984b1ce728c679107e228d8320f3048', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: 'e3a085ef568fa75ef813b775344adbd6f4ef2773' })));
+        return (hAsync(Host, { key: '6d327408b450774b24d976e4450378d3cb41fc99', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: '8c73b3c0a3c5e1e4a79205bc7631ae8579f38643' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6265,7 +6260,7 @@ class GovLifecycle {
         console.log('componentDidUpdate', this.uniqueId);
     }
     render() {
-        return (hAsync(Host, { key: '7bd4b9b30b6fe4e1732232fa4e70d66756c2139d', identifier: this.uniqueId }, hAsync("span", { key: '70d6b8d178133ee89b795c4018687c7afb2576f0' }, "lifecycle ", this.uniqueId)));
+        return (hAsync(Host, { key: '914b3fa860f16bb35d1219f9d758cc7c0c51ca1a', identifier: this.uniqueId }, hAsync("span", { key: 'ccd8f0d9c97e53e958d0db4452d12c66fc33dd7a' }, "lifecycle ", this.uniqueId)));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -6304,7 +6299,7 @@ class GovLink {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '8723fc6fc0cf3faf4a0fb48b38ad2f0d0a21704b', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, hAsync("a", Object.assign({ key: '1bfe7837dab38690789ec818f6134a50a93d1e4e', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), hAsync("slot", { key: '96d6ce9e164a8fa5b6d5c115d52988bdfff3eceb', name: "icon-start" }), hAsync("slot", { key: 'bcc373fec9e7e159c6b31a2ad846dd929d189d1e' }), this.external ? hAsync("gov-icon", { name: "box-arrow-up-right", type: "components" }) : hAsync("slot", { name: "icon-end" }))));
+        return (hAsync(Host, { key: '3555b4e5b485f3928dba84bf929d3d22d0e5d4ae', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, hAsync("a", Object.assign({ key: '4844af47b5a20f84b7ea81812eede0d0361208e8', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), hAsync("slot", { key: '4a77215c37a5807be36a996ab250b52b4eaac64c', name: "icon-start" }), hAsync("slot", { key: '1f10e44babae3c7cfb702ca61b8f9c5dc0cbe999' }), this.external ? hAsync("gov-icon", { name: "box-arrow-up-right", type: "components" }) : hAsync("slot", { name: "icon-end" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6346,7 +6341,7 @@ class GovLoading {
         this.validateSize(this.size);
     }
     render() {
-        return (hAsync(Host, { key: '3f7cec1f98aa0c68f42eb3049ae8d34270e17258', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: '9ad1ca86b0221f2668f47eb72c080e9ecd05ed68', class: LoadingClass.content }, hAsync("gov-icon", { key: '5d75c634386c8226c553b787355b29b0581601c5', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: '99ff7f6f1c8bd8135959ea36bc484eab6c9a4b6b' })), hAsync("gov-backdrop", { key: 'dcaa2ab6dbcca347d5934df52e0f4989701c0259', inverse: true })));
+        return (hAsync(Host, { key: 'c898509b3ef6060aaf7fe430738f8b40ae37810f', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: '2dcb83c719ba81284fe78c1c30a12c4630571712', class: LoadingClass.content }, hAsync("gov-icon", { key: '9e499b414ceb2b601b5f7f093f403e4317fbebec', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: '638d2b827845d5ca7b6ac9dc4ebb27e790dc710e' })), hAsync("gov-backdrop", { key: '1124baa1e77cf732888acdd3938d5b3661514b6d', inverse: true })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6386,7 +6381,7 @@ class GovMessage {
         validateProp(Colors, newValue, MessageClass.root);
     }
     render() {
-        return (hAsync(Host, { key: 'e9250a61d94bf14a9d32eef5a69a9347df89a1e2', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("slot", { key: '00a69ab91656245790d88c02cbaa14d365f48140', name: "icon" })), hAsync("div", { key: 'c95cb839c2f24f744aff2a9580c44c18102d1fc9', class: MessageClass.content }, hAsync("slot", { key: '71d8d21cff90b5498940d99947d62fec1f400f1e' }))));
+        return (hAsync(Host, { key: '21d5bfd1df1e7e4f4a9997d3ac530c5782f8781a', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("slot", { key: 'a05f13714529add991bd5a3c54e3ba28c00568b3', name: "icon" })), hAsync("div", { key: '9955a18a98e405947bc50fb233c9506038336300', class: MessageClass.content }, hAsync("slot", { key: '9c95c386a0747b36115cfd60d6719b7f738006de' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6710,7 +6705,7 @@ class GovSkeleton {
         return Object.assign({}, dimenssionsStyles);
     }
     render() {
-        return (hAsync(Host, Object.assign({ key: '9e026075a3ee04f09546bb686ec04309374da466', size: this.size, color: this.color, class: {
+        return (hAsync(Host, Object.assign({ key: '881e753455535f18553d6ff8abfc3e2fab0f158e', size: this.size, color: this.color, class: {
                 [SkeletonClass.root]: true,
                 circle: this.shape === "circle",
                 line: this.shape === "line",
@@ -6773,7 +6768,7 @@ class GovSpacer {
         this.validateBreakpoint(this.breakpoint);
     }
     render() {
-        return hAsync(Host, { key: '49415f0b2a4bfb25ececcd115bd1e8bfad250938', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+        return hAsync(Host, { key: 'e42a12db071b1b5224b47f3655fb58e20ee8c611', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6835,7 +6830,7 @@ class GovStepper {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '208bca5b06fce13b8f87f0cc4497860c01d2d56b', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'a0ec9b8b5e03062e4b9547cb9fbfc73fddaa0519' })));
+        return (hAsync(Host, { key: '7f4c6fb4087d7a5dbe61a45d6b2818d4242c6340', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'dc925a52989ea99d546d492762e3c902e2b8072e' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6877,7 +6872,7 @@ class GovStepperItem {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const contentId = this.contentId;
-        return (hAsync(Host, { key: 'f722a022748d8fcb4ca0a27108a7e2e2980a1602', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (hAsync("span", { key: 'eed745cace26ca1d31c6441dd7be76d3dfa6bd4c', class: StepperItemClass.prefix }, hAsync("slot", { key: 'd5cab6411231cd082468bcc5c244ee75e0dba147', name: "prefix" }))), hAsync("div", { key: 'c13c92aa7890f8406eb5870caa93d186801c0a75' }, hAsync("span", { key: 'ad456eb4699a3d32dfa2d5d477bd346cb1814473', class: StepperItemClass.headline }, hAsync("slot", { key: '0dfdb036dcc108943be0795269e7e0b5f8ac0a29', name: "headline" })), hAsync("slot", { key: '24220b19c2f3c6af35407da423bb1900dc363db8', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: '2bdd3feeaeafdcf73534bfadb5ff29d90eb9e037', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: 'f2f70633c3c2adcc7bd407a23863e0a6fba5ec89', name: "content" }))))));
+        return (hAsync(Host, { key: 'fc00ba7e0c3be93e6a169bdb03e1e5c6c5853572', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (hAsync("span", { key: '8a6bc5466c813daed63d9bbe79cdff140c6efe0d', class: StepperItemClass.prefix }, hAsync("slot", { key: '91113b50c14f4483bb5e105d3f9edeededf4e012', name: "prefix" }))), hAsync("div", { key: '3fb2989980a0ae0e5dea17acf6cebfff7cdd3e9a' }, hAsync("span", { key: '62ab2a21f486c91574fdc727a11a7f799ee502ab', class: StepperItemClass.headline }, hAsync("slot", { key: '78ac018eb5041a6c41f929b6d94dbd9dcb87ee66', name: "headline" })), hAsync("slot", { key: '9d45b3bc137a55f6e54f453c82bde7ce39840cd0', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: 'b845c4314ceac232f624906c71648e2e10fe7b98', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: '3571a4cb451f1d64497b31ebd3db6618ba76bdc6', name: "content" }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7028,7 +7023,7 @@ class GovTabs {
         });
     }
     render() {
-        return (hAsync(Host, { key: '75a6dc2d1bb8afb13e3d63b44bdd00e230a49fe6', class: this.h.classes(TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, hAsync("div", Object.assign({ key: '1fc7ff9eafaaab713727787a1bb0c7364ad3cf4e', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: '82a67f585c9a394175bb64be57e669d886b3d4f6', class: TabsClass.list }, this.controllers.map(control => (hAsync("li", { class: TabsClass.item }, this.type == "text" ? (hAsync("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": toBoolAttr(control.disabled), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (hAsync("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), hAsync("slot", { key: '8af7e27c0410ba9a4c0f79a1c44275e5811e9463' })));
+        return (hAsync(Host, { key: '1fffeff827b0d4944bf701c3a838eebd9666abcb', 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: '3be472d6bc3d111de4b73f1c6e6a89d5d7e92110', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: 'cc7108c86e22104094ef8eb6d1430a0a0abe11db', 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: '6e8295947f0555d54060a29fd8f5b7c607be4c20' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;
@@ -7161,7 +7156,7 @@ class GovTabsItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '7cf18cf8a10a4c03dd51922e31e18dac86aa217d', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: '3a707d9494c5055c3763f4cdf840522fae5e7a2a', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, hAsync("slot", { key: '289b661851fc6d68a5d6dd376a6e31b691e25aea' }))));
+        return (hAsync(Host, { key: '20bb9dd4a6cf12190de8518c7cadc794c82c896b', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: 'fd9a14dc61b5297ecd9392cb605f89d459723c27', 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: '2be087e8c8641b14bf4a3e34784ca1f182b34850' }))));
     }
     /**
      * Returns a unique tab content identifier
@@ -7249,7 +7244,7 @@ class GovTag {
     render() {
         const iconStart = prepareIconFormat(this.iconStart);
         const iconEnd = prepareIconFormat(this.iconEnd);
-        return (hAsync(Host, { key: '3db464a03e796e1f39f763e6abae426493dba509', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: '9986433153337923f763c433ef38fe660682cceb', class: "element" }, hAsync("slot", { key: 'c1ae339376733e53c0a1128e3bae3bf089ec2636', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: 'cb6019f48fba629017cd81f128a73594232c1400', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: 'bc377acceea52991f745159407bcc88e5ad16f36' }), hAsync("slot", { key: '917815f276973256dfb8ae250f05a11a52644026', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '826b342c39b7fc64d9d2b4de414f197727aaf033', type: iconEnd.type, name: iconEnd.name })))));
+        return (hAsync(Host, { key: '6e4203592cd24134cb9e1a187dbecd6cc70d20bb', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: 'a58f1a4fd78d57f8e4a89d1c325ea0f24347ccaf', class: "element" }, hAsync("slot", { key: 'bc52f9aa456b154b67b97903babe69c8b7731f50', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: 'ed492a9c4746766d8ac7bf810da994147d189133', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '52e2c10f8048aa0168dc7daf44392f19dd118e43' }), hAsync("slot", { key: 'ccbd781c7a0e8fd2e02725cebc5df48e8e84b6ea', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: 'cce60e6a25e14d42281111979b7689d03ea264e1', type: iconEnd.type, name: iconEnd.name })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7378,7 +7373,7 @@ class GovThemeSwitch {
         if (this.theme === ThemeList.auto) {
             isDark = this.isSystemPrefersColorDark;
         }
-        return (hAsync(Host, { key: '69953e43bc5af385756f45a4b3f48c00da40eb56', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: 'dcd3c5139f136ea8e7f3cff133d5d7d189f206e3', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, hAsync("span", { key: '88e0b66d9d3a3f6d0bfe6b6ff500b01d56303dd2' }, hAsync("span", { key: 'ed70d115191d7f631064605a5f16bd4881eac984', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: '6aefa98feaef09eee20d185283d69bae8784e775', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: '838fa18df5dfc70c11a5f13b0b9fe0cf1575c779', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel && (isDark ? this.labelDark : this.labelLight)))));
+        return (hAsync(Host, { key: '51cbe413c4cd97f82ae8e34376cad4cb59c3a41d', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: '8f7dbeec9ff6617c4953c4a0582b374baf7ba8c3', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, hAsync("span", { key: '64f9a96872b50f33483721541178e0d4c553d834' }, hAsync("span", { key: 'f363538d18d9a4419f1ef15b1172c941277372a3', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: '762947b5442313672e7ace3ed59523404f548b5b', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: '371ace4006ae511225583323682b08c8bc154f61', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel && (isDark ? this.labelDark : this.labelLight)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7425,7 +7420,7 @@ class GovTile {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '2db96c3a36b8b758ebc614fcfb6c2b84f96fbbd8', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: 'e7e09b6b17ebc3b80bc2e47ce39cb2f805155abd', name: "icon" }), hAsync("div", { key: '8009a0260cd1e46d4b93aae338ac013a71d6f03c', class: TileClass.content }, hAsync("div", { key: '555fc2debee1bd2796dfabcdaef99f7c59004a4b', class: TileClass.text }, hAsync("div", { key: '49fc14fd9dd525ee4f5033a512bc92014f7b6492', 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: '71646466cd7445dff77ec870d9c6390e2d301e59', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: '709cbf3f44f26a93569be8a0889056445145eed5' }))), hAsync("slot", { key: 'cbac863714d6fd1fa2d1622297c5599a0ce09809', name: "button" }))));
+        return (hAsync(Host, { key: '84c41fa8adec27a169b9af69b9d7542bd86dcf36', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: '7176b3b1da20e5ba92c87c32b48f850e141558f9', name: "icon" }), hAsync("div", { key: '614de838391b6e65368cdb58b5db81af5a344d21', class: TileClass.content }, hAsync("div", { key: 'f952461981e6a5f20172a6d0ad9d041a5f9d8171', class: TileClass.text }, hAsync("div", { key: 'fb411a7f50a8a0ecb6015a69fccb8b0832c5aed4', 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: '555c1aff4029a9b62f8e53391da8e289d373e100', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: 'e9310d039ca17a2a45dc9ef6a04c107dc6cf1bcd' }))), hAsync("slot", { key: 'e8c792e1682c30d5dcaf33798908ec06da7a8d1a', name: "button" }))));
     }
     /**
      * Returns a clickable element instance
@@ -7462,7 +7457,7 @@ class GovTiles {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '81a358960eb662f248c4a33631df28736f7040d2', class: this.h.classes(TilesClass.root) }, hAsync("slot", { key: 'ee3c684e6d4960f72499cc7d77d0ffda2aabd695' })));
+        return (hAsync(Host, { key: 'ecc964ac553f792318284779a8823eea7ae731f9', class: this.h.classes(TilesClass.root) }, hAsync("slot", { key: '609deafe9ff8cb61d5aa30b51b26e539cb5d3934' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -7541,7 +7536,7 @@ class GovToast {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'de25d684f25705a085205511c34a71cc56b3e8a9', 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: '0721293054d572274a5ba0bf40f3b9972b8d142c', class: ToastClass.icon }, hAsync("slot", { key: '338fd792506826cabaa4c01312cc4d7a36df5644', name: "icon" }))), hAsync("div", Object.assign({ key: '558c83bbfb5aca1e6341c50b17863559c0f8cbc4', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: '5631b5e0a465da0aee0425f86c9b52ffcdce0d83' })), hAsync("gov-button", { key: '90cd98f86733d23e750f035c44bb8d6604cbed0e', 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: '8889c3148674b53bda53ca22cd12d6a941bad7de', class: ToastClass.timer })));
+        return (hAsync(Host, { key: '9d2e214ed4c883f0ac90eb6d580ed95cb55e42cd', 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: '54292ad196806932ab9ae44bfc33187f4154e616', class: ToastClass.icon }, hAsync("slot", { key: '9545c651a46a7bb55990e9327e8fbe4fe126954f', name: "icon" }))), hAsync("div", Object.assign({ key: 'daed3fcbd83eec05979a9e00e2f983d5c6b1b538', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: 'd3f78c0d713d56ef32b0dece9553e258f0ef4ef4' })), hAsync("gov-button", { key: 'dad799261c83b387c0590fd0ad13bdad584ee6b4', 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: 'e13b568ada5e34f00c405d359665cd9d0af5ff89', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.govClose.emit(this.toastId);
@@ -7798,11 +7793,11 @@ class GovTooltip {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: 'b920878f7a291f93e669f4aead5bef8fd64c36fd', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: '0828c23f3eb8d8c12e414b1ba3b4000c318746af', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+        return (hAsync(Host, { key: '37b75e6feac97800345d4e93f7be840172712dd2', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: '0982a167f159aca0d39edc784ef50f13409fa29c', 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: '44b084b6345315398c515dfcf4e672ea491fa994' }))));
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, hAsync("slot", { key: '1b6f7bd6a704ac56941e464d401eebf9da4eafaf' }))));
     }
     /**
      * Showing the modal
@@ -7873,7 +7868,7 @@ class GovTooltipContent {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'd2fdb7d9ad70bb2abef63a1ed63dce2d5d547829', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: '030e8e60ce57261548a6c0b65a9db4cded841aa3' }), 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: 'c47f590b5f8dffb0c0f1caa17978075fb64c3603', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: '276690a83ede038b09f5e439495693b7215e4af7' }), 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 {
@@ -7947,7 +7942,7 @@ class GovWizard {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '8dcefe772264236390197c566b3443785c57b6af', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'b23c2a440b95cd14cc21acc40b8a03e7c3e09fc3' })));
+        return (hAsync(Host, { key: 'fb6b400947dc4c7feddd5b83b3c167d611af0370', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'df2cb17a4c48813843ed5b3174a27b07e04b85b4' })));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -8009,8 +8004,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: '1aad2fac036f9c9af36b66dac62ffbb1a7dfc5c6', class: WizardItemClass.prefix }, hAsync("slot", { key: '65d75b930779f293ad5af310307c356041065e01', name: "prefix" })));
-        return (hAsync(Host, { key: 'd2fd5fa027808c182d56875d46b940339df2164c', 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: 'a12c1f51ff0a17af19b73db05ab0915a926eba57', 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: '82b6be7faa5fdf29249eec96683ca3914a060dd7', class: WizardItemClass.prefix }, hAsync("slot", { key: '4aa4139f7ae8fa022c6f93b3f6fe508ee30e881e', name: "prefix" })));
+        return (hAsync(Host, { key: '70570aa0326bc056bdcada429a04f87b2e106051', 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: 'ef0e103ec1535e155c12df999f5b64747c1167c2', 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();

package/dist/types/components/gov-icon/gov-icon.d.ts

@@ -19,6 +19,5 @@ export declare class GovIcon {
      * Type (folder) of icon
      */
     type: string;
-    private error;
     render(): any;
 }

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@gov-design-system-ce/components",
 	"description": "This package includes Gov Design System Web Components and related utilities.",
 	"author": "Zdeněk Vítek",
-	"version": "4.1.3-BETA-4",
+	"version": "4.1.3-BETA-5",
 	"license": "EUPL v1.2 Licensed",
 	"main": "./dist/index.cjs.js",
 	"unpkg": "./dist/core/core.esm.js",

package/dist/components/p-66fc1c3e.js

@@ -1,2 +0,0 @@
-import{p as o,H as s,h as e,d as t}from"./p-42200001.js";import{p as c}from"./p-e0e2e9c1.js";import{C as i}from"./p-5aad3497.js";import{S as n}from"./p-92f420cb.js";import{g as r}from"./p-ea7fdd2e.js";c(n,["_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL","_5XL"]);c(i,["DEFAULT","PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING","DISABLED","WHITE","BLACK"]);var a;(function(o){o["BASIC"]="basic";o["COMPLEX"]="complex";o["COLORED"]="colored"})(a||(a={}));const d={root:"gov-icon",holder:"gov-icon__holder"};console.log("GovIcon loaded");const f=o(class o extends s{constructor(){super();this.__registerHost();this.size=undefined;this.color=undefined;this.name=null;this.type="components";this.error=false;console.log("GovIcon constructor");this.h=r(this.host)}render(){if(this.error){e(t,{key:"c4155bb25d253caef79470714cbb8e3ae76c01b8",class:this.h.classes(d.root),size:this.size,color:this.color},JSON.stringify(this.error))}return e(t,{key:"98413326fc9741acb99a60ef2d81985ecb7f271d",class:this.h.classes(d.root),size:this.size,color:this.color},"Icc")}get host(){return this}},[0,"gov-icon",{size:[513],color:[513],name:[513],type:[513],error:[32]}]);function h(){if(typeof customElements==="undefined"){return}const o=["gov-icon"];o.forEach((o=>{switch(o){case"gov-icon":if(!customElements.get(o)){customElements.define(o,f)}break}}))}h();export{f as G,h as d};
-//# sourceMappingURL=p-66fc1c3e.js.map

package/dist/components/p-66fc1c3e.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pick","Sizes","Colors","Types","IconClass","root","holder","console","log","GovIcon","proxyCustomElement","H","constructor","this","h","govHost","host","render","error","Host","key","class","classes","size","color","JSON","stringify"],"sources":["../../../packages/core/src/components/gov-icon/constants.ts","../../../packages/core/src/components/gov-icon/gov-icon.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils';\nimport { Colors } from '../../core/constants/colors';\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const IconSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL', '_5XL'])\nexport type IconSizesType = `${ValueOf<typeof IconSizes>}`\n\nexport const IconColors = pick(Colors, [\n\t'DEFAULT',\n\t'PRIMARY',\n\t'SECONDARY',\n\t'NEUTRAL',\n\t'ERROR',\n\t'SUCCESS',\n\t'WARNING',\n\t'DISABLED',\n\t'WHITE',\n\t'BLACK',\n])\nexport type IconColorType = `${ValueOf<typeof IconColors>}`\n\nenum Types {\n\tBASIC = 'basic',\n\tCOMPLEX = 'complex',\n\tCOLORED = 'colored',\n}\nexport type Type = `${ValueOf<typeof Types>}`\n\nexport const IconClass = {\n\troot: 'gov-icon',\n\tholder: 'gov-icon__holder',\n}\n","import {Component, Element, h, Host, Prop, State} from \"@stencil/core\"\nimport {IconClass, type IconColorType, IconSizesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\n\nconsole.log('GovIcon loaded');\n\n@Component({\n    tag: \"gov-icon\",\n})\nexport class GovIcon {\n    private h: GovHost\n\n    constructor() {\n        console.log('GovIcon constructor');\n        this.h = govHost(this.host)\n    }\n\n    @Element() host: HTMLGovIconElement\n    /**\n     * Icon size\n     */\n    @Prop({reflect: true}) readonly size?: IconSizesType\n    /**\n     * Icon color\n     */\n    @Prop({reflect: true}) readonly color?: IconColorType\n    /**\n     * Name of icon in folder\n     */\n    @Prop({reflect: true}) name: string = null\n    /**\n     * Type (folder) of icon\n     */\n    @Prop({reflect: true}) type = \"components\"\n\n    @State() private error = false\n\n\n    render() {\n        if (this.error) {\n            <Host class={this.h.classes(IconClass.root)} size={this.size} color={this.color}>\n                {JSON.stringify(this.error)}\n            </Host>\n        }\n        return (\n            <Host class={this.h.classes(IconClass.root)} size={this.size} color={this.color}>\n                Icc\n            </Host>\n        )\n    }\n}\n"],"mappings":"yMAKyBA,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,MAAO,OAAQ,OAAQ,OAAQ,SAGpED,EAAKE,EAAQ,CACtC,UACA,UACA,YACA,UACA,QACA,UACA,UACA,WACA,QACA,UAID,IAAKC,GAAL,SAAKA,GACJA,EAAA,iBACAA,EAAA,qBACAA,EAAA,oBACA,EAJD,CAAKA,MAAK,KAOH,MAAMC,EAAY,CACxBC,KAAM,WACNC,OAAQ,oBC1BTC,QAAQC,IAAI,kB,MAKCC,EAAOC,EAAA,MAAAD,UAAAE,EAGhB,WAAAC,G,iFAiBsC,K,UAIR,a,WAEL,MAtBrBL,QAAQC,IAAI,uBACZK,KAAKC,EAAIC,EAAQF,KAAKG,K,CAwB1B,MAAAC,GACI,GAAIJ,KAAKK,MAAO,CACZJ,EAACK,EAAI,CAAAC,IAAA,2CAACC,MAAOR,KAAKC,EAAEQ,QAAQlB,EAAUC,MAAOkB,KAAMV,KAAKU,KAAMC,MAAOX,KAAKW,OACrEC,KAAKC,UAAUb,KAAKK,O,CAG7B,OACIJ,EAACK,EAAI,CAAAC,IAAA,2CAACC,MAAOR,KAAKC,EAAEQ,QAAQlB,EAAUC,MAAOkB,KAAMV,KAAKU,KAAMC,MAAOX,KAAKW,OAAK,M","ignoreList":[]}

package/dist/core/p-142174d4.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as t,h as e,a,g as i}from"./p-9dea2efa.js";import{v as o}from"./p-d8135701.js";import{S as r,a as c,b as h}from"./p-a521c59a.js";import{g as p}from"./p-ea7fdd2e.js";import"./p-ceafa242.js";import"./p-e0e2e9c1.js";import"./p-5aad3497.js";import"./p-92f420cb.js";const d=class{constructor(e){s(this,e);this.govChange=t(this,"gov-change",7);this.hydrated=false;this.size="m";this.h=p(this.host)}validateSize(s){o(h,s,c.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(r.root).forEach((s=>{s.setAttribute("size",this.size);s.addEventListener("gov-change",(s=>{s.stopPropagation();this.govChange.emit(s.detail)}))}))}connectedCallback(){this.hydrated=true}render(){return e(a,{key:"208bca5b06fce13b8f87f0cc4497860c01d2d56b",class:this.h.classes(c.root),role:"list",size:this.size,hydrated:this.hydrated},e("slot",{key:"a0ec9b8b5e03062e4b9547cb9fbfc73fddaa0519"}))}get host(){return i(this)}static get watchers(){return{size:["validateSize"]}}};export{d as gov_stepper};
-//# sourceMappingURL=p-142174d4.entry.js.map