@gov-design-system-ce/components 4.0.8-rc21 → 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);
       }
     }
@@ -4217,14 +4222,12 @@ class GovFormCheckbox {
         this.f.passAttrToControl("size", this.size);
         this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
         this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
-    }
-    componentWillLoad() {
         this.f.passAttrToControl("type", "checkbox");
-        this.passControlAttrs();
     }
     async componentDidRender() {
         this.f.passAttrToLabel("identifier", this.identifier || this.checkboxId);
         this.f.passAttrToLabel("required", String(this.required));
+        this.passControlAttrs();
         if (canValidateWcagOnRender()) {
             await delay(500);
             await this.validateWcag();
@@ -4565,6 +4568,7 @@ class GovFormFile {
     passControlAttrs() {
         this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
         this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
+        this.f.passAttrToControl("type", "File");
     }
     registerListeners() {
         function highlight() {
@@ -4637,12 +4641,9 @@ class GovFormFile {
             this.reset().finally();
         }
     }
-    componentWillLoad() {
+    async componentDidRender() {
         this.f.passAttrToLabel("required", String(this.required));
-        this.f.passAttrToControl("type", "File");
         this.passControlAttrs();
-    }
-    async componentDidRender() {
         if (canValidateWcagOnRender()) {
             await delay(500);
             await this.validateWcag();
@@ -4650,7 +4651,7 @@ class GovFormFile {
         this.registerListeners();
     }
     render() {
-        return (hAsync(Host, { key: 'f8ab9ecfba8ade897c1ba9d343259fd77fe74f68', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { key: '9b1051cb9163af7ceaf42462a2d040a04e3e2088', class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", { key: 'cf789459997322558f3a27eeaacaab2e11757aed' }), hAsync("input", { key: '82d86f00eecd47a10b9540cc0671303d443b536b', class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, multiple: this.multiple, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) })), this.h.hasSlot("attachments") ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("slot", { name: "attachments" }))) : null, this.files.length && this.displayAttachments ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("gov-attachments", { label: this.wcagAttachmentsLabel, "wcag-label": this.wcagAttachmentsLabel }, this.files.map(item => (hAsync("gov-attachments-item", { "wcag-remove-labelled-by": item.id, "on-gov-remove": () => this.onRemoveFileHandler(item) }, hAsync("span", { class: "sr-only", id: item.id }, this.wcagRemoveLabel.replace("{FILE_NAME}", item.file.name)), item.file.name, item.acceptValid === false ? (hAsync("gov-form-message", { slot: "message", variant: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill" }), item.acceptValid === false ? this.errorAccept : null)) : null, item.sizeValid === false ? (hAsync("gov-form-message", { slot: "message", variant: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill" }), this.errorSize.replace("{FILE_SIZE}", formatBytes(this.maxFileSize)))) : null, hAsync("span", { slot: "info" }, "(", formatBytes(item.file.size), ")"))))))) : null));
+        return (hAsync(Host, { key: 'f4ff2f49ca750b8025ebacdafea5330c3e681b8e', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { key: '6c1811dcdca85ebe64141ee0af5f2b9e351e3da0', class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", { key: '86be170e7f1527dbc0b8b891a130a8b743808702' }), hAsync("input", { key: '95b877b4639343f6dfc5715255e75e82cf18d733', class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, multiple: this.multiple, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) })), this.h.hasSlot("attachments") ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("slot", { name: "attachments" }))) : null, this.files.length && this.displayAttachments ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("gov-attachments", { label: this.wcagAttachmentsLabel, "wcag-label": this.wcagAttachmentsLabel }, this.files.map(item => (hAsync("gov-attachments-item", { "wcag-remove-labelled-by": item.id, "on-gov-remove": () => this.onRemoveFileHandler(item) }, hAsync("span", { class: "sr-only", id: item.id }, this.wcagRemoveLabel.replace("{FILE_NAME}", item.file.name)), item.file.name, item.acceptValid === false ? (hAsync("gov-form-message", { slot: "message", variant: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill" }), item.acceptValid === false ? this.errorAccept : null)) : null, item.sizeValid === false ? (hAsync("gov-form-message", { slot: "message", variant: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill" }), this.errorSize.replace("{FILE_SIZE}", formatBytes(this.maxFileSize)))) : null, hAsync("span", { slot: "info" }, "(", formatBytes(item.file.size), ")"))))))) : null));
     }
     onRemoveFileHandler(file) {
         const index = this.files.findIndex(item => item.id === file.id);
@@ -4866,29 +4867,28 @@ class GovFormInput {
         this.f.passAttrToControl("success", toBoolAttr(this.success));
         this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
         this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
+        this.f.passAttrToControl("type", this.multiline ? Tags$1.TEXTAREA : Tags$1.INPUT);
     }
     componentWillLoad() {
         this.validateVariant(this.variant);
         this.validateSize(this.size);
-        this.passControlAttrs();
-        this.f.passAttrToLabel("required", String(this.required));
-        this.f.passAttrToControl("type", this.multiline ? Tags$1.TEXTAREA : Tags$1.INPUT);
     }
     async componentDidRender() {
+        this.passControlAttrs();
+        this.f.passAttrToLabel("required", String(this.required));
         if (canValidateWcagOnRender()) {
             await delay(500);
             await this.validateWcag();
         }
-        this.passControlAttrs();
     }
     componentDidLoad() {
         this.govHydrated.emit();
     }
     render() {
         const Tag = this.multiline ? Tags$1.TEXTAREA : Tags$1.INPUT;
-        return (hAsync(Host, { key: 'bae879c01d6c58022adc6c0fe5e5a68e66dad44f', class: FormInputClass.root, size: this.size, variant: this.variant, type: this.type }, this.h.hasSlot("prefix") && hAsync("slot", { key: 'bdbc330daa350dfa24f666dfc6d29a4fe35b2a2b', name: "prefix" }), hAsync("span", { key: 'a90eaab54b005ee3b8f063a8d056154f5f178ee5', class: "element" }, this.h.hasSlot("left-icon") && hAsync("slot", { key: '681a2029ee87092deac624df44788c494303e52e', name: "left-icon" }), this.h.hasSlot("right-icon") && !(this.success || this.invalid) && hAsync("slot", { key: '80963733351147407a2df6acd26892198de250b5', name: "right-icon" }), this.success && !this.multiline &&
-            hAsync("gov-icon", { key: '4ebf87ec5d022f1c6943481ca69e0cab62931ddf', slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && !this.multiline &&
-            hAsync("gov-icon", { key: 'ee2b21a80ce8757f94a424019f4104f3a630f05c', slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), hAsync(Tag, { key: 'a69eb58bc00c299f1d66601de19cc7112757a4d0', type: this.inputType, disabled: this.disabled, id: this.identifier || this.inputId, name: this.name, onFocus: this.onFocusHandler.bind(this), onInput: this.onInputHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onKeyUp: this.onKeyUpHandler.bind(this), onKeyDown: this.onKeyDownHandler.bind(this), ref: el => (this.inputRef = el), placeholder: this.placeholder, value: this.value, spellcheck: toBoolAttrIfDefined(this.spellcheck), lang: this.inputLang, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, min: this.min, max: this.max, required: this.required, rows: this.rows, cols: this.cols, role: this.role, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns, "aria-expanded": toBoolAttrIfDefined(this.wcagExpanded), "aria-autocomplete": this.wcagAutocomplete })), this.h.hasSlot("sufix") && hAsync("slot", { key: '0624cc730480547bf250a7ab553212c0e17d6fe8', name: "sufix" })));
+        return (hAsync(Host, { key: 'fb06974797e9fe99cc0845cd9aac8cc79bfc0583', class: FormInputClass.root, size: this.size, variant: this.variant, type: this.type }, this.h.hasSlot("prefix") && hAsync("slot", { key: 'c8a307ca8c1e4e4a27ac00463523f19c4012bbfe', name: "prefix" }), hAsync("span", { key: 'b86a839790465feda8d50385ca5b44a98c3ee81d', class: "element" }, this.h.hasSlot("left-icon") && hAsync("slot", { key: '300d97f0f13e95ac306b3c0332ccb58b99988c7a', name: "left-icon" }), this.h.hasSlot("right-icon") && !(this.success || this.invalid) && hAsync("slot", { key: '6d2673bc16e363b52662671a172f7c20eca85c62', name: "right-icon" }), this.success && !this.multiline &&
+            hAsync("gov-icon", { key: '40c2f0e9991833ad731e469164d0bd148d883007', slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && !this.multiline &&
+            hAsync("gov-icon", { key: '56d940b36602db7749fc1656fdee739b2ad21370', slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), hAsync(Tag, { key: 'ecdf27b1a0889cfd0367ded8cffd24152c2e1d01', type: this.inputType, disabled: this.disabled, id: this.identifier || this.inputId, name: this.name, onFocus: this.onFocusHandler.bind(this), onInput: this.onInputHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onKeyUp: this.onKeyUpHandler.bind(this), onKeyDown: this.onKeyDownHandler.bind(this), ref: el => (this.inputRef = el), placeholder: this.placeholder, value: this.value, spellcheck: toBoolAttrIfDefined(this.spellcheck), lang: this.inputLang, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, min: this.min, max: this.max, required: this.required, rows: this.rows, cols: this.cols, role: this.role, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns, "aria-expanded": toBoolAttrIfDefined(this.wcagExpanded), "aria-autocomplete": this.wcagAutocomplete })), this.h.hasSlot("sufix") && hAsync("slot", { key: 'bd6b9c7a981c40fdddf83e8ce0778978e1ea31af', name: "sufix" })));
     }
     onFocusHandler(e) {
         e.stopPropagation();
@@ -5159,8 +5159,6 @@ class GovFormMultiSelect {
     componentWillLoad() {
         this.validateVariant(this.variant);
         this.validateSize(this.size);
-        this.passControlAttrs();
-        this.f.passAttrToLabel('required', String(this.required));
         this.optionsState = propsValueToArray(this.options);
         this.selectedOptionsState = propsValueToArray(this.value);
     }
@@ -5261,6 +5259,8 @@ class GovFormMultiSelect {
         this.initAutocomplete();
     }
     async componentDidRender() {
+        this.passControlAttrs();
+        this.f.passAttrToLabel('required', String(this.required));
         tick(() => {
             this.selectRef.querySelectorAll('option').forEach((option) => {
                 if (option.selected) {
@@ -5274,7 +5274,7 @@ class GovFormMultiSelect {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'd196b10aa1a15b405235bec76b0c9a50ce7b7a32', class: FormMultiSelectClass.root, size: this.size, variant: this.variant }, hAsync("div", { key: '18b3d6b6b568d4c2e6185cc2b5397dc0d0b397e3', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && hAsync("slot", { key: 'b7c67fef5eea42e0f948487082cb481fbd8f6264', name: "prefix" }), hAsync("div", { key: 'a9c6e91522fa96fa40ba75afee7150c2f0b9c07a', class: "element" }, hAsync("gov-form-autocomplete", { key: '2792873c33eee760c93bffbaba9268e4dff4acba', value: this.valueState, disabled: this.disabled, identifier: this.identifier || this.selectId, required: false, size: this.size, variant: this.variant, placeholder: this.placeholder, "message-empty": this.messageEmpty, "message-loading": this.messageLoading, ref: el => (this.autocompleteRef = el), minlength: 0, "name-key": 'label', wcagDescribedBy: this.wcagDescribedBy, wcagLabelledBy: this.wcagLabelledBy, wcagOwns: this.listId }), hAsync("gov-icon", { key: 'd03af7b6c89e62d7f6054d8b5be3bc73f8b1fe96', slot: "right-icon", class: "icon-arrow", name: "chevron-down" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { key: '34299ffce891c3f31947ef8f6ccd5d7144a5e485', name: "right-icon" }), this.success && hAsync("gov-icon", { key: '0343f86ccaf5a9fad2f6c2c0aa82cf508e19c1c1', slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && hAsync("gov-icon", { key: '481ae336432840d2994455371f3407644fd1e1b1', slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), hAsync("select", { key: '0348cced9ebf67b2047586a024c6fd05ec71dff1', hidden: true, class: 'hidden-select-list', "aria-hidden": toBoolAttr(true), multiple: true, required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, hAsync("slot", { key: 'cc4d489c662d6515c2c5d6398bb34cc43871b426' }))), this.h.hasSlot('sufix') && hAsync("slot", { key: 'adabdc557faf6eab58d48e6ad40f6d01fb610132', name: "sufix" })), this.hideSelectedList === false ? (hAsync("ul", { role: "listbox", id: this.listId, class: FormMultiSelectClass.list }, Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {
+        return (hAsync(Host, { key: 'dcea3684aa6940f003598af618802f4fcb2b6b09', class: FormMultiSelectClass.root, size: this.size, variant: this.variant }, hAsync("div", { key: '126d600e1018af2512d73486e751e867a88a8b64', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && hAsync("slot", { key: '64d87d163065a423f4b05b1e03c99c687567c981', name: "prefix" }), hAsync("div", { key: '4345f52b0b1605e971a880b36760c6584482ccdf', class: "element" }, hAsync("gov-form-autocomplete", { key: '18f0b8716e6ad07fe8528a7a6a0b5645ad9f483c', value: this.valueState, disabled: this.disabled, identifier: this.identifier || this.selectId, required: false, size: this.size, variant: this.variant, placeholder: this.placeholder, "message-empty": this.messageEmpty, "message-loading": this.messageLoading, ref: el => (this.autocompleteRef = el), minlength: 0, "name-key": 'label', wcagDescribedBy: this.wcagDescribedBy, wcagLabelledBy: this.wcagLabelledBy, wcagOwns: this.listId }), hAsync("gov-icon", { key: '757efdd4bac1be7d674ea0b41b1a56e479e1f25f', slot: "right-icon", class: "icon-arrow", name: "chevron-down" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { key: '4a44280ee9545b21544ecb0651fe5e2820700e8b', name: "right-icon" }), this.success && hAsync("gov-icon", { key: '98caa1ed5191fe275a31ec3b70edd366c600a6de', slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && hAsync("gov-icon", { key: 'd44e095044239596a075216262d4a1c4f5efd29b', slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), hAsync("select", { key: 'f5267c5d1efc6de8e4e5c7f6a0b0f070850e4b2d', hidden: true, class: 'hidden-select-list', "aria-hidden": toBoolAttr(true), multiple: true, required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, hAsync("slot", { key: '8c0a56998153273333111184723ef6db95cc04bb' }))), this.h.hasSlot('sufix') && hAsync("slot", { key: '456d4a430c0432196a26d670dbee984f29f2dea7', name: "sufix" })), this.hideSelectedList === false ? (hAsync("ul", { role: "listbox", id: this.listId, class: FormMultiSelectClass.list }, Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {
             var _a, _b;
             const option = this.getOption(selected);
             if (!option)
@@ -5457,12 +5457,10 @@ class GovFormRadio {
         this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
         this.f.passAttrToControl("type", "radio");
     }
-    componentWillLoad() {
-        this.passControlAttrs();
-    }
     async componentDidRender() {
         this.f.passAttrToLabel("identifier", this.identifier || this.radioId);
         this.f.passAttrToLabel("required", String(this.required));
+        this.passControlAttrs();
         if (canValidateWcagOnRender()) {
             await delay(500);
             await this.validateWcag();
@@ -5707,17 +5705,17 @@ class GovFormSelect {
         this.f.passAttrToControl('invalid', toBoolAttr(this.invalid));
         this.f.passAttrToControl('success', toBoolAttr(this.success));
         this.f.passAttrToControl('disabled', toBoolAttr(this.disabled));
+        this.f.passAttrToControl('type', 'select');
     }
     componentWillLoad() {
         this.validateVariant(this.variant);
         this.validateSize(this.size);
         this.markSelectedValue();
-        this.passControlAttrs();
-        this.f.passAttrToLabel('required', String(this.required));
-        this.f.passAttrToControl('type', 'select');
         this.optionsState = propsValueToArray(this.options);
     }
     async componentDidRender() {
+        this.passControlAttrs();
+        this.f.passAttrToLabel('required', String(this.required));
         if (canValidateWcagOnRender()) {
             await delay(500);
             await this.validateWcag();
@@ -5735,10 +5733,10 @@ class GovFormSelect {
         });
     }
     render() {
-        return (hAsync(Host, { key: '0ef3419f4afce93b161ad8b71401a228ae8b9c4a', class: FormSelectClass.root, size: this.size, variant: this.variant }, this.h.hasSlot('prefix') && hAsync("slot", { key: '828f069b3672d5bb766a44ef37384b9117327eab', name: "prefix" }), hAsync("span", { key: '169ac6c9d58c88bbdcc96f36b8208ea05faa8e51', class: "element" }, hAsync("gov-icon", { key: 'a2501ad9ecc603d3e52fc0143fef2ee53ae63d4d', slot: "right-icon", name: "chevron-down", class: "icon-arrow" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { key: '97b2417a96a781620b67a557244c4c0cfa8b3669', name: "right-icon" }), this.success && hAsync("gov-icon", { key: 'cebe7eb826cb741bae4afdbd8d9b18948c410f8c', slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && hAsync("gov-icon", { key: 'cef9b5715b1c134242f52439f65b88c7d228054f', slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), hAsync("select", { key: 'b8374d51d9a66f313db7f851446916e22debeee3', id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-activedescendant": this.wcagActiveDescendant, "aria-controls": this.wcagControls, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, hAsync("slot", { key: '5ad33b529b013a1e4846aaf3d6a778a0e7652f83' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (hAsync(Host, { key: 'ad730683b3c90c1f843e0b623ccb90620d850f38', class: FormSelectClass.root, size: this.size, variant: this.variant }, this.h.hasSlot('prefix') && hAsync("slot", { key: 'a502060ea1fe99bdc99c6d41ec724a028e953936', name: "prefix" }), hAsync("span", { key: 'c1145ad7d689eedd3364a036cbbc84e2651bf2f3', class: "element" }, hAsync("gov-icon", { key: '4064afe2f528385e0488d9b0d4de823468d5291b', slot: "right-icon", name: "chevron-down", class: "icon-arrow" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { key: '3be3d76095659ad871ad56c301455d845ad2228c', name: "right-icon" }), this.success && hAsync("gov-icon", { key: 'fa6b68bbd864c09ba5b5dab1118dab5acba21875', slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && hAsync("gov-icon", { key: '956ce3b961a6cce2f815a787bc16daed467a519e', slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), hAsync("select", { key: 'f176ad1c96c7b1c2fa080332a82b5c4a0847ceb0', id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-activedescendant": this.wcagActiveDescendant, "aria-controls": this.wcagControls, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, hAsync("slot", { key: '1021bfce70fc2896c420df6e16e36aa63dfe0b37' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
             var _a;
             return (hAsync("option", { value: option.value, selected: option.value === this.value, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value));
-        }))), this.h.hasSlot('sufix') && hAsync("slot", { key: '257ebbc1fbe845806360efbf491640c2c364d540', name: "sufix" })));
+        }))), this.h.hasSlot('sufix') && hAsync("slot", { key: 'c1900ebfcba04e86829852c2a164a2c3492f1895', name: "sufix" })));
     }
     onFocusHandler(e) {
         this.focused = true;
@@ -5864,14 +5862,12 @@ class GovFormSwitch {
         this.f.passAttrToControl("size", this.size);
         this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
         this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
-    }
-    componentWillLoad() {
-        this.passControlAttrs();
+        this.f.passAttrToControl("type", "switch");
     }
     async componentDidRender() {
         this.f.passAttrToLabel("identifier", this.identifier || this.checkboxId);
         this.f.passAttrToLabel("required", String(this.required));
-        this.f.passAttrToControl("type", "switch");
+        this.passControlAttrs();
         if (canValidateWcagOnRender()) {
             await delay(500);
             await this.validateWcag();
@@ -6290,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',
@@ -6305,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; }
@@ -6340,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 {
@@ -6434,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();
@@ -6518,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
@@ -6560,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 {
@@ -6871,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();
@@ -6970,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
@@ -7034,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
@@ -7168,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",
@@ -7244,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 {
@@ -7309,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 {
@@ -7346,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 {
@@ -7409,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 {
@@ -7472,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
@@ -7624,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;
@@ -7774,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
@@ -7857,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 {
@@ -7902,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
@@ -7944,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; }
@@ -8014,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()
@@ -8275,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
@@ -8354,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 {
@@ -8430,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
@@ -8511,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;
@@ -8615,6 +8656,7 @@ registerComponents([
   GovInfobar,
   GovLayout,
   GovLayoutColumn,
+  GovLifecycle,
   GovLoading,
   GovMessage,
   GovModal,

package/dist/types/components/gov-form/checkbox/gov-form-checkbox.d.ts

@@ -70,7 +70,6 @@ export declare class GovFormCheckbox {
     validateSize(newValue: string): void;
     watchControlAttrs(): void;
     private passControlAttrs;
-    componentWillLoad(): void;
     componentDidRender(): Promise<void>;
     connectedCallback(): void;
     render(): any;

package/dist/types/components/gov-form/file/gov-form-file.d.ts

@@ -116,7 +116,6 @@ export declare class GovFormFile {
     preventDefaults(e: any): void;
     handleDrop(e: DragEvent): void;
     private validateFiles;
-    componentWillLoad(): void;
     componentDidRender(): Promise<void>;
     render(): any;
     private onRemoveFileHandler;

package/dist/types/components/gov-form/radio/gov-form-radio.d.ts

@@ -70,7 +70,6 @@ export declare class GovFormRadio {
     validateSize(newValue: string): void;
     watchControlAttrs(): void;
     private passControlAttrs;
-    componentWillLoad(): void;
     componentDidRender(): Promise<void>;
     connectedCallback(): void;
     render(): any;

package/dist/types/components/gov-form/switch/gov-form-switch.d.ts

@@ -70,7 +70,6 @@ export declare class GovFormSwitch {
     validateSize(newValue: string): void;
     watchDisabled(): void;
     private passControlAttrs;
-    componentWillLoad(): void;
     componentDidRender(): Promise<void>;
     connectedCallback(): void;
     render(): any;