@gov-design-system-ce/components 4.0.8-rc22 → 4.0.8-rc23

package/dist/hydrate/index.mjs

@@ -120,7 +120,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 
 
 const NAMESPACE = 'core';
-const BUILD = /* core */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
+const BUILD = /* core */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: true, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
  Stencil Hydrate Platform v4.20.0 | MIT Licensed | https://stenciljs.com
@@ -1423,6 +1423,11 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
         }
       }
       if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+        if (instance.componentShouldUpdate) {
+          if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+            return;
+          }
+        }
         scheduleUpdate(hostRef, false);
       }
     }
@@ -6281,6 +6286,51 @@ class GovLayoutColumn {
     }; }
 }
 
+class GovLifecycle {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uniqueId = 'lifecycle-' + chr4();
+    }
+    connectedCallback() {
+        console.log('connectedCallback', this.uniqueId);
+    }
+    disconnectedCallback() {
+        console.log('disconnectedCallback', this.uniqueId);
+    }
+    componentWillLoad() {
+        console.log('componentWillLoad', this.uniqueId);
+    }
+    componentDidLoad() {
+        console.log('componentDidLoad', this.uniqueId);
+    }
+    componentShouldUpdate() {
+        console.log('componentShouldUpdate', this.uniqueId);
+    }
+    componentWillRender() {
+        console.log('componentWillRender', this.uniqueId);
+    }
+    componentDidRender() {
+        console.log('componentDidRender', this.uniqueId);
+    }
+    componentWillUpdate() {
+        console.log('componentWillUpdate', this.uniqueId);
+    }
+    componentDidUpdate() {
+        console.log('componentDidUpdate', this.uniqueId);
+    }
+    render() {
+        return (hAsync(Host, { key: '96a0e961547f60b083824345c4fdf95189c01028', identifier: this.uniqueId }, hAsync("span", { key: '3334335d1d07eb6d80bd957f288e92b60e7b203a' }, "lifecycle ", this.uniqueId)));
+    }
+    static get cmpMeta() { return {
+        "$flags$": 0,
+        "$tagName$": "gov-lifecycle",
+        "$members$": undefined,
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
 const LoadingClass = {
     root: 'gov-loading',
     content: 'gov-loading__content',
@@ -6296,7 +6346,7 @@ class GovLoading {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '07e1abd92428555bc7651af43bb1beed4be6585c', class: this.h.classes(LoadingClass.root) }, hAsync("div", { key: '849c10645767b3f3c2e0caa688b57a5454dc4178', class: LoadingClass.content }, hAsync("gov-icon", { key: 'c4175ff66bf22dadb3b6779d9efede6dbb6f85e9', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader" }), hAsync("slot", { key: '03e90ff98d83cd748e7b541b579df93de2bcf073' })), hAsync("gov-backdrop", { key: 'cbc72236c34803588c4ab1cdcb14f8a420d37238', inverse: true })));
+        return (hAsync(Host, { key: '9a38088a7a1d7197352a2efe6f47316d995a6498', class: this.h.classes(LoadingClass.root) }, hAsync("div", { key: '322e1a406e5f220b9d843f8fa4804f49d409c352', class: LoadingClass.content }, hAsync("gov-icon", { key: '49a5b5f273320576971a1b13239fe61c893f7d89', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader" }), hAsync("slot", { key: '5cccab862e42911ff035cf047b687671f2574c0d' })), hAsync("gov-backdrop", { key: '6b68544288d966a0a73207b9746e7080f8daae91', inverse: true })));
     }
     get host() { return getElement(this); }
     static get style() { return GovLoadingStyle0; }
@@ -6331,7 +6381,7 @@ class GovMessage {
         validateProp(Variants, newValue, MessageClass.root);
     }
     render() {
-        return (hAsync(Host, { key: 'a4909dd27c4a47aedcc54f7fb46771c527240f42', class: this.h.classes(MessageClass.root), variant: this.variant, role: "alert" }, this.h.hasSlot("icon") && (hAsync("span", { key: '47fb2c74d8e0a8573bde9c6e536fe19260f49f3f', class: MessageClass.icon }, hAsync("slot", { key: 'e80a010d7a56662493af5a730c2fddade7eb3cd9', name: "icon" }))), hAsync("div", { key: '1df484c7e6c5ae03defe06faa9e9b9e8ff90930c', class: MessageClass.content }, hAsync("slot", { key: '7879e3b732d4cfa9ec843781f6ef81509608f56f' }))));
+        return (hAsync(Host, { key: '69edcf03283f701a745c0c63478a3f019291c723', class: this.h.classes(MessageClass.root), variant: this.variant, role: "alert" }, this.h.hasSlot("icon") && (hAsync("span", { key: '8d495b32715eabd44ab7a96b035e6af411bd9dfa', class: MessageClass.icon }, hAsync("slot", { key: 'ac8739f3d307531a739283cc5992e839e7562311', name: "icon" }))), hAsync("div", { key: 'cabd3c7248345080b9c5dae45c708e194d85f69e', class: MessageClass.content }, hAsync("slot", { key: 'f76153be97e337b6efccd2f53b67fe4058efc285' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6425,7 +6475,7 @@ class GovModal {
     }
     render() {
         const LabelTag = this.labelTag;
-        return (hAsync(Host, { key: 'e1525cfa3cdd7b0efeb2385b25a04ea8dbd49bc7', class: this.h.classes(ModalClass.root), open: this.open }, hAsync("dialog", { key: 'a1116333c938d11049de61a9531109f346297734', class: ModalClass.dialog, hidden: !this.open, tabindex: boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.wcagLabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { key: '952ca6b5e7d1f4dcc59e09c1495f9aa9a96e56fb', class: ModalClass.inner }, hAsync("div", { key: 'b00890579ccd683cd171a6200e972e0f02b5b4d3', class: ModalClass.header }, this.h.hasSlot('icon') && (hAsync("div", { key: '7bcf03a0f1c475b0c3553854c885b3d0900894db', class: ModalClass.icon }, hAsync("slot", { key: '527c8a9e77dbb2568510b6765634db0234039f8f', name: "icon" }))), this.label && (hAsync(LabelTag, { key: 'c96b0339fcc61ba3f834d35926f6ef13419a901a', class: ModalClass.title, id: this.labelId }, this.label)), !(this.blockButtonClose || this.blockClose) ? (hAsync("gov-button", { ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { name: "x-lg" }))) : null), hAsync("div", { key: '47e940a5bf64b87ec065f6c0977546603ca9bb11', class: ModalClass.content, id: this.contentId }, hAsync("slot", { key: 'bc97ebe004ffb446c71a4bc0c8086af5d63cf3ec' })), this.h.hasSlot('footer') && (hAsync("div", { key: 'c48e97d8c9f597cc544d5e567cb0d679186b868e', class: ModalClass.footer }, hAsync("slot", { key: '7c9165dca0a9e20eef86e1937704c0f4154fcfb8', name: "footer" }))))), this.open ? (hAsync("gov-backdrop", { "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": (e) => !this.blockBackdropClose && this.onCloseHandler(e) })) : null));
+        return (hAsync(Host, { key: '96c413d6f0dafb536c14c922e739d3629489ca86', class: this.h.classes(ModalClass.root), open: this.open }, hAsync("dialog", { key: '12ea0d33af22ca72d60767b5c1b24df9efc8e4b6', class: ModalClass.dialog, hidden: !this.open, tabindex: boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.wcagLabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { key: 'ad54729d09b1884def4fa221d6c917a7c1ff2def', class: ModalClass.inner }, hAsync("div", { key: '22d4402876b44c14b3012a10f342d04fcf5bc6ff', class: ModalClass.header }, this.h.hasSlot('icon') && (hAsync("div", { key: '261018dd7febfa53992da14316a48b7235f9fae2', class: ModalClass.icon }, hAsync("slot", { key: 'd39e8ad92db3309fb812d7e8e580b3deb4c18b81', name: "icon" }))), this.label && (hAsync(LabelTag, { key: '630ec5259cf9001012a221cb269fc56537a65973', class: ModalClass.title, id: this.labelId }, this.label)), !(this.blockButtonClose || this.blockClose) ? (hAsync("gov-button", { ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { name: "x-lg" }))) : null), hAsync("div", { key: '67445c7a52b04b118fb21f84bacc7d80f6e1d47b', class: ModalClass.content, id: this.contentId }, hAsync("slot", { key: 'eef23b93fb59d6241716ea28deca2e3d21aac8cd' })), this.h.hasSlot('footer') && (hAsync("div", { key: '4522c4fb756230b7c6ea27cd366471906fbeee72', class: ModalClass.footer }, hAsync("slot", { key: '4553a53d2f22de79e1dfc1f3977769c035aab1bb', name: "footer" }))))), this.open ? (hAsync("gov-backdrop", { "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": (e) => !this.blockBackdropClose && this.onCloseHandler(e) })) : null));
     }
     onCloseHandler(e) {
         e.stopPropagation();
@@ -6509,7 +6559,7 @@ class GovNav {
         }
     }
     render() {
-        return (hAsync(Host, { key: '576cf7d5e744e9577a6c203a08de72a3741b88ad', class: NavClass.root }, hAsync("nav", { key: '6b82c1a4a1fb21a78325878d9a23871962d14f1c', class: NavClass.nav, role: 'list', "arial-label": this.wcagLabel, "arial-labelledby": this.wcagLabelledBy }, hAsync("slot", { key: 'c8c30f1be87334ba420fe0aa7ccbea43f7ca3b7f' }))));
+        return (hAsync(Host, { key: '0b8fdcbd012af6ef80e119b491c1f96ef9a437df', class: NavClass.root }, hAsync("nav", { key: '3b5ba4f8e8c83a378ecfef63e43b8381b364ec30', class: NavClass.nav, role: 'list', "arial-label": this.wcagLabel, "arial-labelledby": this.wcagLabelledBy }, hAsync("slot", { key: 'fd1314123fbb143da8c590655bcf81a397159e15' }))));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -6551,7 +6601,7 @@ class GovNavItem {
         this.validateHref(this.href);
     }
     render() {
-        return (hAsync(Host, { key: 'dd8ad75d2391f39589dc1c2d52ef40bb2bf4f750', class: NavItemClass.root, role: "listitem" }, hAsync("a", { key: 'a193d5088343a4651ca35fa1ea75e28770de7ad1', href: this.href, class: NavItemClass.link }, hAsync("slot", { key: 'dca0edca0e9ecbf13aa3c2e0287ea78dba114505' }))));
+        return (hAsync(Host, { key: 'abc774bf18eefbfd4b247ae6107d19b3a1574457', class: NavItemClass.root, role: "listitem" }, hAsync("a", { key: 'ca8f1d499123c8fb0bed9e84168d9bb2ed05c456', href: this.href, class: NavItemClass.link }, hAsync("slot", { key: '91ec4497a5ac9bbfbf58dea47497a8ba19d19209' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6862,7 +6912,7 @@ class GovPrompt {
     }
     render() {
         const LabelTag = this.labelTag;
-        return (hAsync(Host, { key: 'eafb47c3de00f2944cf648244a0cc4d57579c7ff', class: this.h.classes(ModalClass.rootPrompt), open: this.open }, hAsync("dialog", { key: '4e93478ea3a360bb6249725b4299f1db89626e72', class: ModalClass.dialog, hidden: !this.open, tabindex: "-1", open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.wcagLabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { key: '0e4dc70872d6bab33e36e192ec921a05e278e844', class: ModalClass.inner }, hAsync("div", { key: '3be8a8bed33a9640dcba8e8374512efadb4c4a63', class: ModalClass.header }, this.h.hasSlot('icon') && (hAsync("div", { key: '76931e2ab2a270ce04a71c7d8d32ead065da6eca', class: ModalClass.icon }, hAsync("slot", { key: '3a49590e4c2b67742aa7202e440408a307975ad3', name: "icon" }))), this.label && (hAsync(LabelTag, { key: '8e3cd8b4940f6222e15efb63317e151efa2e6b5f', class: ModalClass.title, id: this.labelId }, this.label)), hAsync("gov-button", { key: '23de5a7c3bb39f3896c134665aa564d584160914', class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", ref: el => (this.closeCtaRef = el), "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { key: '4769f23e5e772c92ed07ba8244d2da674acb8d33', name: "x-lg" }))), hAsync("div", { key: '1b181dd790d066b2aa943c91ef2e0f47f8a0e5df', class: ModalClass.content, id: this.contentId }, hAsync("slot", { key: '04cf9527b390b134ee7900ff3283b84cb5b6cdcb' })), hAsync("div", { key: '350de95cfb9e765da4ebdc8f0f179bcc040baf28', class: ModalClass.actions }, hAsync("slot", { key: '206f016467e43154a75c02c2708a65a589d09710', name: "actions" })))), this.open ? (hAsync("gov-backdrop", { "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
+        return (hAsync(Host, { key: '7ac1936ccec34e91d0a9898d1873c339597ef876', class: this.h.classes(ModalClass.rootPrompt), open: this.open }, hAsync("dialog", { key: '995c647db1f91c18a4e96122891f61df3fdfb861', class: ModalClass.dialog, hidden: !this.open, tabindex: "-1", open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.wcagLabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { key: 'aa779660590eed5a534a049eb42e0557d2c8bf6a', class: ModalClass.inner }, hAsync("div", { key: '148b133eb68805628ac005c63ff07f1a1ccf025f', class: ModalClass.header }, this.h.hasSlot('icon') && (hAsync("div", { key: 'd2ec410e6f005c0f04e57a84a995b3e98f183f59', class: ModalClass.icon }, hAsync("slot", { key: '9aff9c0deed64f6f28b1a2e89d2696680d6fc4b6', name: "icon" }))), this.label && (hAsync(LabelTag, { key: '571bb9403ce20e1cad22b462510dba66d5fc44a4', class: ModalClass.title, id: this.labelId }, this.label)), hAsync("gov-button", { key: '56a95561a2364ada8905d631369e3f36fcc3ddd7', class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", ref: el => (this.closeCtaRef = el), "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { key: 'a52842fb038bfd80f72736afff92b9b646def1af', name: "x-lg" }))), hAsync("div", { key: '75ab803ab3b4fd4dbef3473e90c0c6149c56d415', class: ModalClass.content, id: this.contentId }, hAsync("slot", { key: '9b1014bd98ee8ce26eccc9bb548083de189fe971' })), hAsync("div", { key: '3cb437eedfff8330a406720fe81450e78198a497', class: ModalClass.actions }, hAsync("slot", { key: 'fb4fd30bd70485626d0d43c3a1f957ba2aca7e48', name: "actions" })))), this.open ? (hAsync("gov-backdrop", { "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
     }
     onCloseHandler(e) {
         e.stopPropagation();
@@ -6961,7 +7011,7 @@ class GovSideNav {
         }
     }
     render() {
-        return (hAsync(Host, { key: '9546176e33d0e26d9f13f49634661d59bc523870', class: SideNavClass.root, compact: this.compact, inverse: this.inverse, "arial-label": this.wcagLabel, "arial-labelledby": this.wcagLabelledBy }, hAsync("aside", { key: '6937c47b89dfee6f329663a6b9c2a507b0cbd02e', class: SideNavClass.aside, role: 'list' }, hAsync("slot", { key: 'aaaefa730cc7caa5c17be272585d7be21c3b83ee' }))));
+        return (hAsync(Host, { key: 'b06e69f853539d54e497f643848747a7df1598a5', class: SideNavClass.root, compact: this.compact, inverse: this.inverse, "arial-label": this.wcagLabel, "arial-labelledby": this.wcagLabelledBy }, hAsync("aside", { key: 'a650408bf74bc79932df4951828d37e6bd17820c', class: SideNavClass.aside, role: 'list' }, hAsync("slot", { key: 'ce01726757591d812762b137f454144aa5748ca5' }))));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -7025,7 +7075,7 @@ class GovSideNavItem {
         const { isExpandedState, label } = this;
         // TODO: správný počet zanořených childů
         const hasChilds = this.host.children.length > 1;
-        return (hAsync(Host, { key: 'f8390dc60ed9cdf08e407dad71d23d6d885dd8fd', class: this.classNames, role: "listitem", inverse: this.inverse, "aria-expanded": booleanString(isExpandedState) }, this.href ? (hAsync("div", { class: SideNavItemClass.header }, hAsync("a", { class: SideNavItemClass.name, href: this.href }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), this.count && (hAsync("span", { class: SideNavItemClass.chip }, hAsync("gov-chip", { variant: "secondary", size: "s", inverse: this.inverse }, "3")))), hasChilds && (hAsync("button", { type: "button", class: SideNavItemClass.arrow, onClick: () => this.toggle() }, hAsync("gov-icon", { name: "chevron-down" }))))) : (hAsync("div", { class: SideNavItemClass.header }, hAsync("button", { class: SideNavItemClass.name, type: "button", onClick: () => this.toggle() }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), hasChilds && (hAsync("span", { class: SideNavItemClass.arrow }, hAsync("gov-icon", { name: "chevron-down" })))))), hasChilds && (hAsync("div", { key: '679bafab6040bf267fecefd362fb202ccb6e6706', class: SideNavItemClass.content }, hAsync("slot", { key: '835734ba7e65a8ff8911282e0ee23ee43a080b70' })))));
+        return (hAsync(Host, { key: '439a47a4f8eaa6a7298691f4e585890928da6646', class: this.classNames, role: "listitem", inverse: this.inverse, "aria-expanded": booleanString(isExpandedState) }, this.href ? (hAsync("div", { class: SideNavItemClass.header }, hAsync("a", { class: SideNavItemClass.name, href: this.href }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), this.count && (hAsync("span", { class: SideNavItemClass.chip }, hAsync("gov-chip", { variant: "secondary", size: "s", inverse: this.inverse }, "3")))), hasChilds && (hAsync("button", { type: "button", class: SideNavItemClass.arrow, onClick: () => this.toggle() }, hAsync("gov-icon", { name: "chevron-down" }))))) : (hAsync("div", { class: SideNavItemClass.header }, hAsync("button", { class: SideNavItemClass.name, type: "button", onClick: () => this.toggle() }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), hasChilds && (hAsync("span", { class: SideNavItemClass.arrow }, hAsync("gov-icon", { name: "chevron-down" })))))), hasChilds && (hAsync("div", { key: 'd835aaae10d51554354de563306b9648463d5b5c', class: SideNavItemClass.content }, hAsync("slot", { key: '7eee251c1b2119b9be66eaf9a8d9f5fc3cb29fdd' })))));
     }
     /**
      * Opening the sidenav
@@ -7159,7 +7209,7 @@ class GovSkeleton {
         return Object.assign({}, dimenssionsStyles);
     }
     render() {
-        return (hAsync(Host, { key: '415b3912396ef67e1e8e66ebdbc6bab08928b14e', class: this.h.classes(SkeletonClass.root), variant: this.variant }, this.items.map((_, index) => {
+        return (hAsync(Host, { key: '0027773f3ae104fe11a353487b8cc4e264cfe5ff', class: this.h.classes(SkeletonClass.root), variant: this.variant }, this.items.map((_, index) => {
             return (hAsync("span", { key: index, class: {
                     circle: this.shape === "circle",
                     rect: this.shape === "rect",
@@ -7235,7 +7285,7 @@ class GovSpacer {
         this.validateBreakpoint(this.breakpoint);
     }
     render() {
-        return hAsync(Host, { key: 'e33645cb98a3f4e5b37df3d65e930b2b3c7a51a8', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+        return hAsync(Host, { key: '3a6213a2137b5ae7d9bad9ebd2d314b413b826f7', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7300,7 +7350,7 @@ class GovStatsbar {
         });
     }
     render() {
-        return (hAsync(Host, { key: '6eb6e513718a6aa3ca6de1f9c53d90c307eaf05c', class: this.h.classes(StatsBarClass.root), variant: this.variant }, hAsync("section", { key: '72765a3bc8b89140984e75825c24a8049268527c', class: StatsBarClass.section }, hAsync("slot", { key: '0287d85ba856a1b8ac6d970910c3ceccff1cc084' }))));
+        return (hAsync(Host, { key: '7bb47326c4f514853eb3ce3f8838a271dcbe49c7', class: this.h.classes(StatsBarClass.root), variant: this.variant }, hAsync("section", { key: '99321c0f4ea2d4efec9f05e8340633e82ca699e8', class: StatsBarClass.section }, hAsync("slot", { key: 'b6708be40da2fc0ee0062c3efa29fe857b476e21' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7337,7 +7387,7 @@ class GovStatsbarItem {
         this.validateIconPosition(this.iconPosition);
     }
     render() {
-        return (hAsync(Host, { key: '95021fab94d50525772bf8ec427867b6e4074f7d', class: this.h.classes(StatsBarItemClass.root) }, hAsync("article", { key: 'c027715f659fd7b64b05624e3a15c74d7eea885b' }, this.h.hasSlot('icon') && (hAsync("span", { key: 'b7c1d8e279b9d9b92c603cc4046a6abdb50310de', class: StatsBarItemClass.icon }, hAsync("slot", { key: '80af814d0b68932ddf5357d7ff30afdcbef62c86', name: "icon" }))), hAsync("p", { key: '1156428c87901b9f65d28b5b1125bad59a054ea1', class: StatsBarItemClass.number }, hAsync("slot", { key: 'f1c26467d31e229c9c1d2966cd1c0c3ea55ec4c7' })), this.h.hasSlot('text') && (hAsync("div", { key: 'bf1e86d94c6599589a69926ef942de11cc9522aa', class: StatsBarItemClass.text }, hAsync("slot", { key: 'aa406ddc92756aed8e34105e2c95db9b4fd640f8', name: "text" }))))));
+        return (hAsync(Host, { key: 'a1418fb5cf6108201ae83cc56f765fad5b78f8ca', class: this.h.classes(StatsBarItemClass.root) }, hAsync("article", { key: '312d5fd27e6be569c9fe6373ed25b9d3492bd6a4' }, this.h.hasSlot('icon') && (hAsync("span", { key: '4e4a99a7eea1286aa34e10e23aa016038277c8d3', class: StatsBarItemClass.icon }, hAsync("slot", { key: 'be1313025a1cd88466f77ea74a690a1e137536cb', name: "icon" }))), hAsync("p", { key: '79de80d15a8e122ea83213d11643b3cf1e125255', class: StatsBarItemClass.number }, hAsync("slot", { key: '1c3a34ae86a174f02406862334b7e651c3373dd6' })), this.h.hasSlot('text') && (hAsync("div", { key: '03bf3e3cdc1759ac55680c947d0484bea4eb17c4', class: StatsBarItemClass.text }, hAsync("slot", { key: 'a0c45fb63b384b949ca5f5eabc3f6d23a5936dd0', name: "text" }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7400,7 +7450,7 @@ class GovStepper {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'a8fc7443be71de97628ae6ae123278ead5247be1', class: this.h.classes(StepperClass.root), role: "list", size: this.size }, hAsync("slot", { key: '3df3b746ce8a628e888802f558315590d22dc00e' })));
+        return (hAsync(Host, { key: '8e167455a54b2e2b3d5d86171959c3b7be205efe', class: this.h.classes(StepperClass.root), role: "list", size: this.size }, hAsync("slot", { key: 'b066d15519504115cae8e05cb08060ac91251229' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7463,7 +7513,7 @@ class GovStepperItem {
         const contentId = this.contentId;
         const { label } = this;
         const TriggerTag = this.triggerTag;
-        return (hAsync(Host, { key: '23d79b1dd92ae9f0ab7452a07a8e85380cefff0e', class: prepareClasses([StepperItemClass.root, this.annotation && StepperItemClass.rootWithAnnot]), variant: this.variant }, hAsync("div", { key: '945a190cfcf519f09a89a77b27bcd90ae4f7c05b', id: triggerId, class: StepperItemClass.header, role: "listitem" }, hAsync(TriggerTag, { key: '9806afdbcc5929c7d2ee2a0b31fb898a3d138996', class: StepperItemClass.title }, this.h.hasSlot('prefix') && (hAsync("span", { key: '689480217dbd2db27d5069ebeb2ee4d266a397a8', class: StepperItemClass.prefix }, hAsync("slot", { key: 'a63e14fd09e872bee67cb3bd2b2a5fd94a015a30', name: "prefix" }))), hAsync("span", { key: 'af957100e33572449a76ff4dcd7ef9898a7ded5e', class: StepperItemClass.name }, hAsync("span", { key: '2212aaba29debc180617fffff58338f237b47c4e', class: StepperItemClass.label }, label), this.annotation && hAsync("span", { key: 'ba654d89d874548b5d7a91544329a6a931de1302', class: StepperItemClass.annot }, this.annotation)))), this.h.hasSlot('content') && (hAsync("div", { key: '9fcfd57f2c09df66a983643c451e6ce7d4edf66c', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: 'b60ff8bc25e39b4ca5d4c97b6bd13ef30e7ce8c7', name: "content" })))));
+        return (hAsync(Host, { key: '8d08f11d6d41fdbfda841fc6a8b92e662525c3ac', class: prepareClasses([StepperItemClass.root, this.annotation && StepperItemClass.rootWithAnnot]), variant: this.variant }, hAsync("div", { key: '31b2dccdd333d1d6b57d608f463ef098ca7e0890', id: triggerId, class: StepperItemClass.header, role: "listitem" }, hAsync(TriggerTag, { key: '619dad78d74f8c86d18f9d1515245860865eb986', class: StepperItemClass.title }, this.h.hasSlot('prefix') && (hAsync("span", { key: '4a9d79cdce2a5356542d7656bfa19dcff67d7a6b', class: StepperItemClass.prefix }, hAsync("slot", { key: '84081ec60a3e3005332779704a39cdf03cb76144', name: "prefix" }))), hAsync("span", { key: 'e3f05158f2a7a622c6e6935a41927c19936ba614', class: StepperItemClass.name }, hAsync("span", { key: '73b7180844026d13d4b3fb4ba736eb28f2d1c8a9', class: StepperItemClass.label }, label), this.annotation && hAsync("span", { key: '608525047a0cc430c5209950fdff683a91795f58', class: StepperItemClass.annot }, this.annotation)))), this.h.hasSlot('content') && (hAsync("div", { key: 'f6766d3f245c2a7bdd5773c8b8a01c275f1276cf', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: '1d2d8afbc5320e3bb67ff94a6837e2e27446a6eb', name: "content" })))));
     }
     /**
      * Returns the current state of the component
@@ -7615,7 +7665,7 @@ class GovTabs {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'c9268edb140ab2f89a200e24fb82489ac643bb5b', class: this.h.classes(TabsClass.root), variant: this.variant, type: this.type, role: "tablist", "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, onKeyDown: this.onKeydownHandler.bind(this) }, hAsync("div", { key: '41848142996bf01dc71ec80d396feb28d1d361d3', class: TabsClass.tabs, "aria-hidden": toBoolAttr(this.compactControls) }, hAsync("ul", { key: 'dcbc258c22c0200a96b74aba9b50088484cc9d36', 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.label)) : (hAsync("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "wcag-selected": control.active, "wcag-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, variant: this.variant, inverse: !control.active, ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.label))))))), hAsync("span", { key: 'a7d9ec6aa331b24ba759f25cbfaefab3ffb3aa22', id: this.formSelectId, hidden: true }, this.wcagSelectLabel), this.compactControls ? (hAsync("gov-form-select", { "wcag-labelled-by": this.formSelectId, "onGov-change": this.onChangeHandler.bind(this) }, this.controllers.map(control => (hAsync("option", { value: control.triggerIdentifier, selected: control.active }, control.label))))) : null, hAsync("slot", { key: '0b67266e6e5ef507c45202e92575d82be6946278' })));
+        return (hAsync(Host, { key: '186410a9d3740c212548d0d5f3466c8d9454cc98', class: this.h.classes(TabsClass.root), variant: this.variant, type: this.type, role: "tablist", "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, onKeyDown: this.onKeydownHandler.bind(this) }, hAsync("div", { key: 'fd1d0b99fb95e70a95b650820d6c978013bc5d32', class: TabsClass.tabs, "aria-hidden": toBoolAttr(this.compactControls) }, hAsync("ul", { key: 'e91a89a4e2ba202edaf03f6f87f723554ff800cf', 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.label)) : (hAsync("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "wcag-selected": control.active, "wcag-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, variant: this.variant, inverse: !control.active, ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.label))))))), hAsync("span", { key: '6b8810b0481484456442072c2eb7655e64da1cb8', id: this.formSelectId, hidden: true }, this.wcagSelectLabel), this.compactControls ? (hAsync("gov-form-select", { "wcag-labelled-by": this.formSelectId, "onGov-change": this.onChangeHandler.bind(this) }, this.controllers.map(control => (hAsync("option", { value: control.triggerIdentifier, selected: control.active }, control.label))))) : null, hAsync("slot", { key: 'f24fff9da81ce5b0ac18e7bfc4c1b560ba391ce6' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;
@@ -7765,7 +7815,7 @@ class GovTabsItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'b032a1e0fe87bcf0648a5a0056b94a426aef8480', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: '56d17e372058ee7239e008688dce4c41440879f7', 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: 'ecc6972f9500d619b856865cfd3d264fd222d3d1' }))));
+        return (hAsync(Host, { key: '809574167ff891e4e32992269e5db2edf9fc0c35', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: '08c5226f36dd2ec4bea3f1e67592ca44500a8d5c', 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: '4347d9f334f5b06a6aae9a2d98352cb921c67890' }))));
     }
     /**
      * Returns a unique tab content identifier
@@ -7848,7 +7898,7 @@ class GovTag {
     render() {
         const iconLeft = prepareIconFormat(this.iconLeft);
         const iconRight = prepareIconFormat(this.iconRight);
-        return (hAsync(Host, { key: '5faf7a32d4f4dc6db4d7b6cc0254cb7d1b51f7ba', class: this.h.classes(TagClass.root), variant: this.variant, type: this.inverse ? undefined : 'solid', size: this.size, inverse: this.inverse }, hAsync("span", { key: 'bf51d6b6e8e0b23d0f7cbf8b7abea864aef502b7', class: "element" }, this.h.hasSlot('left-icon') && hAsync("slot", { key: '28c5bdbc1adb469de48128c04d2024c74c10276f', name: "left-icon" }), iconLeft && hAsync("gov-icon", { key: '2d78cd9606a3df5cf1266ba2f6309b40d863b750', type: iconLeft.type, name: iconLeft.name }), hAsync("slot", { key: '82867f460afc2c31028d285f6810ed80b2594e5a' }), iconRight && hAsync("gov-icon", { key: '42448101cfb452efbf590e0c25bfe87bd6d03a8b', type: iconRight.type, name: iconRight.name }), this.h.hasSlot('right-icon') && hAsync("slot", { key: '822bde35475e9db4a125853a5265c83c4a805d2d', name: "right-icon" }))));
+        return (hAsync(Host, { key: '4800146164c64dd35b116de16a82e42dd235edd2', class: this.h.classes(TagClass.root), variant: this.variant, type: this.inverse ? undefined : 'solid', size: this.size, inverse: this.inverse }, hAsync("span", { key: '07e3f5a19739a27b5a1421f557ff5f57bb189c02', class: "element" }, this.h.hasSlot('left-icon') && hAsync("slot", { key: 'ccf4785752bbd6f6a80341dd88b09e2500742918', name: "left-icon" }), iconLeft && hAsync("gov-icon", { key: 'c05889af11116e31e995b94659152ea06ab16077', type: iconLeft.type, name: iconLeft.name }), hAsync("slot", { key: 'a2c216c2f5c988eda2239dbe397926b13d01b451' }), iconRight && hAsync("gov-icon", { key: '24cf847fbb5b0c0595c748c39ba37d2b10d8a267', type: iconRight.type, name: iconRight.name }), this.h.hasSlot('right-icon') && hAsync("slot", { key: '8b923181af811ab2f68b2143059089562bc232f6', name: "right-icon" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7893,7 +7943,7 @@ class GovTile {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '94c2322c722ff5c79358c01eb303d66a22027fbf', class: this.h.classes(TileClass.root) }, this.h.hasSlot("icon") && (hAsync("span", { key: '844a8fdd671adb4bf5bcc4b89dcfe40a7e2e2c4c', class: TileClass.icon }, hAsync("slot", { key: '0039f4b07b8f373feeeb9e597f36b17576920602', name: "icon" }))), this.href ? (hAsync("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, this.h.hasSlot("title") && (hAsync("span", { class: TileClass.title }, hAsync("slot", { name: "title" }), hAsync("gov-icon", { class: TileClass.arrow, name: "chevron-right" }))))) : (this.h.hasSlot("title") && (hAsync("span", { class: TileClass.title }, hAsync("slot", { name: "title" })))), hAsync("div", { key: '48844f936d995bab93594f87cd01f2a1da2fd37c', class: TileClass.content }, hAsync("slot", { key: '860a227cd05409613037658777a8e3edbfcc22d0' }))));
+        return (hAsync(Host, { key: '2e63a28992ba629ca4127d4e6f537a31570032f6', class: this.h.classes(TileClass.root) }, this.h.hasSlot("icon") && (hAsync("span", { key: 'f2d1c3bcef479dfbe6aad214e714484817731398', class: TileClass.icon }, hAsync("slot", { key: '1167f157cb8d126878445603743b5cda65ffb4c3', name: "icon" }))), this.href ? (hAsync("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, this.h.hasSlot("title") && (hAsync("span", { class: TileClass.title }, hAsync("slot", { name: "title" }), hAsync("gov-icon", { class: TileClass.arrow, name: "chevron-right" }))))) : (this.h.hasSlot("title") && (hAsync("span", { class: TileClass.title }, hAsync("slot", { name: "title" })))), hAsync("div", { key: '6f571bed52e0bf2961c4bd7d3f6c969866bb98c8', class: TileClass.content }, hAsync("slot", { key: '07b4806e406da710e9291bc13d6d95c1d2cead05' }))));
     }
     /**
      * Returns a clickable element instance
@@ -7935,7 +7985,7 @@ class GovTiles {
         return prepareClasses([TilesClass.root, this.columns && TilesClass.root + '--x' + this.columns]);
     }
     render() {
-        return (hAsync(Host, { key: 'c8f887c37c940b7164acc55af50e978b9fe1e06e', class: this.h.classes(this.classNames) }, hAsync("slot", { key: '262e7d0b750bdf23dae21ce2b79ba171dac2e5e7' })));
+        return (hAsync(Host, { key: 'd40e5e036c92e0f68da55d9d9cdbb16ca2d5c366', class: this.h.classes(this.classNames) }, hAsync("slot", { key: '79b03146c76ec394c9e22edb823c95acb7467d62' })));
     }
     get host() { return getElement(this); }
     static get style() { return GovTilesStyle0; }
@@ -8005,7 +8055,7 @@ class GovToast {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'b2f011146ea89c841a14bb91d4cd469054ca4c3f', class: this.h.classes([ToastClass.root, "gov-box-shadow--m"]), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, variant: this.variant, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (hAsync("span", { key: '1f51ceb58b292aa675a498e0609c8a6ccf052297', class: ToastClass.icon }, hAsync("slot", { key: '7a673da01d320f9571bf7580b56e3f65434e66be', name: "icon" }))), hAsync("div", { key: '3cf7a20d7800ce421e826278c7bf4cf71c5ca5a5', class: ToastClass.content, "aria-live": "polite", role: "status" }, hAsync("slot", { key: '9e0648e2c8c5667deb4baccaa78d5a26a1943ae7' })), hAsync("div", { key: '583ce0755e731bd44738e7e89a20d8ba29b07990', class: ToastClass.close }, hAsync("gov-button", { key: '97f635fa5cc51d071c667b4408f37506cf5e8f04', size: "s", "wcag-label": this.wcagCloseLabel, variant: this.isSolid ? this.variant : "secondary", inverse: this.isSolid, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, this.closeLabel ? this.closeLabel : hAsync("gov-icon", { name: "x-lg" }))), hAsync("div", { key: 'd8bf898c3032d2874c925da9302ea76341b13c2a', class: ToastClass.timer })));
+        return (hAsync(Host, { key: 'b787b06ae995d69f9b47c55428d16de742721ad6', class: this.h.classes([ToastClass.root, "gov-box-shadow--m"]), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, variant: this.variant, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (hAsync("span", { key: '70b8a2891d348d3ad70d99a7c73a99b2c96ef84e', class: ToastClass.icon }, hAsync("slot", { key: 'ac010084e7210912bb5a003d29ad0409c2db0a16', name: "icon" }))), hAsync("div", { key: '8150882a239ef1151eecbc0058adc8f4ecbc83ed', class: ToastClass.content, "aria-live": "polite", role: "status" }, hAsync("slot", { key: '79af1fbe49ba974e450468ac59986633f7023687' })), hAsync("div", { key: 'e4ddbec0d42482c8e66bd55b480e1615d116cc5c', class: ToastClass.close }, hAsync("gov-button", { key: 'ac694b58a4316ad71664a81985ae31491ce67d16', size: "s", "wcag-label": this.wcagCloseLabel, variant: this.isSolid ? this.variant : "secondary", inverse: this.isSolid, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, this.closeLabel ? this.closeLabel : hAsync("gov-icon", { name: "x-lg" }))), hAsync("div", { key: 'f4bf8cd714fd1aeffb5e63931100fa1b6108a162', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.destroy()
@@ -8266,11 +8316,11 @@ class GovTooltip {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '79f1e7f55aa44da4cc08be8f388921c2c940d834', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: '361c2997c12aa96a171ebb1558986b83990b5778', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+        return (hAsync(Host, { key: '1402123adc836432aea584d5cd90bfe735e99e0e', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: '58cc8f347973bbeb97031281f7799d9c9556fe28', 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: 'bffc64135254b57fb4514a8afdc44bfe4b8f3015' }))));
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, hAsync("slot", { key: 'e6b793a876835338fd779ee15d558f56ec885bd7' }))));
     }
     /**
      * Showing the modal
@@ -8345,7 +8395,7 @@ class GovTooltipContent {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'd4fedddcace4cc8c33c683482820f706f7424754', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: '687cf17bda8c74143bfcedf314ca95fc7cb52c6c' }), this.persist ? (hAsync("gov-button", { "on-gov-click": this.hideContent.bind(this), variant: this.variant, size: this.size, type: "base", inverse: this.variant === TooltipVariant.SECONDARY }, hAsync("gov-icon", { slot: "left-icon", name: "x-lg", type: "basic" }))) : null));
+        return (hAsync(Host, { key: '15e0348874c3c09ba1febdb056ad2eaf89a1d9a5', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: '14ed9f3cd9c30587ad6e97cf199b5b2939b4540b' }), this.persist ? (hAsync("gov-button", { "on-gov-click": this.hideContent.bind(this), variant: this.variant, size: this.size, type: "base", inverse: this.variant === TooltipVariant.SECONDARY }, hAsync("gov-icon", { slot: "left-icon", name: "x-lg", type: "basic" }))) : null));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -8421,7 +8471,7 @@ class GovWizard {
         }
     }
     render() {
-        return (hAsync(Host, { key: '26b6562d1cd89e5d657dc09d80ed5462932b7b82', class: this.h.classes(WizardClass.root), role: "list", size: this.size }, hAsync("slot", { key: 'dbf43754a78107578778f681c41fd212be493b96' })));
+        return (hAsync(Host, { key: '6c9fb7d8876298a79c1109b0f601e4d3ffd8f80a', class: this.h.classes(WizardClass.root), role: "list", size: this.size }, hAsync("slot", { key: 'b6e9dfab06005556e8d2dd0c1616272f4b705f97' })));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -8502,9 +8552,9 @@ class GovWizardItem {
         const triggerId = this.identifier || this.triggerId;
         const LabelTag = this.labelTag;
         const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
-        const prefixSlot = this.h.hasSlot("prefix") && (hAsync("span", { key: '959248c1bae00af1c1de0009e8db1317f57773b5', class: WizardItemClass.prefix }, hAsync("slot", { key: '9c9b5c4f0d3024b68c49a47fea8d0c504f0c44bd', name: "prefix" })));
-        const label = (hAsync(LabelTag, { key: 'fd079e23c2fd79052d42ff5ba30a55a4d8240c44', class: WizardItemClass.title }, hAsync("span", { key: 'cb40be0048459dfff7468598c60e157377e77fce', class: WizardItemClass.name }, hAsync("span", { key: '29a40cff9bcca1a166fde9a22d84cf1c7ac5dc00', class: WizardItemClass.label }, hAsync("span", { key: '03b626c21f20592c9729f3ec4dd217d13e35813a' }, this.label), this.collapsible && hAsync("gov-icon", { key: '19f6a985e209cedf1f49cab330973bd9839d9881', class: WizardItemClass.arrow, name: "chevron-down" })), this.annotation && hAsync("span", { key: '17c5dddce1df76479a02bdc688bab54b498cef81', class: WizardItemClass.annot }, this.annotation))));
-        return (hAsync(Host, { key: 'be03f0870b5b3b6691700478e6c33f4e130bf2ae', class: this.h.classes(WizardItemClass.root), "is-expanded": this.isExpanded, variant: this.variant, size: this.size, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (hAsync(Fragment, null, prefixSlot, hAsync(Tag, { id: triggerId, class: WizardItemClass.header, "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: 'aa8b3e09672d7eb2cd3fc814ab9f8ae1bcd43c2b', class: WizardItemClass.prefix }, hAsync("slot", { key: '62fc06467a464aba3901fc62dc6f47adf3413422', name: "prefix" })));
+        const label = (hAsync(LabelTag, { key: 'b9a8c019d5b47d4ed9c6eccb78516defbc35fbb7', class: WizardItemClass.title }, hAsync("span", { key: 'cc89cdc775d6afc508dea1f2a6870693142c0fa6', class: WizardItemClass.name }, hAsync("span", { key: '4f807faebe3ce3ead18950a1863fa97e18294ef8', class: WizardItemClass.label }, hAsync("span", { key: 'a274fc53292f4b6c9325b5e2f3704b538f47c122' }, this.label), this.collapsible && hAsync("gov-icon", { key: '71c767aa5cf6dd2de0d2ccf7de77204db666df37', class: WizardItemClass.arrow, name: "chevron-down" })), this.annotation && hAsync("span", { key: '6c473c4c192f19eed6eedaeb6a0d2d977480ada1', class: WizardItemClass.annot }, this.annotation))));
+        return (hAsync(Host, { key: '217eae403f99c25199e7a5cd9994ff73c5ab8568', class: this.h.classes(WizardItemClass.root), "is-expanded": this.isExpanded, variant: this.variant, size: this.size, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (hAsync(Fragment, null, prefixSlot, hAsync(Tag, { id: triggerId, class: WizardItemClass.header, "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.collapsible ? this.toggle() : false;
@@ -8606,6 +8656,7 @@ registerComponents([
   GovInfobar,
   GovLayout,
   GovLayoutColumn,
+  GovLifecycle,
   GovLoading,
   GovMessage,
   GovModal,

package/dist/types/components/gov-lifecycle-tester/gov-lifecycle-tester.d.ts

@@ -0,0 +1,14 @@
+export declare class GovLifecycle {
+    private readonly uniqueId;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentShouldUpdate(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    componentWillUpdate(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -1421,6 +1421,8 @@ export namespace Components {
     }
     interface GovLayoutColumn {
     }
+    interface GovLifecycle {
+    }
     interface GovLoading {
     }
     interface GovMessage {
@@ -2703,6 +2705,12 @@ declare global {
         prototype: HTMLGovLayoutColumnElement;
         new (): HTMLGovLayoutColumnElement;
     };
+    interface HTMLGovLifecycleElement extends Components.GovLifecycle, HTMLStencilElement {
+    }
+    var HTMLGovLifecycleElement: {
+        prototype: HTMLGovLifecycleElement;
+        new (): HTMLGovLifecycleElement;
+    };
     interface HTMLGovLoadingElement extends Components.GovLoading, HTMLStencilElement {
     }
     var HTMLGovLoadingElement: {
@@ -3012,6 +3020,7 @@ declare global {
         "gov-infobar": HTMLGovInfobarElement;
         "gov-layout": HTMLGovLayoutElement;
         "gov-layout-column": HTMLGovLayoutColumnElement;
+        "gov-lifecycle": HTMLGovLifecycleElement;
         "gov-loading": HTMLGovLoadingElement;
         "gov-message": HTMLGovMessageElement;
         "gov-modal": HTMLGovModalElement;
@@ -4333,6 +4342,8 @@ declare namespace LocalJSX {
     }
     interface GovLayoutColumn {
     }
+    interface GovLifecycle {
+    }
     interface GovLoading {
     }
     interface GovMessage {
@@ -4956,6 +4967,7 @@ declare namespace LocalJSX {
         "gov-infobar": GovInfobar;
         "gov-layout": GovLayout;
         "gov-layout-column": GovLayoutColumn;
+        "gov-lifecycle": GovLifecycle;
         "gov-loading": GovLoading;
         "gov-message": GovMessage;
         "gov-modal": GovModal;
@@ -5024,6 +5036,7 @@ declare module "@stencil/core" {
             "gov-infobar": LocalJSX.GovInfobar & JSXBase.HTMLAttributes<HTMLGovInfobarElement>;
             "gov-layout": LocalJSX.GovLayout & JSXBase.HTMLAttributes<HTMLGovLayoutElement>;
             "gov-layout-column": LocalJSX.GovLayoutColumn & JSXBase.HTMLAttributes<HTMLGovLayoutColumnElement>;
+            "gov-lifecycle": LocalJSX.GovLifecycle & JSXBase.HTMLAttributes<HTMLGovLifecycleElement>;
             "gov-loading": LocalJSX.GovLoading & JSXBase.HTMLAttributes<HTMLGovLoadingElement>;
             "gov-message": LocalJSX.GovMessage & JSXBase.HTMLAttributes<HTMLGovMessageElement>;
             "gov-modal": LocalJSX.GovModal & JSXBase.HTMLAttributes<HTMLGovModalElement>;

package/dist/types/utils/string.utils.d.ts

@@ -1,3 +1,4 @@
+export declare function chr4(): string;
 export declare function createID(prefix: string): string;
 export declare function removeDiacritics(string: any): string | any;
 export declare function splitByWhitespace(string: any): string | 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.0.8-rc22",
+	"version": "4.0.8-rc23",
 	"license": "EUPL v1.2 Licensed",
 	"main": "./dist/index.cjs.js",
 	"unpkg": "./dist/core/core.esm.js",