@verisoft/ui-govcz 21.0.8 → 21.0.10

package/fesm2022/verisoft-ui-govcz.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { Component, Pipe, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, Output, Input, inject, Optional, Self, input, SimpleChange, Injectable, ChangeDetectorRef, Injector, ViewContainerRef, ViewChild, ElementRef, HostListener, ViewEncapsulation, NO_ERRORS_SCHEMA, output, ContentChild, ContentChildren, NgModule, Inject, signal, Directive, forwardRef, InjectionToken } from '@angular/core';
+import { Component, Pipe, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, Output, Input, inject, Optional, Self, input, reflectComponentType, Injectable, ChangeDetectorRef, Injector, ViewContainerRef, ViewChild, ViewEncapsulation, HostListener, NO_ERRORS_SCHEMA, output, ContentChild, ContentChildren, NgModule, Inject, effect, Directive, forwardRef, InjectionToken } from '@angular/core';
 import * as i1 from '@angular/router';
-import { RouterModule, Router, ActivatedRoute, NavigationEnd, RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
+import { RouterModule, Router, RouterOutlet, RouterLink, RouterLinkActive, ActivatedRoute } from '@angular/router';
 import * as i2 from '@gov-design-system-ce/angular';
 import { GovDesignSystemModule } from '@gov-design-system-ce/angular';
 import * as i1$3 from '@verisoft/ui-core';
-import { BreadcrumbCoreComponent, BREADCRUMB_COMPONENT_TOKEN, ControlSeverity, GovControlSeverity, FieldSize, IconsComponent, IconPosition, GovButtonType, BUTTON_COMPONENT_TOKEN, SlotPosition, BaseFormInputComponent, FieldType, CALENDAR_COMPONENT_TOKEN, CHECKBOX_COMPONENT_TOKEN, UnsubscribeComponent, DialogService, CONFIRM_DIALOG_COMPONENT_TOKEN, TEXTFIELD_COMPONENT_TOKEN, DROPDOWN_COMPONENT_TOKEN, DROPDOWN_BUTTON_COMPONENT_TOKEN, FORM_FIELD_COMPONENT_TOKEN, SideMenuService, HEADER_COMPONENT_TOKEN, INPUT_GROUP_COMPONENT_TOKEN, LOADER_COMPONENT_TOKEN, MULTISELECT_COMPONENT_TOKEN, NUMBER_INPUT_COMPONENT_TOKEN, PasswordStrength, PASSWORD_COMPONENT_TOKEN, RADIOBUTTON_COMPONENT_TOKEN, SECTION_COMPONENT_TOKEN, ACTION_BUTTON_GROUP_COMPONENT_TOKEN, queryListChanged, GenericFieldType, DatasourceDirective, GENERIC_FIELD_COMPONENT_TOKEN, SIDE_MENU_COMPONENT_TOKEN, MENU_TOKEN, SideMenuProviderService, SNACKBAR_COMPONENT_TOKEN, LayoutType, STEPPER_COMPONENT_TOKEN, SWITCH_COMPONENT_TOKEN, MAX_COLUMN_CHAR_COUNT, TableService, DEFAULT_PAGINATION, ColumnModel, RowModel, TableSelectionMode, TABLE_COLUMN_PROVIDER, TABLE_COMPONENT_TOKEN, TAG_COMPONENT_TOKEN, TEXTAREA_COMPONENT_TOKEN, DEFAULT_DEBOUNCE_TIME, ScreenSizeService, isFilterEmpty, ButtonShortCutDirective, FILTER_COMPONENT_TOKEN, downloadFile, TableDatasourceDirective, TableFilterDirective, TableColumnDirective } from '@verisoft/ui-core';
+import { BreadcrumbCoreComponent, BREADCRUMB_COMPONENT_TOKEN, ControlSeverity, GovControlSeverity, FieldSize, IconsComponent, IconPosition, GovButtonType, BUTTON_COMPONENT_TOKEN, SlotPosition, BaseFormInputComponent, FieldType, CALENDAR_COMPONENT_TOKEN, CHECKBOX_COMPONENT_TOKEN, UnsubscribeComponent, CONFIRM_DIALOG_COMPONENT_TOKEN, TEXTFIELD_COMPONENT_TOKEN, DROPDOWN_COMPONENT_TOKEN, DROPDOWN_BUTTON_COMPONENT_TOKEN, FORM_FIELD_COMPONENT_TOKEN, SideMenuService, HEADER_COMPONENT_TOKEN, INPUT_GROUP_COMPONENT_TOKEN, LOADER_COMPONENT_TOKEN, MULTISELECT_COMPONENT_TOKEN, NUMBER_INPUT_COMPONENT_TOKEN, PasswordStrength, PASSWORD_COMPONENT_TOKEN, RADIOBUTTON_COMPONENT_TOKEN, SECTION_COMPONENT_TOKEN, ACTION_BUTTON_GROUP_COMPONENT_TOKEN, queryListChanged, GenericFieldType, DatasourceDirective, GENERIC_FIELD_COMPONENT_TOKEN, SIDE_MENU_COMPONENT_TOKEN, MENU_TOKEN, SideMenuProviderService, SNACKBAR_COMPONENT_TOKEN, LayoutType, STEPPER_COMPONENT_TOKEN, SWITCH_COMPONENT_TOKEN, MAX_COLUMN_CHAR_COUNT, TableService, DEFAULT_PAGINATION, ColumnModel, RowModel, TableSelectionMode, TABLE_COLUMN_PROVIDER, TABLE_COMPONENT_TOKEN, TAG_COMPONENT_TOKEN, TEXTAREA_COMPONENT_TOKEN, DEFAULT_DEBOUNCE_TIME, ScreenSizeService, DialogService, isFilterEmpty, ButtonShortCutDirective, FILTER_COMPONENT_TOKEN, downloadFile, TableDatasourceDirective, TableFilterDirective, TableColumnDirective } from '@verisoft/ui-core';
 import * as i3 from '@ngx-translate/core';
 import { TranslateModule, TranslatePipe } from '@ngx-translate/core';
 import * as i1$2 from '@angular/forms';
@@ -57,25 +57,19 @@ const Icons = {
     check: 'check-lg',
     envelope: 'envelope',
     loader: 'loader',
-    map: 'map-empty',
-    file: 'file',
-    folder: 'folder',
-    arrowCounterclockwise: 'arrow-counterclockwise',
-    eye: 'eye',
-    box: 'box',
 };
 
 class BreadcrumbComponent extends BreadcrumbCoreComponent {
     icons = Icons;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BreadcrumbComponent, isStandalone: true, selector: "v-breadcrumb", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BreadcrumbComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: BreadcrumbComponent, isStandalone: true, selector: "v-breadcrumb", providers: [
             {
                 provide: BREADCRUMB_COMPONENT_TOKEN,
                 useExisting: BreadcrumbComponent
             },
         ], usesInheritance: true, ngImport: i0, template: "<div class=\"gov-breadcrums mt-3 mb-3\">\n  <gov-breadcrumbs accessible-label=\"gov-breadcrums\">\n    <ul>\n      @if (useHomeRoute) {\n        <li>\n          <gov-icon [name]=\"icons.house\" />\n          <a [routerLink]=\"'/'\">Home</a>\n        </li>\n      }\n      @if (items) { @for (item of items; track item; let index = $index) {\n        <li>\n          @if (index > 0 || useHomeRoute) {\n            <gov-icon [name]=\"icons.chevronRight\" />\n          }\n          @if (item.icon) {\n            <gov-icon [name]=\"item.icon\" />\n          }\n          <a [routerLink]=\"item.routerLink\">\n            {{ item.label }}\n          </a>\n        </li>\n        } }\n      </ul>\n    </gov-breadcrumbs>\n  </div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovBreadcrumbs, selector: "gov-breadcrumbs", inputs: ["accessibleLabel", "accessibleLabelledBy", "accessibleToggleLabel", "collapsible", "isExpanded"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-breadcrumb', imports: [
                         GovDesignSystemModule,
@@ -101,10 +95,10 @@ class GovColorPipe {
         }
         return color;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GovColorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: GovColorPipe, isStandalone: true, name: "govColor" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GovColorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: GovColorPipe, isStandalone: true, name: "govColor" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GovColorPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GovColorPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'govColor',
@@ -151,10 +145,10 @@ class GovMultiselectOptionsPipe {
         }
         return convertedOptions;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GovMultiselectOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: GovMultiselectOptionsPipe, isStandalone: true, name: "govMultiselectOptions" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GovMultiselectOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: GovMultiselectOptionsPipe, isStandalone: true, name: "govMultiselectOptions" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GovMultiselectOptionsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GovMultiselectOptionsPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'govMultiselectOptions',
@@ -178,10 +172,10 @@ class GovSizePipe {
                 return size;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GovSizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: GovSizePipe, isStandalone: true, name: "govSize" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GovSizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: GovSizePipe, isStandalone: true, name: "govSize" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GovSizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GovSizePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'govSize',
@@ -277,10 +271,10 @@ class IconComponent extends IconsComponent {
                 return `text-${severity}`;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: IconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: IconComponent, isStandalone: true, selector: "v-icon", usesInheritance: true, ngImport: i0, template: "@if (library() === 'native') {\n    <gov-icon \n        [name]=\"name()\" \n        [size]=\"govSize\"\n        [class]=\"govClasses\"\n    />\n} @else if (library() === 'bootstrap') {\n    <i [class]=\"bootstrapClasses\"></i>\n}\n\n\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center}.icon-small{font-size:.875rem}.icon-medium{font-size:1rem}.icon-large{font-size:1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: IconComponent, isStandalone: true, selector: "v-icon", usesInheritance: true, ngImport: i0, template: "@if (library() === 'native') {\n    <gov-icon \n        [name]=\"name()\" \n        [size]=\"govSize\"\n        [class]=\"govClasses\"\n    />\n} @else if (library() === 'bootstrap') {\n    <i [class]=\"bootstrapClasses\"></i>\n}\n\n\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center}.icon-small{font-size:.875rem}.icon-medium{font-size:1rem}.icon-large{font-size:1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: IconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-icon', imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (library() === 'native') {\n    <gov-icon \n        [name]=\"name()\" \n        [size]=\"govSize\"\n        [class]=\"govClasses\"\n    />\n} @else if (library() === 'bootstrap') {\n    <i [class]=\"bootstrapClasses\"></i>\n}\n\n\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center}.icon-small{font-size:.875rem}.icon-medium{font-size:1rem}.icon-large{font-size:1.5rem}\n"] }]
         }] });
@@ -311,15 +305,15 @@ class ButtonComponent {
         }
         this.click.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ButtonComponent, isStandalone: true, selector: "v-button", inputs: { label: "label", icon: "icon", library: "library", badge: "badge", iconPos: "iconPos", disabled: "disabled", rounded: "rounded", outlined: "outlined", raised: "raised", routerLink: "routerLink", size: "size", queryParams: "queryParams", severity: "severity", type: "type", expanded: "expanded", name: "name" }, outputs: { click: "click" }, host: { properties: { "class.v-button--expanded": "expanded" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ButtonComponent, isStandalone: true, selector: "v-button", inputs: { label: "label", icon: "icon", library: "library", badge: "badge", iconPos: "iconPos", disabled: "disabled", rounded: "rounded", outlined: "outlined", raised: "raised", routerLink: "routerLink", size: "size", queryParams: "queryParams", severity: "severity", type: "type", expanded: "expanded", name: "name" }, outputs: { click: "click" }, host: { properties: { "class.v-button--expanded": "expanded" } }, providers: [
             {
                 provide: BUTTON_COMPONENT_TOKEN,
                 useExisting: ButtonComponent,
             }
         ], ngImport: i0, template: "<div class=\"v-button\" [class.v-button--expanded]=\"expanded\">\n    <a\n        [routerLink]=\"routerLink ? routerLink : undefined\"\n        [queryParams]=\"queryParams ? queryParams : undefined\"\n    >\n        <gov-button\n            [type]=\"outlined === true ? 'outlined' : type\"\n            [class.v-button--rounded]=\"rounded\"\n            [color]=\"severity | govColor\"\n            [disabled]=\"disabled\"\n            [size]=\"size | govSize\"\n            [name]=\"name\"\n            [expanded]=\"expanded\"\n            (gov-click)=\"handleClick($event)\"\n            (click)=\"handleClick($event)\"\n        >\n            @if (icon) {\n                <v-icon \n                    [name]=\"icon\"\n                    [library]=\"library\"\n                    [slot]=\"iconPos === 'left' ? 'icon-start' : 'icon-end'\"\n                />\n            } @if (label) {\n                {{ label | translate }}\n            }\n        </gov-button>\n    </a>\n</div>\n", styles: [":host{display:inline-block}.v-button{display:inline-block}:host.v-button--expanded{display:block;width:100%}.v-button--expanded{display:block;width:100%}.v-button--rounded{border-radius:5rem}\n"], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovButton, selector: "gov-button", inputs: ["color", "disabled", "download", "expanded", "expandedMobile", "focusable", "href", "hreflang", "identifier", "loading", "name", "nativeType", "referrerpolicy", "rel", "size", "target", "type"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: IconComponent, selector: "v-icon" }, { kind: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "pipe", type: GovColorPipe, name: "govColor" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: "v-button", imports: [
                         GovDesignSystemModule, RouterModule, GovSizePipe, GovColorPipe, TranslateModule, IconComponent
@@ -376,10 +370,10 @@ class ErrorComponent {
     getErrorMessage(errors) {
         return this.errorService.mapError(errors);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ErrorComponent, isStandalone: true, selector: "v-validation-message", inputs: { ngControl: "ngControl", errorSlot: "errorSlot", messageSlot: "messageSlot" }, ngImport: i0, template: "@if (ngControl && ngControl.errors) {\n<gov-form-message \n    [slot]=\"errorSlot\" \n    color=\"error\"\n>\n    {{ getErrorMessage(ngControl.errors) | async }}\n  <gov-icon \n    [name]=\"icons.warning\" \n    slot=\"validation-icon\" />\n</gov-form-message>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovFormMessage, selector: "gov-form-message", inputs: ["color", "size"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ErrorComponent, isStandalone: true, selector: "v-validation-message", inputs: { ngControl: "ngControl", errorSlot: "errorSlot", messageSlot: "messageSlot" }, ngImport: i0, template: "@if (ngControl && ngControl.errors) {\n<gov-form-message \n    [slot]=\"errorSlot\" \n    color=\"error\"\n>\n    {{ getErrorMessage(ngControl.errors) | async }}\n  <gov-icon \n    [name]=\"icons.warning\" \n    slot=\"validation-icon\" />\n</gov-form-message>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovFormMessage, selector: "gov-form-message", inputs: ["color", "size"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: "v-validation-message", imports: [CommonModule, GovDesignSystemModule], template: "@if (ngControl && ngControl.errors) {\n<gov-form-message \n    [slot]=\"errorSlot\" \n    color=\"error\"\n>\n    {{ getErrorMessage(ngControl.errors) | async }}\n  <gov-icon \n    [name]=\"icons.warning\" \n    slot=\"validation-icon\" />\n</gov-form-message>\n}\n" }]
         }], propDecorators: { ngControl: [{
@@ -410,15 +404,15 @@ class CalendarComponent extends BaseFormInputComponent {
     constructor(ngControl) {
         super(ngControl);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CalendarComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CalendarComponent, isStandalone: true, selector: "v-calendar", inputs: { icon: "icon", floatLabel: "floatLabel", maxDate: "maxDate", minDate: "minDate", header: "header", footer: "footer", selectionMode: "selectionMode", size: "size", errorSlot: "errorSlot", labelSlot: "labelSlot", messageSlot: "messageSlot", message: "message", name: "name" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CalendarComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: CalendarComponent, isStandalone: true, selector: "v-calendar", inputs: { icon: "icon", floatLabel: "floatLabel", maxDate: "maxDate", minDate: "minDate", header: "header", footer: "footer", selectionMode: "selectionMode", size: "size", errorSlot: "errorSlot", labelSlot: "labelSlot", messageSlot: "messageSlot", message: "message", name: "name" }, providers: [
             {
                 provide: CALENDAR_COMPONENT_TOKEN,
                 useExisting: CalendarComponent
             }
         ], usesInheritance: true, ngImport: i0, template: "<gov-form-control class=\"mb-3\">\n    @if (label) {\n    <gov-form-label [slot]=\"labelSlot\" [size]=\"size | govSize\">\n        {{ label | translate}}\n    </gov-form-label>\n    }\n    <gov-form-group>\n        <gov-form-input\n            [formControl]=\"formControl\"\n            [attr.input-type]=\"type\"\n            [invalid]=\"ngControl?.errors ? true : false\"\n            [size]=\"size | govSize\"\n            [required]=\"required\"\n            [readonly]=\"readonly\"\n            [attr.disabled]=\"readonly ? 'true' : 'false'\"\n            [name]=\"name\"\n        />\n    </gov-form-group>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n    @if (message) {\n    <gov-form-message \n        [slot]=\"messageSlot\" \n        color=\"neutral\"\n        >\n        {{ message }}\n    </gov-form-message>\n    }\n</gov-form-control>", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovFormControl, selector: "gov-form-control", inputs: ["disabled", "fieldset", "identifier", "invalid", "size", "success"] }, { kind: "component", type: i2.GovFormGroup, selector: "gov-form-group", inputs: ["gap", "orientation"] }, { kind: "component", type: i2.GovFormInput, selector: "gov-form-input", inputs: ["accessibleHidePasswordLabel", "accessibleShowPasswordLabel", "autocomplete", "autocorrect", "cols", "disabled", "identifier", "inputLang", "inputType", "invalid", "max", "maxlength", "min", "minlength", "multiline", "name", "placeholder", "readonly", "required", "role", "rows", "size", "spellcheck", "success", "type", "value"] }, { kind: "component", type: i2.GovFormLabel, selector: "gov-form-label", inputs: ["identifier", "legend", "required", "size"] }, { kind: "component", type: i2.GovFormMessage, selector: "gov-form-message", inputs: ["color", "size"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "gov-form-input:not([input-type=number]),gov-form-autocomplete" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-calendar', imports: [
                         ReactiveFormsModule,
@@ -475,13 +469,13 @@ class CheckboxComponent extends BaseFormInputComponent {
         super(ngControl);
     }
     id = v4();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: CheckboxComponent, isStandalone: true, selector: "v-checkbox", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, noLabel: { classPropertyName: "noLabel", publicName: "noLabel", isSignal: false, isRequired: false, transformFunction: null } }, providers: [{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: CheckboxComponent, isStandalone: true, selector: "v-checkbox", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, noLabel: { classPropertyName: "noLabel", publicName: "noLabel", isSignal: false, isRequired: false, transformFunction: null } }, providers: [{
                 provide: CHECKBOX_COMPONENT_TOKEN,
                 useExisting: CheckboxComponent,
             }], usesInheritance: true, ngImport: i0, template: "<gov-form-control class=\"mt-3\">\n    <gov-form-checkbox \n        [formControl]=\"formControl\"\n        [size]=\"size | govSize\"\n        [value]=\"value\"\n        [required]=\"required\"\n        [attr.disabled]=\"disabled ? 'true' : 'false'\"\n        [identifier]=\"id\"\n        [indeterminate]=\"indeterminate\"\n        [name]=\"name\"\n        [invalid]=\"ngControl?.errors\"\n        [noLabel]=\"noLabel\"\n        [disabled]=\"disabled\"\n    >   \n        <gov-form-label\n            [size]=\"size\"\n            slot=\"label\"\n        >\n            {{ label ?? '' | translate }}\n        </gov-form-label>\n    </gov-form-checkbox>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n</gov-form-control>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovFormCheckbox, selector: "gov-form-checkbox", inputs: ["checked", "disabled", "identifier", "indeterminate", "invalid", "name", "noLabel", "required", "size", "value"] }, { kind: "component", type: i2.GovFormControl, selector: "gov-form-control", inputs: ["disabled", "fieldset", "identifier", "invalid", "size", "success"] }, { kind: "component", type: i2.GovFormLabel, selector: "gov-form-label", inputs: ["identifier", "legend", "required", "size"] }, { kind: "directive", type: i2.BooleanValueAccessor, selector: "gov-form-checkbox,gov-form-switch" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: "v-checkbox", imports: [
                         GovDesignSystemModule,
@@ -508,94 +502,84 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 type: Input
             }] } });
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
 class DynamicComponentFactoryService {
-    componentFactoryResolver;
-    constructor(componentFactoryResolver) {
-        this.componentFactoryResolver = componentFactoryResolver;
-    }
-    ngOnDestroy() {
-        this.unsubscribeComponentEvents(this);
-    }
-    async createDynamicComponent(componentType, viewContainerRef, inputs, injector = undefined) {
-        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(componentType);
+    outputSubscriptions = new WeakMap();
+    createDynamicComponent(componentType, viewContainerRef, inputs, injector = undefined) {
         viewContainerRef.clear();
-        const component = viewContainerRef.createComponent(componentFactory, undefined, injector);
-        this.setComponentDataInt(componentFactory, component, inputs);
-        this.fireComponentEvents(component.instance, inputs);
+        const component = viewContainerRef.createComponent(componentType, {
+            injector,
+        });
+        this.setComponentDataInt(componentType, component, inputs);
+        this.fireComponentEvents(componentType, component.instance, inputs);
         return component;
     }
+    cleanupComponent(instance) {
+        this.unsubscribeComponentEvents(instance);
+    }
     setComponentData(component, inputs) {
-        const factory = this.componentFactoryResolver.resolveComponentFactory(component.componentType);
-        this.setComponentDataInt(factory, component, inputs);
+        this.setComponentDataInt(component.componentType, component, inputs);
     }
     unsubscribeComponentEvents(instance) {
-        const subscriptionStoreKey = '__outputSubscriptions__';
-        const subscriptions = instance[subscriptionStoreKey];
+        const subscriptions = this.outputSubscriptions.get(instance);
         if (subscriptions) {
             subscriptions.forEach((sub) => sub.unsubscribe());
             subscriptions.clear();
+            this.outputSubscriptions.delete(instance);
         }
     }
-    fireComponentEvents(instance, inputs) {
+    fireComponentEvents(componentType, instance, inputs) {
         if (!instance || typeof instance !== 'object')
             return;
-        this.fireInputComponentEvents(instance, inputs);
-        this.fireOutputComponentEvents(instance, inputs);
+        this.fireOutputComponentEvents(componentType, instance, inputs);
     }
-    setComponentDataInt(factory, component, inputs) {
+    setComponentDataInt(componentType, component, inputs) {
         if (inputs) {
-            const propertyNames = factory.inputs.map((x) => x.propName);
+            const propertyNames = this.getInputNames(componentType);
             const inputsHash = new Set(propertyNames);
             Object.keys(inputs)
                 .filter((x) => inputsHash.has(x))
                 .forEach((x) => {
-                component.instance[x] = inputs[x];
+                component.setInput(x, inputs[x]);
             });
         }
     }
-    fireInputComponentEvents(instance, inputs) {
-        const onChangeComponent = instance;
-        if (onChangeComponent.ngOnChanges && inputs) {
-            const changeEventArgs = Object.keys(inputs).reduce((changes, key) => {
-                const inputValue = inputs[key];
-                changes[key] = new SimpleChange(undefined, inputValue, true);
-                return changes;
-            }, {});
-            onChangeComponent.ngOnChanges(changeEventArgs);
+    fireOutputComponentEvents(componentType, instance, inputs) {
+        const outputNames = new Set(this.getOutputNames(componentType));
+        const outputs = Object.keys(inputs ?? {}).filter((key) => outputNames.has(key));
+        let subscriptions = this.outputSubscriptions.get(instance);
+        if (!subscriptions) {
+            subscriptions = new Map();
+            this.outputSubscriptions.set(instance, subscriptions);
         }
-    }
-    fireOutputComponentEvents(instance, inputs) {
-        const outputs = Object.keys(inputs).filter((key) => {
-            const emitter = instance[key];
-            return emitter instanceof EventEmitter;
-        });
-        const subscriptionStoreKey = '__outputSubscriptions__';
-        if (!(subscriptionStoreKey in instance)) {
-            instance[subscriptionStoreKey] = new Map();
-        }
-        const subscriptions = instance[subscriptionStoreKey];
         for (const outputKey of outputs) {
-            const eventEmitter = instance[outputKey];
+            const outputRef = instance[outputKey];
             const callback = inputs[outputKey];
-            if (eventEmitter && typeof callback === 'function') {
+            if (outputRef &&
+                typeof outputRef.subscribe === 'function' &&
+                typeof callback === 'function') {
                 if (subscriptions.has(outputKey)) {
                     subscriptions.get(outputKey).unsubscribe();
                 }
-                const subscription = eventEmitter.subscribe((value) => callback(value));
+                const subscription = outputRef.subscribe((value) => callback(value));
                 subscriptions.set(outputKey, subscription);
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DynamicComponentFactoryService, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DynamicComponentFactoryService, providedIn: 'root' });
+    getInputNames(componentType) {
+        return (reflectComponentType(componentType)?.inputs.map((input) => input.propName) ?? []);
+    }
+    getOutputNames(componentType) {
+        return (reflectComponentType(componentType)?.outputs.map((output) => output.propName) ?? []);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DynamicComponentFactoryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DynamicComponentFactoryService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DynamicComponentFactoryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DynamicComponentFactoryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }] });
+        }] });
 
 class DynamicComponent {
     componentType;
@@ -604,6 +588,7 @@ class DynamicComponent {
     factoryServices = inject(DynamicComponentFactoryService);
     changeDetectorRef = inject(ChangeDetectorRef);
     injector = inject(Injector);
+    componentRef;
     ngOnChanges() {
         this.createComponent();
     }
@@ -611,15 +596,26 @@ class DynamicComponent {
         this.createComponent();
         this.changeDetectorRef.detectChanges();
     }
+    ngOnDestroy() {
+        this.destroyCurrentComponent();
+    }
     createComponent() {
         if (this.container) {
-            this.factoryServices.createDynamicComponent(this.componentType, this.container, this.data, this.injector);
+            this.destroyCurrentComponent();
+            this.componentRef = this.factoryServices.createDynamicComponent(this.componentType, this.container, this.data, this.injector);
+        }
+    }
+    destroyCurrentComponent() {
+        if (this.componentRef) {
+            this.factoryServices.cleanupComponent(this.componentRef.instance);
+            this.componentRef.destroy();
+            this.componentRef = undefined;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DynamicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: DynamicComponent, isStandalone: true, selector: "v-dynamic-component", inputs: { componentType: "componentType", data: "data" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["dynamicContainer"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `<ng-container #dynamicContainer></ng-container>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DynamicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: DynamicComponent, isStandalone: true, selector: "v-dynamic-component", inputs: { componentType: "componentType", data: "data" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["dynamicContainer"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `<ng-container #dynamicContainer></ng-container>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DynamicComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DynamicComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'v-dynamic-component',
@@ -637,33 +633,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
             }] } });
 
 class ConfirmDialogComponent extends UnsubscribeComponent {
-    dialogService = inject(DialogService);
-    cdr = inject(ChangeDetectorRef);
-    elementRef = inject(ElementRef);
-    confirmButton;
-    cancelButton;
+    dialogService;
+    cdr;
+    constructor(dialogService, cdr) {
+        super();
+        this.dialogService = dialogService;
+        this.cdr = cdr;
+    }
     visible = false;
     closable = false;
     data = { severity: 'primary', headerIcon: 'info-circle' };
-    confirmButtonDisabled = false;
     ngOnInit() {
         this.dialogService.showEvent
             .pipe(takeUntil(this.destroyed$))
             .subscribe((x) => {
             this.data = x;
             this.visible = true;
-            this.confirmButtonDisabled = false;
-            if (x.data && typeof x.data === 'object' && 'registerComponent' in x.data) {
-                setTimeout(() => {
-                    const dialogComponent = x.data.componentInstance;
-                    if (dialogComponent?.isValid$) {
-                        dialogComponent.isValid$.pipe(takeUntil(this.destroyed$)).subscribe((valid) => {
-                            this.confirmButtonDisabled = !valid;
-                            this.cdr.detectChanges();
-                        });
-                    }
-                }, 100);
-            }
             this.cdr.detectChanges();
         });
         this.dialogService.closeEvent
@@ -671,135 +656,52 @@ class ConfirmDialogComponent extends UnsubscribeComponent {
             .subscribe(() => {
             this.data = {};
             this.visible = false;
-            this.confirmButtonDisabled = false;
             this.cdr.detectChanges();
         });
     }
-    onKeyDown(event) {
-        if (!this.visible)
-            return;
-        const activeElement = document.activeElement;
-        const isInputField = activeElement && (activeElement.tagName === 'INPUT' ||
-            activeElement.tagName === 'TEXTAREA' ||
-            activeElement.tagName === 'SELECT' ||
-            activeElement.isContentEditable);
-        if (event.key === 'Enter') {
-            if (this.confirmButtonDisabled)
-                return;
-            event.preventDefault();
-            event.stopPropagation();
-            if (isInputField) {
-                this.focusConfirmButton();
-                setTimeout(() => {
-                    this.dialogClick(true);
-                }, 50);
-            }
-            else {
-                this.dialogClick(true);
-            }
-        }
-        if (event.key === ' ' && !isInputField) {
-            if (this.confirmButtonDisabled)
-                return;
-            event.preventDefault();
-            this.dialogClick(true);
-        }
-        if (event.key === 'Escape') {
-            event.preventDefault();
-            event.stopPropagation();
-            if (isInputField) {
-                this.focusCancelButton();
-                setTimeout(() => {
-                    this.dialogClick(false);
-                }, 50);
-            }
-            else {
-                this.dialogClick(false);
-            }
-        }
-    }
-    focusConfirmButton() {
-        if (this.confirmButton?.nativeElement) {
-            this.focusButton(this.confirmButton.nativeElement);
-        }
-    }
-    focusCancelButton() {
-        if (this.cancelButton?.nativeElement) {
-            this.focusButton(this.cancelButton.nativeElement);
-        }
-    }
-    focusButton(element) {
-        try {
-            if (element.tagName === 'BUTTON') {
-                element.focus();
-                return;
-            }
-            const button = element.querySelector('button');
-            if (button) {
-                button.focus();
-                return;
-            }
-            const shadowRoot = element.shadowRoot;
-            if (shadowRoot) {
-                const shadowButton = shadowRoot.querySelector('button');
-                if (shadowButton) {
-                    shadowButton.focus();
-                    return;
-                }
-            }
-            element.focus();
-        }
-        catch (error) {
-            console.warn('Failed to focus button:', error);
-        }
-    }
     dialogClick(confirm) {
-        if (confirm && this.confirmButtonDisabled) {
-            return;
-        }
         const { confirmButtonFn, cancelButtonFn } = this.data;
         if (confirm && confirmButtonFn) {
             confirmButtonFn();
         }
-        else if (!confirm && cancelButtonFn) {
+        if (!confirm && cancelButtonFn) {
             cancelButtonFn();
         }
         this.visible = false;
         this.cdr.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ConfirmDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ConfirmDialogComponent, isStandalone: true, selector: "v-confirm-dialog", host: { listeners: { "document:keydown": "onKeyDown($event)" }, properties: { "attr.tabindex": "visible ? \"0\" : null" } }, providers: [
-            { provide: CONFIRM_DIALOG_COMPONENT_TOKEN, useExisting: ConfirmDialogComponent },
-        ], viewQueries: [{ propertyName: "confirmButton", first: true, predicate: ["confirmButton"], descendants: true, read: ElementRef }, { propertyName: "cancelButton", first: true, predicate: ["cancelButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<gov-dialog\n    [open]=\"visible\"\n    [attr.block-close]=\"data.closable !== undefined ? !data.closable : false\"\n    [attr.block-backdrop-close]=\"data.closable !== undefined ? !data.closable : false\" \n    [style.--dialog-max-width]=\"data.width\"\n    [style.--dialog-max-height]=\"data.height\"\n    role=\"dialog\"\n    accessible-close-label=\"Close dialog box with more information\"\n    (gov-close)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n>\n    <gov-icon\n        type=\"components\"\n        [name]=\"data.headerIcon\"\n        slot=\"icon\"\n        [color]=\"data.severity | govColor\"\n    />\n    \n    <h2 slot=\"title\">{{ data.title ?? 'Title' }}</h2>\n\n    @if (data && data.innerHTML) {\n    <div [innerHTML]=\"data.innerHTML\"></div>\n    } @else if (data.componentType) {\n    <v-dynamic-component\n        [componentType]=\"data.componentType\"\n        [data]=\"$any(data.data)\"\n    ></v-dynamic-component>\n    }\n\n    <gov-button\n        #confirmButton\n        color=\"primary\"\n        size=\"m\"\n        type=\"solid\"\n        slot=\"footer\"\n        [disabled]=\"confirmButtonDisabled\"\n        (gov-click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\n    >\n        {{ data.confirmButtonText ?? 'Yes'}}\n    </gov-button>\n    \n    <gov-button\n        #cancelButton\n        [ngClass]=\"!data.showCancelButton ? 'd-none' : ''\"\n        color=\"primary\"\n        size=\"m\"\n        type=\"outlined\"\n        slot=\"footer\"\n        [disabled]=\"!data.showCancelButton\"\n        (gov-click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n    >\n        {{ data.cancelButtonText ?? 'No' }}\n    </gov-button>\n</gov-dialog>", styles: [":host ::ng-deep dialog{max-width:var(--dialog-max-width, 95%);max-height:var(--dialog-max-height, 95%)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovButton, selector: "gov-button", inputs: ["color", "disabled", "download", "expanded", "expandedMobile", "focusable", "href", "hreflang", "identifier", "loading", "name", "nativeType", "referrerpolicy", "rel", "size", "target", "type"] }, { kind: "component", type: i2.GovDialog, selector: "gov-dialog", inputs: ["accessibleCloseLabel", "accessibleCloseLabelledBy", "accessibleDescribedBy", "accessibleLabelledBy", "blockBackdropClose", "blockClose", "labelTag", "open", "role"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "component", type: DynamicComponent, selector: "v-dynamic-component", inputs: ["componentType", "data"] }, { kind: "pipe", type: GovColorPipe, name: "govColor" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1$3.DialogService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ConfirmDialogComponent, isStandalone: true, selector: "v-confirm-dialog", providers: [
+            {
+                provide: CONFIRM_DIALOG_COMPONENT_TOKEN,
+                useExisting: ConfirmDialogComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<gov-dialog\n  [open]=\"visible\"\n  [attr.block-close]=\"data.closable !== undefined ? !data.closable : false\"\n  [attr.block-backdrop-close]=\"\n    data.closable !== undefined ? !data.closable : false\n  \"\n  [style.--dialog-max-width]=\"data.width\"\n  [style.--dialog-max-height]=\"data.height\"\n  role=\"dialog\"\n  accessible-close-label=\"Close dialog box with more information\"\n  (gov-close)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n>\n  <gov-icon\n    type=\"components\"\n    [name]=\"data.headerIcon\"\n    slot=\"icon\"\n    [color]=\"data.severity | govColor\"\n  />\n\n  <h2 slot=\"title\">{{ data.title ?? 'Title' }}</h2>\n\n  @if (data && data.innerHTML) {\n    <div [innerHTML]=\"data.innerHTML\"></div>\n  } @else if (data.componentType) {\n    <v-dynamic-component\n      [componentType]=\"data.componentType\"\n      [data]=\"$any(data.data)\"\n    ></v-dynamic-component>\n  }\n\n  <gov-button\n    color=\"primary\"\n    size=\"m\"\n    type=\"solid\"\n    slot=\"footer\"\n    [disabled]=\"data.confirmButtonDisabled\"\n    (gov-click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\n  >\n    {{ data.confirmButtonText ?? 'Yes' }}\n  </gov-button>\n\n  <gov-button\n    [ngClass]=\"!data.showCancelButton ? 'd-none' : ''\"\n    color=\"primary\"\n    size=\"m\"\n    type=\"outlined\"\n    slot=\"footer\"\n    [disabled]=\"!data.showCancelButton\"\n    (gov-click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n  >\n    {{ data.cancelButtonText ?? 'No' }}\n  </gov-button>\n</gov-dialog>\n", styles: [":host ::ng-deep dialog{max-width:var(--dialog-max-width, 95%);max-height:var(--dialog-max-height, 95%)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovButton, selector: "gov-button", inputs: ["color", "disabled", "download", "expanded", "expandedMobile", "focusable", "href", "hreflang", "identifier", "loading", "name", "nativeType", "referrerpolicy", "rel", "size", "target", "type"] }, { kind: "component", type: i2.GovDialog, selector: "gov-dialog", inputs: ["accessibleCloseLabel", "accessibleCloseLabelledBy", "accessibleDescribedBy", "accessibleLabelledBy", "blockBackdropClose", "blockClose", "labelTag", "open", "role"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "component", type: DynamicComponent, selector: "v-dynamic-component", inputs: ["componentType", "data"] }, { kind: "pipe", type: GovColorPipe, name: "govColor" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'v-confirm-dialog', imports: [CommonModule, GovDesignSystemModule, GovColorPipe, DynamicComponent], providers: [
-                        { provide: CONFIRM_DIALOG_COMPONENT_TOKEN, useExisting: ConfirmDialogComponent },
-                    ], host: {
-                        '(document:keydown)': 'onKeyDown($event)',
-                        '[attr.tabindex]': 'visible ? "0" : null',
-                    }, template: "<gov-dialog\n    [open]=\"visible\"\n    [attr.block-close]=\"data.closable !== undefined ? !data.closable : false\"\n    [attr.block-backdrop-close]=\"data.closable !== undefined ? !data.closable : false\" \n    [style.--dialog-max-width]=\"data.width\"\n    [style.--dialog-max-height]=\"data.height\"\n    role=\"dialog\"\n    accessible-close-label=\"Close dialog box with more information\"\n    (gov-close)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n>\n    <gov-icon\n        type=\"components\"\n        [name]=\"data.headerIcon\"\n        slot=\"icon\"\n        [color]=\"data.severity | govColor\"\n    />\n    \n    <h2 slot=\"title\">{{ data.title ?? 'Title' }}</h2>\n\n    @if (data && data.innerHTML) {\n    <div [innerHTML]=\"data.innerHTML\"></div>\n    } @else if (data.componentType) {\n    <v-dynamic-component\n        [componentType]=\"data.componentType\"\n        [data]=\"$any(data.data)\"\n    ></v-dynamic-component>\n    }\n\n    <gov-button\n        #confirmButton\n        color=\"primary\"\n        size=\"m\"\n        type=\"solid\"\n        slot=\"footer\"\n        [disabled]=\"confirmButtonDisabled\"\n        (gov-click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\n    >\n        {{ data.confirmButtonText ?? 'Yes'}}\n    </gov-button>\n    \n    <gov-button\n        #cancelButton\n        [ngClass]=\"!data.showCancelButton ? 'd-none' : ''\"\n        color=\"primary\"\n        size=\"m\"\n        type=\"outlined\"\n        slot=\"footer\"\n        [disabled]=\"!data.showCancelButton\"\n        (gov-click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n    >\n        {{ data.cancelButtonText ?? 'No' }}\n    </gov-button>\n</gov-dialog>", styles: [":host ::ng-deep dialog{max-width:var(--dialog-max-width, 95%);max-height:var(--dialog-max-height, 95%)}\n"] }]
-        }], propDecorators: { confirmButton: [{
-                type: ViewChild,
-                args: ['confirmButton', { read: ElementRef }]
-            }], cancelButton: [{
-                type: ViewChild,
-                args: ['cancelButton', { read: ElementRef }]
-            }], onKeyDown: [{
-                type: HostListener,
-                args: ['document:keydown', ['$event']]
-            }] } });
+            args: [{ selector: 'v-confirm-dialog', imports: [
+                        CommonModule,
+                        GovDesignSystemModule,
+                        GovColorPipe,
+                        DynamicComponent,
+                    ], providers: [
+                        {
+                            provide: CONFIRM_DIALOG_COMPONENT_TOKEN,
+                            useExisting: ConfirmDialogComponent,
+                        },
+                    ], template: "<gov-dialog\n  [open]=\"visible\"\n  [attr.block-close]=\"data.closable !== undefined ? !data.closable : false\"\n  [attr.block-backdrop-close]=\"\n    data.closable !== undefined ? !data.closable : false\n  \"\n  [style.--dialog-max-width]=\"data.width\"\n  [style.--dialog-max-height]=\"data.height\"\n  role=\"dialog\"\n  accessible-close-label=\"Close dialog box with more information\"\n  (gov-close)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n>\n  <gov-icon\n    type=\"components\"\n    [name]=\"data.headerIcon\"\n    slot=\"icon\"\n    [color]=\"data.severity | govColor\"\n  />\n\n  <h2 slot=\"title\">{{ data.title ?? 'Title' }}</h2>\n\n  @if (data && data.innerHTML) {\n    <div [innerHTML]=\"data.innerHTML\"></div>\n  } @else if (data.componentType) {\n    <v-dynamic-component\n      [componentType]=\"data.componentType\"\n      [data]=\"$any(data.data)\"\n    ></v-dynamic-component>\n  }\n\n  <gov-button\n    color=\"primary\"\n    size=\"m\"\n    type=\"solid\"\n    slot=\"footer\"\n    [disabled]=\"data.confirmButtonDisabled\"\n    (gov-click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\n  >\n    {{ data.confirmButtonText ?? 'Yes' }}\n  </gov-button>\n\n  <gov-button\n    [ngClass]=\"!data.showCancelButton ? 'd-none' : ''\"\n    color=\"primary\"\n    size=\"m\"\n    type=\"outlined\"\n    slot=\"footer\"\n    [disabled]=\"!data.showCancelButton\"\n    (gov-click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n  >\n    {{ data.cancelButtonText ?? 'No' }}\n  </gov-button>\n</gov-dialog>\n", styles: [":host ::ng-deep dialog{max-width:var(--dialog-max-width, 95%);max-height:var(--dialog-max-height, 95%)}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.DialogService }, { type: i0.ChangeDetectorRef }] });
 
 class TooltipComponent {
     color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
     position = input(undefined, ...(ngDevMode ? [{ debugName: "position" }] : []));
     size = input(undefined, ...(ngDevMode ? [{ debugName: "size" }] : []));
     tooltipText = input(undefined, ...(ngDevMode ? [{ debugName: "tooltipText" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: TooltipComponent, isStandalone: true, selector: "v-tooltip", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tooltipText: { classPropertyName: "tooltipText", publicName: "tooltipText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<gov-tooltip\n    class=\"ms-2\"\n    [color]=\"color\"\n    [size]=\"size() | govSize\"\n    [position]=\"position()\"\n    [message]=\"tooltipText()\"\n>\n    <ng-content></ng-content>\n</gov-tooltip>", dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovTooltip, selector: "gov-tooltip", inputs: ["color", "icon", "identifier", "message", "position", "size"] }, { kind: "pipe", type: GovSizePipe, name: "govSize" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: TooltipComponent, isStandalone: true, selector: "v-tooltip", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tooltipText: { classPropertyName: "tooltipText", publicName: "tooltipText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<gov-tooltip\n    class=\"ms-2\"\n    [color]=\"color\"\n    [size]=\"size() | govSize\"\n    [position]=\"position()\"\n    [message]=\"tooltipText()\"\n>\n    <ng-content></ng-content>\n</gov-tooltip>", dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovTooltip, selector: "gov-tooltip", inputs: ["color", "icon", "identifier", "message", "position", "size"] }, { kind: "pipe", type: GovSizePipe, name: "govSize" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: "v-tooltip", imports: [
                         GovDesignSystemModule,
@@ -854,15 +756,15 @@ class TextfieldComponent extends BaseFormInputComponent {
         this.formControl.addValidators(validators);
         this.formControl.updateValueAndValidity({ onlySelf: true, emitEvent: true });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TextfieldComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: TextfieldComponent, isStandalone: true, selector: "v-textfield", inputs: { floatLabel: "floatLabel", type: "type", minlength: "minlength", maxlength: "maxlength", min: "min", max: "max", prefix: "prefix", sufix: "sufix", message: "message", name: "name", role: "role", size: "size", icon: "icon", iconPos: "iconPos", labelSlot: "labelSlot", errorSlot: "errorSlot", messageSlot: "messageSlot" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TextfieldComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: TextfieldComponent, isStandalone: true, selector: "v-textfield", inputs: { floatLabel: "floatLabel", type: "type", minlength: "minlength", maxlength: "maxlength", min: "min", max: "max", prefix: "prefix", sufix: "sufix", message: "message", name: "name", role: "role", size: "size", icon: "icon", iconPos: "iconPos", labelSlot: "labelSlot", errorSlot: "errorSlot", messageSlot: "messageSlot" }, providers: [
             {
                 provide: TEXTFIELD_COMPONENT_TOKEN,
                 useExisting: TextfieldComponent,
             },
         ], usesInheritance: true, ngImport: i0, template: "<gov-form-control>\n    @if (label) {\n    <gov-form-label [slot]=\"labelSlot\" [size]=\"size | govSize\">\n        {{ label | translate }}\n        @if (tooltip) {\n        <v-tooltip [tooltipText]=\"tooltip | translate\" />\n        }\n    </gov-form-label>\n    }\n    <gov-form-group>\n        <gov-form-input [inputType]=\"type\" [formControl]=\"formControl\" [minlength]=\"minlength\" [maxlength]=\"maxlength\"\n            [min]=\"min\" [max]=\"max\" [size]='size | govSize' [name]='name' [role]='role' [required]=\"required\"\n            [attr.disabled]=\"disabled ? 'true' : 'false'\" [invalid]=\"ngControl?.errors ? true : false\"\n            [placeholder]=\"placeholder\">\n            @if (icon) {\n            <gov-icon [name]=\"icon\" [slot]=\"iconPos === 'left' ? 'icon-start' : 'icon-end'\" />\n            } @if (prefix) {\n            <p slot=\"prefix\">\n                {{ prefix }}\n            </p>\n            } @if (sufix) {\n            <p slot=\"sufix\">\n                {{ sufix }}\n            </p>\n            }\n        </gov-form-input>\n        <v-validation-message [ngControl]=\"ngControl\" />\n        @if (message) {\n        <gov-form-message [slot]=\"messageSlot\" color=\"neutral\">\n            {{ message }}\n        </gov-form-message>\n        }\n    </gov-form-group>\n</gov-form-control>", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovFormControl, selector: "gov-form-control", inputs: ["disabled", "fieldset", "identifier", "invalid", "size", "success"] }, { kind: "component", type: i2.GovFormGroup, selector: "gov-form-group", inputs: ["gap", "orientation"] }, { kind: "component", type: i2.GovFormInput, selector: "gov-form-input", inputs: ["accessibleHidePasswordLabel", "accessibleShowPasswordLabel", "autocomplete", "autocorrect", "cols", "disabled", "identifier", "inputLang", "inputType", "invalid", "max", "maxlength", "min", "minlength", "multiline", "name", "placeholder", "readonly", "required", "role", "rows", "size", "spellcheck", "success", "type", "value"] }, { kind: "component", type: i2.GovFormLabel, selector: "gov-form-label", inputs: ["identifier", "legend", "required", "size"] }, { kind: "component", type: i2.GovFormMessage, selector: "gov-form-message", inputs: ["color", "size"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "gov-form-input:not([input-type=number]),gov-form-autocomplete" }, { kind: "component", type: TooltipComponent, selector: "v-tooltip", inputs: ["color", "position", "size", "tooltipText"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TextfieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TextfieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-textfield', imports: [
                         ReactiveFormsModule,
@@ -919,10 +821,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
 
 class DropdownItemComponent {
     item;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: DropdownItemComponent, isStandalone: true, selector: "v-dropdown-item", inputs: { item: "item" }, ngImport: i0, template: "<li\r\n    role=\"option\"\r\n    class=\"v-dropdown__item\"\r\n    [attr.aria-selected]=\"item?.selected\"\r\n    [class.is-active]=\"item?.selected\"\r\n>\r\n    {{item?.label}}\r\n</li>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: DropdownItemComponent, isStandalone: true, selector: "v-dropdown-item", inputs: { item: "item" }, ngImport: i0, template: "<li\r\n    role=\"option\"\r\n    class=\"v-dropdown__item\"\r\n    [attr.aria-selected]=\"item?.selected\"\r\n    [class.is-active]=\"item?.selected\"\r\n>\r\n    {{item?.label}}\r\n</li>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DropdownItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DropdownItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-dropdown-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<li\r\n    role=\"option\"\r\n    class=\"v-dropdown__item\"\r\n    [attr.aria-selected]=\"item?.selected\"\r\n    [class.is-active]=\"item?.selected\"\r\n>\r\n    {{item?.label}}\r\n</li>" }]
         }], propDecorators: { item: [{
@@ -1115,15 +1017,15 @@ class DropdownComponent extends BaseFormInputComponent {
     createFilterObject(filterValue) {
         return (this.optionLabel ? { [this.optionLabel]: filterValue } : filterValue);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DropdownComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: DropdownComponent, isStandalone: true, selector: "v-dropdown", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", dropdownIcon: "dropdownIcon", floatLabel: "floatLabel", lazy: "lazy", filter: "filter", editable: "editable", loading: "loading", size: "size", showFilter: "showFilter", localSearch: "localSearch", forceMinWidth: "forceMinWidth" }, outputs: { changed: "changed", showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DropdownComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: DropdownComponent, isStandalone: true, selector: "v-dropdown", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", dropdownIcon: "dropdownIcon", floatLabel: "floatLabel", lazy: "lazy", filter: "filter", editable: "editable", loading: "loading", size: "size", showFilter: "showFilter", localSearch: "localSearch", forceMinWidth: "forceMinWidth" }, outputs: { changed: "changed", showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [
             {
                 provide: DROPDOWN_COMPONENT_TOKEN,
                 useExisting: DropdownComponent,
             },
         ], viewQueries: [{ propertyName: "filterTextField", first: true, predicate: ["filterTextField"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"v-dropdown mb-3\"\n  (keydown)=\"onKeyDown($event)\"\n>\n  <gov-form-control [disabled]=\"this.ngControl?.disabled\">\n    @if (label && !floatLabel) {\n    <gov-form-label\n      slot=\"top\"\n      [ngClass]=\"labelClasses\"\n    >\n      <span [ngClass]=\"labelClasses\">\n        {{ label | translate }}\n        @if (tooltip) {\n        <v-tooltip [message]=\"tooltip | translate\" />\n        }\n      </span>\n    </gov-form-label>\n    }\n    <div\n      class=\"gov-form-input\"\n      [ngStyle]=\"forceMinWidth ? {'min-width': '16rem'} : {}\"\n      [ngClass]=\"inputClasses\"\n    >\n      <div\n        class=\"element d-flex gov-form-input-child\"\n        [ngClass]=\"labelClasses\"\n        (click)=\"toggleDropdown()\"\n      >\n        <div class=\"v-dropdown__value flex-grow-1 me-1\">{{ selectedItem?.label ?? placeholder }}</div>\n        @if (clearable && ngControl?.enabled && selectedItem !== undefined && selectedItem !== null) {\n          <gov-icon\n            [name]=\"icons.cross\"\n            size=\"m\"\n            class=\"v-dropdown__clear me-1\"\n            color=\"error\"\n            (click)=\"clearSelection($event)\"\n          />\n        }\n        @if (loading) {\n        <div class=\"v-dropdown__loader\">\n          <gov-icon [name]=\"icons.loader\" />\n        </div>\n        }\n        <div class=\"v-dropdown__trigger\">\n          <gov-icon [name]=\"opened ? icons.chevronUp : icons.chevronDown\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"position-relative\">\n      @if (opened) {\n      <div class=\"v-dropdown__container\">\n        @if (showFilter) {\n        <div\n          class=\"v-dropdown__filter\"\n          #filterTextField\n          (keydown)=\"onKeyDown($event)\"\n        >\n          <v-textfield\n            placeholder=\"Search\"\n            [formControl]=\"filterControl\"\n            iconPos=\"right\"\n            [icon]=\"icons.search\"\n          />\n        </div>\n        }\n        @if (!dropdownOptions?.length) {\n        <div class=\"v-dropdown__no-item\">No option was found.</div>\n        } @else {\n        <ul\n          role=\"listbox\"\n          class=\"v-dropdown__list\"\n        >\n          <cdk-virtual-scroll-viewport\n            [itemSize]=\"30\"\n            class=\"v-dropdown__scroll\"\n            (scrolledIndexChange)=\"onScroll($event)\"\n          >\n            <v-dropdown-item\n              *cdkVirtualFor=\"let option of dropdownOptions;\"\n              [item]=\"option\"\n              (click)=\"selectItem(option, true)\"\n            />\n          </cdk-virtual-scroll-viewport>\n        </ul>\n        }\n      </div>\n      }\n    </div>\n    <v-validation-message [ngControl]=\"ngControl\" />\n  </gov-form-control>\n</div>\n", styles: [".v-dropdown__container{position:absolute;z-index:100;background-color:var(--button-outlined-primary-hover);min-width:100%;border-radius:var(--border-radius, var(--corner-radius-s));border:var(--border-width, .0625rem) solid var(--form-border-color, var(--border-neutral))}.v-dropdown__trigger{min-height:1.5rem;display:flex}.disabled{color:var(--form-state-value-disabled, var(--text-disabled));cursor:default!important;pointer-events:none}.disabled-input{border-color:var(--form-state-border-disabled, var(--border-subtlest))!important;background:var(--form-state-bg-disabled, transparent)}.error{color:var(--form-state-label-error, var(--text-status-error))}.error-input{border-color:var(--form-state-border-error, var(--status-error))!important}.gov-form-input-child{padding:.5rem .75rem;border:0px!important}.v-dropdown__no-item{padding:.5rem}.v-dropdown__list{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;overflow:auto}.v-dropdown__scroll{height:10rem}.v-dropdown__filter{padding:.5rem}.v-dropdown__item{padding:.25rem .5rem;cursor:pointer}.v-dropdown__item.is-active{background-color:var(--background-primary);color:var(--text-white)}.v-dropdown__item.is-active:hover{opacity:.8}.v-dropdown__item:hover{background-color:var(--background-primary);color:var(--text-white)}.v-dropdown__loader{width:1.5rem;height:1.5rem;margin-right:1rem;animation:rotate 1s linear infinite;display:inline-block;transform-origin:center;color:var(--color-neutral-300)}.v-dropdown__clear{z-index:99;cursor:pointer}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::ng-deep .cdk-virtual-scrollable{contain:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovFormControl, selector: "gov-form-control", inputs: ["disabled", "fieldset", "identifier", "invalid", "size", "success"] }, { kind: "component", type: i2.GovFormLabel, selector: "gov-form-label", inputs: ["identifier", "legend", "required", "size"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "component", type: DropdownItemComponent, selector: "v-dropdown-item", inputs: ["item"] }, { kind: "component", type: TextfieldComponent, selector: "v-textfield", inputs: ["floatLabel", "type", "minlength", "maxlength", "min", "max", "prefix", "sufix", "message", "name", "role", "size", "icon", "iconPos", "labelSlot", "errorSlot", "messageSlot"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i4.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i4.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i4.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-dropdown', imports: [
                         CommonModule,
@@ -1209,12 +1111,12 @@ class DropdownButtonComponent {
             this.fireClick.emit(item);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DropdownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: DropdownButtonComponent, isStandalone: true, selector: "v-dropdown-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, raised: { classPropertyName: "raised", publicName: "raised", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fireClick: "fireClick" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DropdownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: DropdownButtonComponent, isStandalone: true, selector: "v-dropdown-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, raised: { classPropertyName: "raised", publicName: "raised", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fireClick: "fireClick" }, providers: [
             { provide: DROPDOWN_BUTTON_COMPONENT_TOKEN, useExisting: DropdownButtonComponent }
         ], ngImport: i0, template: "<gov-dropdown position=\"left\">\r\n    <v-button\r\n      [label]=\"label()\"\r\n      [icon]=\"icon()\"\r\n      [rounded]=\"rounded() ?? false\"\r\n      [outlined]=\"outlined() ?? false\"\r\n      [raised]=\"raised() ?? false\"\r\n      [severity]=\"severity()\"\r\n      [type]=\"type()\"\r\n      [size]=\"size()\"\r\n    />\r\n  \r\n    @if (items()?.length) {\r\n      <ul slot=\"list\">\r\n        @for (item of items(); track item.id) {\r\n          <li>\r\n            <v-button\r\n              class=\"w-100\"\r\n              [label]=\"item.label\"\r\n              [icon]=\"item.icon\"\r\n              [severity]=\"$any('normal')\"\r\n              [size]=\"'medium'\"\r\n              [type]=\"type()\"\r\n              (click)=\"fireClickItem(item)\"\r\n            />\r\n          </li>\r\n        }\r\n      </ul>\r\n    }\r\n  </gov-dropdown>\r\n  ", dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovDropdown, selector: "gov-dropdown", inputs: ["identifier", "open", "position"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "library", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DropdownButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DropdownButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-dropdown-button', imports: [GovDesignSystemModule, ButtonComponent], providers: [
                         { provide: DROPDOWN_BUTTON_COMPONENT_TOKEN, useExisting: DropdownButtonComponent }
@@ -1242,15 +1144,15 @@ class FormFieldComponent extends BaseFormInputComponent {
     labelSlot = SlotPosition.top;
     messageSlot = SlotPosition.bottom;
     icons = Icons;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FormFieldComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: FormFieldComponent, isStandalone: true, selector: "v-form-field", inputs: { floatLabel: "floatLabel", type: "type", minlength: "minlength", maxlength: "maxlength", prefix: "prefix", sufix: "sufix", message: "message", name: "name", role: "role", autocorrect: "autocorrect", size: "size", icon: "icon", iconPos: "iconPos", display: "display", labelSlot: "labelSlot", messageSlot: "messageSlot" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormFieldComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FormFieldComponent, isStandalone: true, selector: "v-form-field", inputs: { floatLabel: "floatLabel", type: "type", minlength: "minlength", maxlength: "maxlength", prefix: "prefix", sufix: "sufix", message: "message", name: "name", role: "role", autocorrect: "autocorrect", size: "size", icon: "icon", iconPos: "iconPos", display: "display", labelSlot: "labelSlot", messageSlot: "messageSlot" }, providers: [
             {
                 provide: FORM_FIELD_COMPONENT_TOKEN,
                 useExisting: FormFieldComponent,
             },
         ], usesInheritance: true, ngImport: i0, template: "<gov-form-control>\n  @if (label) {\n  <gov-form-label \n    [slot]=\"labelSlot\"\n    [size]=\"size | govSize\"\n  >\n    {{ label }}\n  </gov-form-label>\n  }\n  <gov-form-group>\n    <ng-content />\n  </gov-form-group>\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n</gov-form-control>", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovFormControl, selector: "gov-form-control", inputs: ["disabled", "fieldset", "identifier", "invalid", "size", "success"] }, { kind: "component", type: i2.GovFormGroup, selector: "gov-form-group", inputs: ["gap", "orientation"] }, { kind: "component", type: i2.GovFormLabel, selector: "gov-form-label", inputs: ["identifier", "legend", "required", "size"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "pipe", type: GovSizePipe, name: "govSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FormFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-form-field', imports: [
                         ReactiveFormsModule,
@@ -1338,15 +1240,15 @@ class HeaderComponent {
     canBeShown(index) {
         return this.openedIndexes.includes(index);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: HeaderComponent, isStandalone: true, selector: "v-header", inputs: { title: "title", userName: "userName", userAvatar: "userAvatar", logoUrl: "logoUrl", userRole: "userRole", menuRef: "menuRef", items: "items", fixed: "fixed" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: HeaderComponent, isStandalone: true, selector: "v-header", inputs: { title: "title", userName: "userName", userAvatar: "userAvatar", logoUrl: "logoUrl", userRole: "userRole", menuRef: "menuRef", items: "items", fixed: "fixed" }, providers: [
             {
                 provide: HEADER_COMPONENT_TOKEN,
                 useExisting: HeaderComponent
             }
         ], queries: [{ propertyName: "actionTemplate", first: true, predicate: ["action"], descendants: true }], ngImport: i0, template: "<header class=\"gov-header\">\n    <div class=\"gov-header__divider\">\n        <div class=\"gov-header__content\">\n            <gov-flex\n                justify-content=\"space-between\"\n                align-items=\"center\"\n                responsive=\"false\"\n            >\n                <a\n                    href=\"/\"\n                    class=\"gov-header__logo\"\n                    aria-label=\"Zp\u011Bt na \u00FAvodn\u00ED str\u00E1nku\"\n                >\n                    <gov-flex\n                        align-items=\"center\"\n                        gap=\"s\"\n                        responsive=\"false\"\n                    >\n                        @if (logoUrl) {\n                        <img\n                            class=\"gov-header__logo-img\"\n                            src=\"{{ logoUrl }}\"\n                            width=\"125px\"\n                            height=\"43px\"\n                            alt=\"GA\u010CR Logo\"\n                        >\n                        }\n                    </gov-flex>\n                </a>\n            </gov-flex>\n            <gov-flex\n                class=\"gov-header__action\"\n                justify-content=\"space-between\"\n                align-items=\"center\"\n                gap=\"s\"\n            >\n                <gov-button\n                    color=\"primary\"\n                    size=\"m\"\n                    type=\"base\"\n                >{{ userName }}</gov-button>\n                <ng-content></ng-content>\n                <ng-container *ngTemplateOutlet=\"\n                    this.actionTemplate;\n                \"></ng-container>\n            </gov-flex>\n        </div>\n    </div>\n    <div class=\"gov-header__navigation\">\n        <nav\n            class=\"gov-navigation\"\n            aria-label=\"Main navigation\"\n            id=\"main-navigation\"\n        >\n            <ul>\n                @for (tab of tabsService.menuItems$ | async; track tab; let index = $index) {\n                <li\n                    *hasPermission=\"tab.data?.permissions ?? []\"\n                    class=\"gov-navigation--has-megamenu\"\n                >\n                    <gov-button\n                        type=\"base\"\n                        color=\"primary\"\n                        size=\"l\"\n                        [attr.aria-label]=\"tab.label\"\n                        (gov-click)=\"\n                            showOrHide(index, tab.children?.length ?? 0);\n                            canRedirect(tab.url, !tab.children?.length)\n                        \"\n                    >\n                        {{ tab.label }}\n                        @if (tab.children?.length) {\n                        <gov-icon\n                            slot=\"icon-end\"\n                            size=\"s\"\n                            [name]=\"canBeShown(index) ? 'chevron-up' : 'chevron-down'\"\n                        ></gov-icon>\n                        }\n                    </gov-button>\n                    @if (canBeShown(index)) {\n                    <ul\n                        id=\"megamenu{{index}}\"\n                        class=\"gov-mega-menu gov-header__submenu\"\n                        [attr.aria-hidden]=\"canBeShown(index)\"\n                    >\n                        @for (child of tab.children; track child) {\n                        <li\n                            *hasPermission=\"child.data?.permissions ?? []\"\n                            class=\"gov-mega-menu__heading\"\n                        >\n                            <a\n                                [routerLink]=\"child.url\"\n                                (click)=\"showOrHide(index)\"\n                            >\n                                @if (child.icon) {\n                                <gov-icon\n                                    [name]=\"child.icon\"\n                                    size=\"m\"\n                                ></gov-icon>\n                                }\n                                <span>{{ child.label }}</span>\n                            </a>\n                            @if (child.children) { @for(miniChild of child.children; track miniChild) {\n                            <ul>\n                                <li *hasPermission=\"miniChild.data?.permissions ?? []\">\n                                    <a\n                                        [routerLink]=\"miniChild.url\"\n                                        (click)=\"showOrHide(index)\"\n                                    >{{ miniChild.label }}</a>\n                                </li>\n                            </ul>\n                            } }\n                        </li>\n                        }\n                    </ul>\n                    }\n                </li>\n                }\n            </ul>\n        </nav>\n    </div>\n</header>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovButton, selector: "gov-button", inputs: ["color", "disabled", "download", "expanded", "expandedMobile", "focusable", "href", "hreflang", "identifier", "loading", "name", "nativeType", "referrerpolicy", "rel", "size", "target", "type"] }, { kind: "component", type: i2.GovFlex, selector: "gov-flex", inputs: ["alignContent", "alignItems", "alignSelf", "direction", "gap", "justifyContent", "responsive", "wrap"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: "v-header", imports: [
                         CommonModule,
@@ -1401,15 +1303,15 @@ class InputGroupComponent extends BaseFormInputComponent {
     constructor(ngControl) {
         super(ngControl);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: InputGroupComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: InputGroupComponent, isStandalone: true, selector: "v-input-group", inputs: { floatLabel: "floatLabel", type: "type", minlength: "minlength", items: "items", prefix: "prefix", sufix: "sufix", maxlength: "maxlength", name: "name", role: "role", message: "message", size: "size", icon: "icon", iconPos: "iconPos", labelSlot: "labelSlot", messageSlot: "messageSlot" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputGroupComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: InputGroupComponent, isStandalone: true, selector: "v-input-group", inputs: { floatLabel: "floatLabel", type: "type", minlength: "minlength", items: "items", prefix: "prefix", sufix: "sufix", maxlength: "maxlength", name: "name", role: "role", message: "message", size: "size", icon: "icon", iconPos: "iconPos", labelSlot: "labelSlot", messageSlot: "messageSlot" }, providers: [
             {
                 provide: INPUT_GROUP_COMPONENT_TOKEN,
                 useExisting: InputGroupComponent,
             },
         ], usesInheritance: true, ngImport: i0, template: "<gov-form-control>\n    @if (label) {\n    <gov-form-label \n        [slot]=\"labelSlot\"\n        [size]=\"size | govSize\"\n    >\n        {{ label }}\n    </gov-form-label>\n    }\n        @if(prefix) {\n            <gov-icon\n                [name]=\"name\"\n            />\n        }\n        <gov-form-input \n            input-type=\"input-type\"\n            [formControl]=\"formControl\"\n            [minlength]=\"minlength\" \n            [maxlength]=\"maxlength\" \n            [size]='size | govSize'  \n            [name]='name' \n            [role]='role'\n            [required]=\"required\"\n            [readonly]=\"readonly\"\n            [invalid]=\"ngControl?.errors ? true : false\"\n        />\n        @if(sufix) {\n            <gov-icon\n                [name]=\"name\"\n            />\n        }\n        <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n        @if (message) {\n        <gov-form-message \n            [slot]=\"messageSlot\" \n            color=\"neutral\"\n            >\n            {{ message }}\n        </gov-form-message>\n        }\n</gov-form-control>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovFormControl, selector: "gov-form-control", inputs: ["disabled", "fieldset", "identifier", "invalid", "size", "success"] }, { kind: "component", type: i2.GovFormInput, selector: "gov-form-input", inputs: ["accessibleHidePasswordLabel", "accessibleShowPasswordLabel", "autocomplete", "autocorrect", "cols", "disabled", "identifier", "inputLang", "inputType", "invalid", "max", "maxlength", "min", "minlength", "multiline", "name", "placeholder", "readonly", "required", "role", "rows", "size", "spellcheck", "success", "type", "value"] }, { kind: "component", type: i2.GovFormLabel, selector: "gov-form-label", inputs: ["identifier", "legend", "required", "size"] }, { kind: "component", type: i2.GovFormMessage, selector: "gov-form-message", inputs: ["color", "size"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "gov-form-input:not([input-type=number]),gov-form-autocomplete" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "pipe", type: GovSizePipe, name: "govSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: InputGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-input-group', imports: [
                         ReactiveFormsModule,
@@ -1461,15 +1363,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
 class LoaderComponent {
     size = FieldSize.medium;
     message;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: LoaderComponent, isStandalone: true, selector: "v-loader", inputs: { size: "size", message: "message" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: LoaderComponent, isStandalone: true, selector: "v-loader", inputs: { size: "size", message: "message" }, providers: [
             {
                 provide: LOADER_COMPONENT_TOKEN,
                 useExisting: LoaderComponent,
             }
         ], ngImport: i0, template: "<div style=\"min-height: 300px;\">\n  <gov-loading\n    [size]=\"size | govSize\"\n  >\n    {{ message }}\n  </gov-loading>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovLoading, selector: "gov-loading", inputs: ["size"] }, { kind: "pipe", type: GovSizePipe, name: "govSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-loader', imports: [
                         GovDesignSystemModule,
@@ -1533,15 +1435,15 @@ class MultiselectComponent extends BaseFormInputComponent {
     onDropdownClear() {
         this.cleared.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MultiselectComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: MultiselectComponent, isStandalone: true, selector: "v-multiselect", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", dropdownIcon: "dropdownIcon", floatLabel: "floatLabel", editable: "editable", display: "display", errorSlot: "errorSlot", lazy: "lazy", filter: "filter", loading: "loading", size: "size" }, outputs: { changed: "changed", showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MultiselectComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: MultiselectComponent, isStandalone: true, selector: "v-multiselect", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", dropdownIcon: "dropdownIcon", floatLabel: "floatLabel", editable: "editable", display: "display", errorSlot: "errorSlot", lazy: "lazy", filter: "filter", loading: "loading", size: "size" }, outputs: { changed: "changed", showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, providers: [
             {
                 provide: MULTISELECT_COMPONENT_TOKEN,
                 useExisting: MultiselectComponent,
             },
         ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<gov-form-control>\n  <gov-form-label \n    [slot]=\"label\"\n    [size]=\"size | govSize\"\n  >\n    {{ label }}\n  </gov-form-label>\n  <gov-form-multi-select\n    [size]=\"size | govSize\"\n    [formControl]=\"formControl\"\n    [required]=\"required\"\n    [invalid]=\"ngControl && ngControl.errors\"\n    [options]=\"options | govMultiselectOptions : optionLabel : optionValue\"\n    [placeholder]=\"placeholder ?? ''\"\n    (gov-focus)=\"onDropdownShow()\"\n    (gov-remove)=\"onDropdownClear()\"\n    (gov-change)=\"selectionChange($event)\"\n    (lazyLoadEvent)=\"onLazyLoad($any($event))\"\n  />\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n</gov-form-control>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovFormControl, selector: "gov-form-control", inputs: ["disabled", "fieldset", "identifier", "invalid", "size", "success"] }, { kind: "component", type: i2.GovFormLabel, selector: "gov-form-label", inputs: ["identifier", "legend", "required", "size"] }, { kind: "component", type: i2.GovFormMultiSelect, selector: "gov-form-multi-select", inputs: ["disabled", "hideSelectedList", "identifier", "invalid", "messageEmpty", "messageLoading", "name", "options", "placeholder", "required", "size", "success", "value"] }, { kind: "directive", type: i2.SelectValueAccessor, selector: "gov-form-select, gov-form-multi-select" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "pipe", type: GovMultiselectOptionsPipe, name: "govMultiselectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MultiselectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MultiselectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-multiselect', imports: [
                         ReactiveFormsModule,
@@ -1620,15 +1522,15 @@ class NumberInputComponent extends BaseFormInputComponent {
     constructor(ngControl) {
         super(ngControl);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NumberInputComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NumberInputComponent, isStandalone: true, selector: "v-number-input", inputs: { mode: "mode", currency: "currency", min: "min", max: "max", step: "step", floatLabel: "floatLabel", type: "type", minlength: "minlength", maxlength: "maxlength", prefix: "prefix", sufix: "sufix", message: "message", name: "name", role: "role", size: "size", icon: "icon", iconPos: "iconPos", labelSlot: "labelSlot", errorSlot: "errorSlot", messageSlot: "messageSlot" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NumberInputComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: NumberInputComponent, isStandalone: true, selector: "v-number-input", inputs: { mode: "mode", currency: "currency", min: "min", max: "max", step: "step", floatLabel: "floatLabel", type: "type", minlength: "minlength", maxlength: "maxlength", prefix: "prefix", sufix: "sufix", message: "message", name: "name", role: "role", size: "size", icon: "icon", iconPos: "iconPos", labelSlot: "labelSlot", errorSlot: "errorSlot", messageSlot: "messageSlot" }, providers: [
             {
                 provide: NUMBER_INPUT_COMPONENT_TOKEN,
                 useExisting: NumberInputComponent,
             },
         ], usesInheritance: true, ngImport: i0, template: "<gov-form-control>\n    @if (label) {\n    <gov-form-label \n        [slot]=\"labelSlot\"\n        [size]=\"size | govSize\"\n    >\n        {{ label }}\n    </gov-form-label>\n    }\n    <gov-form-group>\n        <gov-form-input \n            [attr.input-type]=\"type\"\n            [formControl]=\"formControl\"\n            [minlength]=\"minlength\" \n            [maxlength]=\"maxlength\" \n            [size]='size | govSize'  \n            [name]='name' \n            [role]='role'\n            [required]=\"required\"\n            [readonly]=\"readonly\"\n            [invalid]=\"ngControl?.errors ? true : false\"\n        >\n            @if (icon) {\n            <gov-icon\n                [name]=\"icon\"\n                [slot]=\"iconPos === 'left' ? 'icon-start' : 'icon-end'\"\n            />\n            } @if (prefix) {\n            <p slot=\"prefix\">\n                {{ prefix }}\n            </p>\n            } @if (sufix) {\n            <p slot=\"sufix\">\n                {{ sufix }}\n            </p>\n            }\n        </gov-form-input>\n        <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n        @if (message) {\n        <gov-form-message \n            [slot]=\"messageSlot\" \n            color=\"neutral\"\n            >\n            {{ message }}\n        </gov-form-message>\n        }\n    </gov-form-group>\n</gov-form-control>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovFormControl, selector: "gov-form-control", inputs: ["disabled", "fieldset", "identifier", "invalid", "size", "success"] }, { kind: "component", type: i2.GovFormGroup, selector: "gov-form-group", inputs: ["gap", "orientation"] }, { kind: "component", type: i2.GovFormInput, selector: "gov-form-input", inputs: ["accessibleHidePasswordLabel", "accessibleShowPasswordLabel", "autocomplete", "autocorrect", "cols", "disabled", "identifier", "inputLang", "inputType", "invalid", "max", "maxlength", "min", "minlength", "multiline", "name", "placeholder", "readonly", "required", "role", "rows", "size", "spellcheck", "success", "type", "value"] }, { kind: "component", type: i2.GovFormLabel, selector: "gov-form-label", inputs: ["identifier", "legend", "required", "size"] }, { kind: "component", type: i2.GovFormMessage, selector: "gov-form-message", inputs: ["color", "size"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "gov-form-input:not([input-type=number]),gov-form-autocomplete" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "pipe", type: GovSizePipe, name: "govSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NumberInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NumberInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-number-input', imports: [
                         ReactiveFormsModule,
@@ -1691,10 +1593,10 @@ class PageHeaderComponent {
     title = '';
     subtitle;
     showBackButton;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: PageHeaderComponent, isStandalone: true, selector: "v-page-header", inputs: { title: "title", subtitle: "subtitle", showBackButton: "showBackButton" }, ngImport: i0, template: "<div class=\"d-flex gap-3 align-items-center\">\n  <h2>{{ title | translate }}</h2>\n</div>", styles: ["h2{font-size:1.5rem;color:var(--color-neutral-700);margin:0}.d-flex{display:flex;align-items:center;gap:1rem}\n"], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: PageHeaderComponent, isStandalone: true, selector: "v-page-header", inputs: { title: "title", subtitle: "subtitle", showBackButton: "showBackButton" }, ngImport: i0, template: "<div class=\"d-flex gap-3 align-items-center\">\n  <h2>{{ title | translate }}</h2>\n</div>", styles: ["h2{font-size:1.5rem;color:var(--color-neutral-700);margin:0}.d-flex{display:flex;align-items:center;gap:1rem}\n"], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PageHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-page-header', imports: [
                         GovDesignSystemModule,
@@ -1740,15 +1642,15 @@ class PasswordComponent extends BaseFormInputComponent {
             this.formControl.setErrors({ passwordLowStrength: true }, { emitEvent: false });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PasswordComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: PasswordComponent, isStandalone: true, selector: "v-password", inputs: { toggleMask: "toggleMask", feedback: "feedback", labelSlot: "labelSlot", requiredStrength: "requiredStrength", message: "message", name: "name", role: "role", icon: "icon", iconPos: "iconPos", size: "size", messageSlot: "messageSlot" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PasswordComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: PasswordComponent, isStandalone: true, selector: "v-password", inputs: { toggleMask: "toggleMask", feedback: "feedback", labelSlot: "labelSlot", requiredStrength: "requiredStrength", message: "message", name: "name", role: "role", icon: "icon", iconPos: "iconPos", size: "size", messageSlot: "messageSlot" }, providers: [
             {
                 provide: PASSWORD_COMPONENT_TOKEN,
                 useExisting: PasswordComponent
             }
         ], usesInheritance: true, ngImport: i0, template: "<gov-form-control class=\"mb-3\">\n    @if (label) {\n    <gov-form-label \n      [slot]=\"labelSlot\"\n      [size]=\"size | govSize\"\n    >\n      {{ label }}\n    </gov-form-label>\n    }\n  <gov-form-group>\n    @if (feedback) {\n    <gov-form-password-power [power]=\"passwordStrength - 1\" />\n    }\n    <gov-form-input\n      [formControl]=\"formControl\"\n      [attr.input-type]=\"type\"\n      [placeholder]=\"placeholder\"\n      [invalid]=\"ngControl?.errors\"\n      (ngModelChange)=\"valueChange($event)\"\n    />\n  </gov-form-group>\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  @if (message) {\n  <gov-form-message \n      [slot]=\"messageSlot\" \n      color=\"neutral\"\n      >\n      {{ message }}\n  </gov-form-message>\n  }\n</gov-form-control>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovFormControl, selector: "gov-form-control", inputs: ["disabled", "fieldset", "identifier", "invalid", "size", "success"] }, { kind: "component", type: i2.GovFormGroup, selector: "gov-form-group", inputs: ["gap", "orientation"] }, { kind: "component", type: i2.GovFormInput, selector: "gov-form-input", inputs: ["accessibleHidePasswordLabel", "accessibleShowPasswordLabel", "autocomplete", "autocorrect", "cols", "disabled", "identifier", "inputLang", "inputType", "invalid", "max", "maxlength", "min", "minlength", "multiline", "name", "placeholder", "readonly", "required", "role", "rows", "size", "spellcheck", "success", "type", "value"] }, { kind: "component", type: i2.GovFormLabel, selector: "gov-form-label", inputs: ["identifier", "legend", "required", "size"] }, { kind: "component", type: i2.GovFormMessage, selector: "gov-form-message", inputs: ["color", "size"] }, { kind: "component", type: i2.GovFormPasswordPower, selector: "gov-form-password-power", inputs: ["power"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "gov-form-input:not([input-type=number]),gov-form-autocomplete" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "pipe", type: GovSizePipe, name: "govSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PasswordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PasswordComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-password', imports: [
                         ReactiveFormsModule,
@@ -1797,15 +1699,15 @@ class RadioButtonComponent extends BaseFormInputComponent {
     constructor(ngControl) {
         super(ngControl);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: RadioButtonComponent, isStandalone: true, selector: "v-radiobutton", inputs: { radioGroupName: "radioGroupName", items: "items", size: "size" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: RadioButtonComponent, isStandalone: true, selector: "v-radiobutton", inputs: { radioGroupName: "radioGroupName", items: "items", size: "size" }, providers: [
             {
                 provide: RADIOBUTTON_COMPONENT_TOKEN,
                 useExisting: RadioButtonComponent,
             },
         ], usesInheritance: true, ngImport: i0, template: "<gov-form-control>\n  <gov-form-radio-group [formControl]=\"formControl\">\n    @if (items) { @for(item of items; track item) {\n    <gov-form-radio\n      [size]=\"size | govSize\"\n      [value]=\"item.value\"\n      [required]=\"required\"\n      [identifier]=\"item.id\"\n      [name]=\"radioGroupName\"\n      [invalid]=\"ngControl?.errors\"\n      [disabled]=\"formControl.disabled\"\n    >\n      <gov-form-label\n        [size]=\"size | govSize\"\n        slot=\"label\"\n      >\n        {{ label }}\n      </gov-form-label>\n    </gov-form-radio>\n    } }\n  </gov-form-radio-group>\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n</gov-form-control>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovFormControl, selector: "gov-form-control", inputs: ["disabled", "fieldset", "identifier", "invalid", "size", "success"] }, { kind: "component", type: i2.GovFormLabel, selector: "gov-form-label", inputs: ["identifier", "legend", "required", "size"] }, { kind: "component", type: i2.GovFormRadio, selector: "gov-form-radio", inputs: ["checked", "disabled", "identifier", "invalid", "name", "noLabel", "required", "size", "value"] }, { kind: "component", type: i2.GovFormRadioGroup, selector: "gov-form-radio-group", inputs: ["gap", "orientation", "value"] }, { kind: "directive", type: i2.RadioValueAccessor, selector: "gov-form-radio" }, { kind: "directive", type: i2.GroupValueAccessor, selector: "gov-form-radio-group,gov-form-checkbox-group" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "pipe", type: GovSizePipe, name: "govSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: RadioButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RadioButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: "v-radiobutton", imports: [
                         GovDesignSystemModule,
@@ -1843,10 +1745,10 @@ class SearchComponent {
     search() {
         this.searchTerm.emit(this.value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: SearchComponent, isStandalone: true, selector: "v-search", inputs: { placeholder: "placeholder", size: "size" }, outputs: { searchTerm: "searchTerm" }, ngImport: i0, template: "<gov-form-control>\n    <gov-form-group>\n        <gov-form-search color=\"neutral\">\n            <gov-form-input \n                [placeholder]=\"placeholder\"\n                [size]=\"size | govSize\"\n                slot=\"input\"\n                (gov-input)=\"setValue($event)\"\n            />\n            <gov-button\n                [size]=\"size | govSize\"\n                color=\"primary\"\n                type=\"solid\"\n                slot=\"button\"\n                (gov-click)=\"search()\"\n            >\n                <gov-icon\n                    [name]=\"icons.search\"\n                />\n            </gov-button>\n        </gov-form-search>\n    </gov-form-group>\n</gov-form-control>", styles: [""], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovButton, selector: "gov-button", inputs: ["color", "disabled", "download", "expanded", "expandedMobile", "focusable", "href", "hreflang", "identifier", "loading", "name", "nativeType", "referrerpolicy", "rel", "size", "target", "type"] }, { kind: "component", type: i2.GovFormControl, selector: "gov-form-control", inputs: ["disabled", "fieldset", "identifier", "invalid", "size", "success"] }, { kind: "component", type: i2.GovFormGroup, selector: "gov-form-group", inputs: ["gap", "orientation"] }, { kind: "component", type: i2.GovFormInput, selector: "gov-form-input", inputs: ["accessibleHidePasswordLabel", "accessibleShowPasswordLabel", "autocomplete", "autocorrect", "cols", "disabled", "identifier", "inputLang", "inputType", "invalid", "max", "maxlength", "min", "minlength", "multiline", "name", "placeholder", "readonly", "required", "role", "rows", "size", "spellcheck", "success", "type", "value"] }, { kind: "component", type: i2.GovFormSearch, selector: "gov-form-search", inputs: ["color", "size"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "gov-form-input:not([input-type=number]),gov-form-autocomplete" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: GovSizePipe, name: "govSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: SearchComponent, isStandalone: true, selector: "v-search", inputs: { placeholder: "placeholder", size: "size" }, outputs: { searchTerm: "searchTerm" }, ngImport: i0, template: "<gov-form-control>\n    <gov-form-group>\n        <gov-form-search color=\"neutral\">\n            <gov-form-input \n                [placeholder]=\"placeholder\"\n                [size]=\"size | govSize\"\n                slot=\"input\"\n                (gov-input)=\"setValue($event)\"\n            />\n            <gov-button\n                [size]=\"size | govSize\"\n                color=\"primary\"\n                type=\"solid\"\n                slot=\"button\"\n                (gov-click)=\"search()\"\n            >\n                <gov-icon\n                    [name]=\"icons.search\"\n                />\n            </gov-button>\n        </gov-form-search>\n    </gov-form-group>\n</gov-form-control>", styles: [""], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovButton, selector: "gov-button", inputs: ["color", "disabled", "download", "expanded", "expandedMobile", "focusable", "href", "hreflang", "identifier", "loading", "name", "nativeType", "referrerpolicy", "rel", "size", "target", "type"] }, { kind: "component", type: i2.GovFormControl, selector: "gov-form-control", inputs: ["disabled", "fieldset", "identifier", "invalid", "size", "success"] }, { kind: "component", type: i2.GovFormGroup, selector: "gov-form-group", inputs: ["gap", "orientation"] }, { kind: "component", type: i2.GovFormInput, selector: "gov-form-input", inputs: ["accessibleHidePasswordLabel", "accessibleShowPasswordLabel", "autocomplete", "autocorrect", "cols", "disabled", "identifier", "inputLang", "inputType", "invalid", "max", "maxlength", "min", "minlength", "multiline", "name", "placeholder", "readonly", "required", "role", "rows", "size", "spellcheck", "success", "type", "value"] }, { kind: "component", type: i2.GovFormSearch, selector: "gov-form-search", inputs: ["color", "size"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "gov-form-input:not([input-type=number]),gov-form-autocomplete" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: GovSizePipe, name: "govSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-search', imports: [
                         GovDesignSystemModule,
@@ -1874,15 +1776,15 @@ class SectionComponent {
     badgeSlot = 'sufix';
     open = false;
     icons = Icons;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SectionComponent, isStandalone: true, selector: "v-section", inputs: { title: "title", badge: "badge", showContent: "showContent", backgroundColor: "backgroundColor", annotation: "annotation", identifier: "identifier", icon: "icon", iconType: "iconType", size: "size", badgeSlot: "badgeSlot", open: "open" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: SectionComponent, isStandalone: true, selector: "v-section", inputs: { title: "title", badge: "badge", showContent: "showContent", backgroundColor: "backgroundColor", annotation: "annotation", identifier: "identifier", icon: "icon", iconType: "iconType", size: "size", badgeSlot: "badgeSlot", open: "open" }, providers: [
             {
                 provide: SECTION_COMPONENT_TOKEN,
                 useExisting: SectionComponent,
             },
         ], ngImport: i0, template: "<gov-accordion>\n    <gov-accordion-item \n        [size]=\"size | govSize\"\n        [identifier]=\"identifier\"\n        [open]=\"open\"\n    >\n        @if (icon) {\n            <gov-icon\n                [name]=\"icons.chevronDown\"\n            />\n        } @if (title) {\n            <h2 slot=\"label\">{{ title | translate }}</h2>\n        } @if (badge) {\n            <gov-badge \n                inverse=\"true\"\n                size=\"s\"\n                [slot]=\"badgeSlot\"\n            >\n                {{ badge }}\n            </gov-badge>\n        } @if (annotation) {\n            <p slot=\"annotation\">{{ annotation | translate }}</p>\n        }\n        <ng-content></ng-content>\n    </gov-accordion-item>\n</gov-accordion>", styles: [""], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovAccordion, selector: "gov-accordion", inputs: ["noBorder", "size"] }, { kind: "component", type: i2.GovAccordionItem, selector: "gov-accordion-item", inputs: ["disabled", "identifier", "open", "size"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-section', imports: [
                         GovDesignSystemModule,
@@ -1948,10 +1850,10 @@ class ActionButtonComponent {
         event.stopPropagation();
         this.click.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: ActionButtonComponent, isStandalone: true, selector: "v-action-button", inputs: { disabled: "disabled", toolTip: "toolTip", id: "id", icon: "icon", outlined: "outlined", raised: "raised", severity: "severity", label: "label", size: "size" }, outputs: { click: "click" }, usesOnChanges: true, ngImport: i0, template: "<v-button\n  [label]=\"label\"\n  [disabled]=\"disabled\"\n  [icon]=\"icon\"\n  [outlined]=\"outlined\"\n  tooltipPosition=\"bottom\"\n  [size]=\"size\"\n  [severity]=\"severity\"\n  (click)=\"handleClick($event)\"\n/>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "library", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: ActionButtonComponent, isStandalone: true, selector: "v-action-button", inputs: { disabled: "disabled", toolTip: "toolTip", id: "id", icon: "icon", outlined: "outlined", raised: "raised", severity: "severity", label: "label", size: "size" }, outputs: { click: "click" }, usesOnChanges: true, ngImport: i0, template: "<v-button\n  [label]=\"label\"\n  [disabled]=\"disabled\"\n  [icon]=\"icon\"\n  [outlined]=\"outlined\"\n  tooltipPosition=\"bottom\"\n  [size]=\"size\"\n  [severity]=\"severity\"\n  (click)=\"handleClick($event)\"\n/>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "library", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ActionButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ActionButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-action-button', imports: [ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<v-button\n  [label]=\"label\"\n  [disabled]=\"disabled\"\n  [icon]=\"icon\"\n  [outlined]=\"outlined\"\n  tooltipPosition=\"bottom\"\n  [size]=\"size\"\n  [severity]=\"severity\"\n  (click)=\"handleClick($event)\"\n/>\n" }]
         }], propDecorators: { disabled: [{
@@ -1986,6 +1888,7 @@ class ActionButtonGroupComponent extends UnsubscribeComponent {
     menuIconPos = 'right';
     menuIcon = Icons.action;
     label;
+    showLabels = false;
     icon;
     icons = Icons;
     allItems = [];
@@ -2028,22 +1931,22 @@ class ActionButtonGroupComponent extends UnsubscribeComponent {
             },
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ActionButtonGroupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$3.ScreenSizeService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ActionButtonGroupComponent, isStandalone: true, selector: "v-action-button-group", inputs: { maxItems: "maxItems", maxItemsMobile: "maxItemsMobile", items: "items", menuIconPos: "menuIconPos", menuIcon: "menuIcon", label: "label", icon: "icon" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ActionButtonGroupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$3.ScreenSizeService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ActionButtonGroupComponent, isStandalone: true, selector: "v-action-button-group", inputs: { maxItems: "maxItems", maxItemsMobile: "maxItemsMobile", items: "items", menuIconPos: "menuIconPos", menuIcon: "menuIcon", label: "label", showLabels: "showLabels", icon: "icon" }, providers: [
             {
                 provide: ACTION_BUTTON_GROUP_COMPONENT_TOKEN,
                 useExisting: ActionButtonGroupComponent,
             },
-        ], queries: [{ propertyName: "actions", predicate: ActionButtonComponent }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\n>\n  <div class=\"v-action-button-group__actions d-flex gap-2\">\n    @for (action of visibleActions; track action) {\n    <v-action-button\n      [disabled]=\"action.disabled\"\n      [icon]=\"action.icon\"\n      [id]=\"action.id\"\n      [outlined]=\"action.outlined\"\n      [raised]=\"action.raised\"\n      [toolTip]=\"action.toolTip || action.label\"\n      [severity]=\"action.severity\"\n      [size]=\"action.size\"\n      (click)=\"fireClick(action, $event)\"\n    ></v-action-button>\n    } @if (actions.length > visibleActions.length) {\n    <v-dropdown-button\n      [label]=\"label\"\n      [icon]=\"menuIcon\"\n      [items]=\"menuItems\"\n    />\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }, { kind: "component", type: DropdownButtonComponent, selector: "v-dropdown-button", inputs: ["label", "icon", "rounded", "raised", "outlined", "severity", "size", "type", "items"], outputs: ["fireClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "actions", predicate: ActionButtonComponent }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\n>\n  <div class=\"v-action-button-group__actions d-flex gap-2\">\n    @for (action of visibleActions; track action) {\n    <v-action-button\n      [disabled]=\"action.disabled\"\n      [icon]=\"action.icon\"\n      [id]=\"action.id\"\n      [outlined]=\"action.outlined\"\n      [raised]=\"action.raised\"\n      [toolTip]=\"action.toolTip || action.label\"\n      [label]=\"showLabels ? action.label : undefined\"\n      [severity]=\"action.severity\"\n      [size]=\"action.size\"\n      (click)=\"fireClick(action, $event)\"\n    ></v-action-button>\n    } @if (actions.length > visibleActions.length) {\n    <v-dropdown-button\n      [label]=\"label\"\n      [icon]=\"menuIcon\"\n      [items]=\"menuItems\"\n    />\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }, { kind: "component", type: DropdownButtonComponent, selector: "v-dropdown-button", inputs: ["label", "icon", "rounded", "raised", "outlined", "severity", "size", "type", "items"], outputs: ["fireClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ActionButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ActionButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-action-button-group', imports: [ActionButtonComponent, DropdownButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ACTION_BUTTON_GROUP_COMPONENT_TOKEN,
                             useExisting: ActionButtonGroupComponent,
                         },
-                    ], template: "<div\n  class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\n>\n  <div class=\"v-action-button-group__actions d-flex gap-2\">\n    @for (action of visibleActions; track action) {\n    <v-action-button\n      [disabled]=\"action.disabled\"\n      [icon]=\"action.icon\"\n      [id]=\"action.id\"\n      [outlined]=\"action.outlined\"\n      [raised]=\"action.raised\"\n      [toolTip]=\"action.toolTip || action.label\"\n      [severity]=\"action.severity\"\n      [size]=\"action.size\"\n      (click)=\"fireClick(action, $event)\"\n    ></v-action-button>\n    } @if (actions.length > visibleActions.length) {\n    <v-dropdown-button\n      [label]=\"label\"\n      [icon]=\"menuIcon\"\n      [items]=\"menuItems\"\n    />\n    }\n  </div>\n</div>\n" }]
+                    ], template: "<div\n  class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\n>\n  <div class=\"v-action-button-group__actions d-flex gap-2\">\n    @for (action of visibleActions; track action) {\n    <v-action-button\n      [disabled]=\"action.disabled\"\n      [icon]=\"action.icon\"\n      [id]=\"action.id\"\n      [outlined]=\"action.outlined\"\n      [raised]=\"action.raised\"\n      [toolTip]=\"action.toolTip || action.label\"\n      [label]=\"showLabels ? action.label : undefined\"\n      [severity]=\"action.severity\"\n      [size]=\"action.size\"\n      (click)=\"fireClick(action, $event)\"\n    ></v-action-button>\n    } @if (actions.length > visibleActions.length) {\n    <v-dropdown-button\n      [label]=\"label\"\n      [icon]=\"menuIcon\"\n      [items]=\"menuItems\"\n    />\n    }\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$3.ScreenSizeService }], propDecorators: { actions: [{
                 type: ContentChildren,
                 args: [ActionButtonComponent]
@@ -2059,6 +1962,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 type: Input
             }], label: [{
                 type: Input
+            }], showLabels: [{
+                type: Input
             }], icon: [{
                 type: Input
             }] } });
@@ -2084,15 +1989,15 @@ class GenericFieldComponent extends BaseFormInputComponent {
     filtered = new EventEmitter();
     fieldTypes = GenericFieldType;
     icons = Icons;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GenericFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: GenericFieldComponent, isStandalone: true, selector: "v-generic-field", inputs: { type: "type", floatLabel: "floatLabel", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", size: "size", loading: "loading", lazy: "lazy", filter: "filter", datasource: "datasource", filterField: "filterField", showFilter: "showFilter", localSearch: "localSearch" }, outputs: { changed: "changed", showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GenericFieldComponent, isStandalone: true, selector: "v-generic-field", inputs: { type: "type", floatLabel: "floatLabel", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", size: "size", loading: "loading", lazy: "lazy", filter: "filter", datasource: "datasource", filterField: "filterField", showFilter: "showFilter", localSearch: "localSearch" }, outputs: { changed: "changed", showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, providers: [
             {
                 provide: GENERIC_FIELD_COMPONENT_TOKEN,
                 useExisting: GenericFieldComponent,
             },
         ], usesInheritance: true, ngImport: i0, template: "@if (!type || type === fieldTypes.text) {\n<v-textfield\n  [label]=\"label\"\n  [floatLabel]=\"floatLabel === true\"\n  [size]=\"size\"\n  [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.dropdown && !datasource) {\n<v-dropdown\n  [label]=\"!floatLabel ? label : ''\"\n  [floatLabel]=\"floatLabel ? label : ''\"\n  [testId]=\"testId\"\n  [options]=\"options\"\n  [optionLabel]=\"optionLabel\"\n  [optionValue]=\"optionValue ?? optionLabel\"\n  [loading]=\"loading\"\n  [forceMinWidth]=\"true\"\n  [formControl]=\"formControl\"\n  [showFilter]=\"showFilter ?? false\"\n  [localSearch]=\"localSearch ?? false\"\n  (changeEvent)=\"changed.emit($event)\"\n  (clearEvent)=\"cleared.emit($event)\"\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n  (showEvent)=\"showed.emit($event)\"\n/> \n} @else if (type === fieldTypes.dropdown && datasource) {\n  <v-dropdown\n    useDatasource\n    [forceMinWidth]=\"true\"\n    [datasource]=\"datasource\"\n    [optionLabel]=\"optionLabel\"\n    [optionValue]=\"optionValue ?? optionLabel\"\n    [label]=\"!floatLabel ? label : ''\"\n    [floatLabel]=\"floatLabel ? label : ''\"\n    [testId]=\"testId\"\n    [loading]=\"loading\"\n    [formControl]=\"formControl\"\n    [showFilter]=\"showFilter ?? false\"\n    [filterField]=\"filterField ?? 'fulltext'\"\n    [localSearch]=\"localSearch ?? false\"\n    (changeEvent)=\"changed.emit($event)\"\n    (clearEvent)=\"cleared.emit($event)\"\n    (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n    (showEvent)=\"showed.emit($event)\"\n  />\n} @else if (type === fieldTypes.multiselect && !datasource) {\n<v-multiselect\n  [label]=\"!floatLabel ? label : ''\"\n  [floatLabel]=\"floatLabel ? label : ''\"\n  [testId]=\"testId\"\n  [options]=\"options\"\n  [optionLabel]=\"optionLabel\"\n  [optionValue]=\"optionValue ?? optionLabel\"\n  [loading]=\"loading\"\n  [formControl]=\"formControl\"\n  (changeEvent)=\"changed.emit($event)\"\n  (clearEvent)=\"cleared.emit($event)\"\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n  (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.multiselect && datasource) {\n<v-multiselect\n  useDatasource\n  [datasource]=\"datasource\"\n  [optionLabel]=\"optionLabel\"\n  [optionValue]=\"optionValue ?? optionLabel\"\n  [label]=\"!floatLabel ? label : ''\"\n  [floatLabel]=\"floatLabel ? label : ''\"\n  [testId]=\"testId\"\n  [loading]=\"loading\"\n  [formControl]=\"formControl\"\n  (changeEvent)=\"changed.emit($event)\"\n  (clearEvent)=\"cleared.emit($event)\"\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n  (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.checkbox) {\n<v-checkbox\n  [label]=\"label\"\n  [testId]=\"testId\"\n  [formControl]=\"formControl\"\n  [indeterminate]=\"true\"\n/>\n} @else if (type === fieldTypes.simplecheckbox) {\n<v-checkbox\n  [label]=\"label\"\n  [testId]=\"testId\"\n  [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.calendar) {\n<v-calendar\n  [label]=\"!floatLabel ? label : ''\"\n  [floatLabel]=\"floatLabel ? label : ''\"\n  [testId]=\"testId\"\n  [formControl]=\"formControl\"\n  [icon]=\"icons.calendar\"\n/>\n}\n", dependencies: [{ kind: "component", type: DropdownComponent, selector: "v-dropdown", inputs: ["options", "optionLabel", "optionValue", "dropdownIcon", "floatLabel", "lazy", "filter", "editable", "loading", "size", "showFilter", "localSearch", "forceMinWidth"], outputs: ["changed", "showed", "cleared", "lazyLoad", "filtered"] }, { kind: "component", type: CalendarComponent, selector: "v-calendar", inputs: ["icon", "floatLabel", "maxDate", "minDate", "header", "footer", "selectionMode", "size", "errorSlot", "labelSlot", "messageSlot", "message", "name"] }, { kind: "component", type: MultiselectComponent, selector: "v-multiselect", inputs: ["options", "optionLabel", "optionValue", "dropdownIcon", "floatLabel", "editable", "display", "errorSlot", "lazy", "filter", "loading", "size"], outputs: ["changed", "showed", "cleared", "lazyLoad", "filtered"] }, { kind: "component", type: TextfieldComponent, selector: "v-textfield", inputs: ["floatLabel", "type", "minlength", "maxlength", "min", "max", "prefix", "sufix", "message", "name", "role", "size", "icon", "iconPos", "labelSlot", "errorSlot", "messageSlot"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CheckboxComponent, selector: "v-checkbox", inputs: ["size", "value", "name", "indeterminate", "noLabel"] }, { kind: "directive", type: DatasourceDirective, selector: "v-dropdown[useDatasource], v-multiselect[useDatasource], v-generic-field[useDatasource]", inputs: ["datasource", "autoBind", "loadingText", "filterField", "transformFn", "extraFilter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GenericFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-generic-field', imports: [
                         DropdownComponent,
@@ -2212,10 +2117,10 @@ class GenericFormComponent {
             this.columnClass = getColumnClass(this.columns);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GenericFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: GenericFormComponent, isStandalone: true, selector: "v-generic-form", inputs: { formGroup: "formGroup", fields: "fields", columns: "columns", showAsRow: "showAsRow" }, usesOnChanges: true, ngImport: i0, template: "@if (formGroupComputed) {\r\n  <div\r\n    class=\"v-generic-form\"\r\n    [ngClass]=\"showAsRow ? 'd-flex flex-row' : 'row'\"\r\n    [formGroup]=\"formGroupComputed\"\r\n  >\r\n    @for(field of fields; track field) { @if (columnClass) {\r\n    <div class=\"v-generic-form__column {{ columnClass }}\">\r\n      <v-generic-field\r\n        [type]=\"field.type\"\r\n        [label]=\"field.label ?? 'NOT SET' | translate\"\r\n        [floatLabel]=\"field.floatLabel\"\r\n        [testId]=\"field.testId\"\r\n        [options]=\"field.options\"\r\n        [optionLabel]=\"field.optionLabel\"\r\n        [optionValue]=\"field.optionValue ?? field.optionLabel\"\r\n        [options]=\"field.options\"\r\n        [size]=\"field.size\"\r\n        [formControlName]=\"field.name\"\r\n        [datasource]=\"field.datasource\"\r\n        [showFilter]=\"field.showFilter\"\r\n        [filterField]=\"field.filterField\"\r\n        [localSearch]=\"field.localSearch\"\r\n      ></v-generic-field>\r\n    </div>\r\n    } @else {\r\n    <v-generic-field\r\n      class=\"me-4\"\r\n      [type]=\"field.type\"\r\n      [label]=\"field.label ?? 'NOT SET' | translate\"\r\n      [floatLabel]=\"field.floatLabel\"\r\n      [testId]=\"field.testId\"\r\n      [options]=\"field.options\"\r\n      [optionLabel]=\"field.optionLabel\"\r\n      [optionValue]=\"field.optionValue ?? field.optionLabel\"\r\n      [options]=\"field.options\"\r\n      [size]=\"field.size\"\r\n      [formControlName]=\"field.name\"\r\n      [datasource]=\"field.datasource\"\r\n      [showFilter]=\"field.showFilter\"\r\n      [filterField]=\"field.filterField\"\r\n      [localSearch]=\"field.localSearch\"\r\n    ></v-generic-field>\r\n    } }\r\n  </div>\r\n  }\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GenericFieldComponent, selector: "v-generic-field", inputs: ["type", "floatLabel", "optionLabel", "optionValue", "options", "size", "loading", "lazy", "filter", "datasource", "filterField", "showFilter", "localSearch"], outputs: ["changed", "showed", "cleared", "lazyLoad", "filtered"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GenericFormComponent, isStandalone: true, selector: "v-generic-form", inputs: { formGroup: "formGroup", fields: "fields", columns: "columns", showAsRow: "showAsRow" }, usesOnChanges: true, ngImport: i0, template: "@if (formGroupComputed) {\r\n  <div\r\n    class=\"v-generic-form\"\r\n    [ngClass]=\"showAsRow ? 'd-flex flex-row' : 'row'\"\r\n    [formGroup]=\"formGroupComputed\"\r\n  >\r\n    @for(field of fields; track field) { @if (columnClass) {\r\n    <div class=\"v-generic-form__column {{ columnClass }}\">\r\n      <v-generic-field\r\n        [type]=\"field.type\"\r\n        [label]=\"field.label ?? 'NOT SET' | translate\"\r\n        [floatLabel]=\"field.floatLabel\"\r\n        [testId]=\"field.testId\"\r\n        [options]=\"field.options\"\r\n        [optionLabel]=\"field.optionLabel\"\r\n        [optionValue]=\"field.optionValue ?? field.optionLabel\"\r\n        [options]=\"field.options\"\r\n        [size]=\"field.size\"\r\n        [formControlName]=\"field.name\"\r\n        [datasource]=\"field.datasource\"\r\n        [showFilter]=\"field.showFilter\"\r\n        [filterField]=\"field.filterField\"\r\n        [localSearch]=\"field.localSearch\"\r\n      ></v-generic-field>\r\n    </div>\r\n    } @else {\r\n    <v-generic-field\r\n      class=\"me-4\"\r\n      [type]=\"field.type\"\r\n      [label]=\"field.label ?? 'NOT SET' | translate\"\r\n      [floatLabel]=\"field.floatLabel\"\r\n      [testId]=\"field.testId\"\r\n      [options]=\"field.options\"\r\n      [optionLabel]=\"field.optionLabel\"\r\n      [optionValue]=\"field.optionValue ?? field.optionLabel\"\r\n      [options]=\"field.options\"\r\n      [size]=\"field.size\"\r\n      [formControlName]=\"field.name\"\r\n      [datasource]=\"field.datasource\"\r\n      [showFilter]=\"field.showFilter\"\r\n      [filterField]=\"field.filterField\"\r\n      [localSearch]=\"field.localSearch\"\r\n    ></v-generic-field>\r\n    } }\r\n  </div>\r\n  }\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GenericFieldComponent, selector: "v-generic-field", inputs: ["type", "floatLabel", "optionLabel", "optionValue", "options", "size", "loading", "lazy", "filter", "datasource", "filterField", "showFilter", "localSearch"], outputs: ["changed", "showed", "cleared", "lazyLoad", "filtered"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GenericFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-generic-form', imports: [
                         CommonModule,
@@ -2242,15 +2147,15 @@ class SideMenuComponent {
     minimalized = new EventEmitter();
     itemSelected = new EventEmitter();
     icons = Icons;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SideMenuComponent, isStandalone: true, selector: "v-side-menu", inputs: { items: "items", logoUrl: "logoUrl", userName: "userName", userRole: "userRole" }, outputs: { minimalized: "minimalized", itemSelected: "itemSelected" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: SideMenuComponent, isStandalone: true, selector: "v-side-menu", inputs: { items: "items", logoUrl: "logoUrl", userName: "userName", userRole: "userRole" }, outputs: { minimalized: "minimalized", itemSelected: "itemSelected" }, providers: [
             {
                 provide: SIDE_MENU_COMPONENT_TOKEN,
                 useExisting: SideMenuComponent,
             },
         ], ngImport: i0, template: "<div class=\"v-side-menu\">\n    <div class=\"gov-category-list__col gov-category-list__categories\">\n        <div class=\"gov-category-list__col-inner\">\n            <ul class=\"main-nav  gov-list--plain gov-category-list__nav\">\n                @for (item of items; track item) {\n                @for (child of item.children; track child) {\n                <li class=\"gov-category-list__nav\">\n                    <a class=\"gov-category-list__nav-link p-2 d-flex align-items-center\" [routerLink]=\"child.url\"\n                        routerLinkActive=\"is-active\" title=\"{{child.label}}\">\n                        <p class=\"gov-text--body-s\">{{child.label}}\n                            @if (child.children) {\n                            <gov-icon [name]=\"icons.chevronDown\" />\n                            }\n                        </p>\n                    </a>\n                </li>\n                }\n                }\n            </ul>\n        </div>\n    </div>\n</div>", styles: [".v-side-menu a:hover{background-color:var(--background-primary-subtle);text-decoration:underline}.v-side-menu a.is-active{background-color:var(--background-primary);color:var(--text-white)}.v-side-menu a.is-active>*{color:var(--text-white)}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SideMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SideMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-side-menu', imports: [RouterModule, GovDesignSystemModule], providers: [
                         {
@@ -2303,9 +2208,9 @@ class SideMenuModule extends UnsubscribeComponent {
             ],
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SideMenuModule, deps: [{ token: i1$3.SideMenuProviderService }], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: SideMenuModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SideMenuModule, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SideMenuModule, deps: [{ token: i1$3.SideMenuProviderService }], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: SideMenuModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SideMenuModule, providers: [
             SideMenuProviderService,
             {
                 provide: SIDE_MENU_COMPONENT_TOKEN,
@@ -2313,7 +2218,7 @@ class SideMenuModule extends UnsubscribeComponent {
             }
         ] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SideMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SideMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [
@@ -2340,15 +2245,15 @@ class SnackbarComponent {
     constructor(config) {
         this.config = config;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SnackbarComponent, deps: [{ token: 'TOAST_CONFIG', optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SnackbarComponent, isStandalone: true, selector: "v-snackbar", inputs: { message: "message", icon: "icon", closeLabel: "closeLabel", color: "color", gravity: "gravity", position: "position", time: "time", type: "type" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SnackbarComponent, deps: [{ token: 'TOAST_CONFIG', optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: SnackbarComponent, isStandalone: true, selector: "v-snackbar", inputs: { message: "message", icon: "icon", closeLabel: "closeLabel", color: "color", gravity: "gravity", position: "position", time: "time", type: "type" }, providers: [
             {
                 provide: SNACKBAR_COMPONENT_TOKEN,
                 useExisting: SnackbarComponent,
             },
         ], ngImport: i0, template: "<gov-toast\n    [closeLabel]=\"config.closeLabel ?? closeLabel\"\n    [color]=\"config.color || color\"\n    [gravity]=\"config.gravity || gravity\"\n    [position]=\"config.position || position\"\n    [time]=\"config.time ?? time\"\n    [type]=\"config.type || type\"\n>\n    @if (config.icon || icon) {\n    <gov-icon\n        [name]=\"config.icon || icon\"\n    />\n    } {{ config.message || message }}\n</gov-toast>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "component", type: i2.GovToast, selector: "gov-toast", inputs: ["accessibleCloseLabel", "closeLabel", "color", "gravity", "position", "time", "type"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SnackbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SnackbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-snackbar', imports: [GovDesignSystemModule], providers: [
                         {
@@ -2437,10 +2342,10 @@ class SnackbarService {
             parent: this.injector,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SnackbarService, deps: [{ token: i1$4.Overlay }, { token: i3.TranslateService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SnackbarService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SnackbarService, deps: [{ token: i1$4.Overlay }, { token: i3.TranslateService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SnackbarService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SnackbarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SnackbarService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2471,12 +2376,12 @@ class StepperComponent {
             this.currentStep++;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: StepperComponent, isStandalone: true, selector: "v-stepper", inputs: { items: "items", size: "size", icon: "icon", prefix: "prefix", annotation: "annotation", label: "label", layout: "layout" }, outputs: { activeIndexChange: "activeIndexChange" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: StepperComponent, isStandalone: true, selector: "v-stepper", inputs: { items: "items", size: "size", icon: "icon", prefix: "prefix", annotation: "annotation", label: "label", layout: "layout" }, outputs: { activeIndexChange: "activeIndexChange" }, providers: [
             { provide: STEPPER_COMPONENT_TOKEN, useExisting: StepperComponent },
         ], ngImport: i0, template: "<gov-stepper \n  [ngClass]=\"layout === 'vertical' ? 'd-block' : 'd-flex justify-content-between'\"\n  [size]=\"size | govSize\"\n>\n  @for (item of items; track item; let index = $index) {\n  <gov-stepper-item\n    [ngClass]=\"{ 'active-step': index === currentStep }\"\n  >\n    <span \n      slot=\"prefix\"\n      [ngStyle]=\"{ 'background-color': index === currentStep ? 'var(--color-primary-300)' : 'var(--color-primary-600)' }\"\n    >\n      {{ item.prefix }}\n    </span>\n    <p slot=\"headline\">{{ item.header }}</p>\n    <p slot=\"annotation\">{{ item.annotation }}</p>\n  </gov-stepper-item>\n  }\n</gov-stepper>\n<div class=\"d-flex pt-4 justify-content-between\">\n  @if (currentStep > 0) {\n  <v-button\n    [label]=\"'Back'\"\n    [size]=\"size\"\n    (click)=\"previousStep()\"\n  />\n  }\n  @if (currentStep < steps - 1) {\n  <v-button\n    [label]=\"'Next'\"\n    [size]=\"size\"\n    (click)=\"nextStep()\"\n  />\n  }\n</div>", styles: ["gov-stepper-item,.gov-stepper-item{width:auto!important}.active-step{background-color:var(--color-primary-300);border:1px solid var(--color-primary-600);border-radius:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "library", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovStepper, selector: "gov-stepper", inputs: ["size"] }, { kind: "component", type: i2.GovStepperItem, selector: "gov-stepper-item", inputs: ["color", "identifier", "size"] }, { kind: "pipe", type: GovSizePipe, name: "govSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: StepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: StepperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-stepper', imports: [
                         CommonModule,
@@ -2512,13 +2417,13 @@ class SwitchComponent extends BaseFormInputComponent {
     constructor(ngControl) {
         super(ngControl);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SwitchComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SwitchComponent, isStandalone: true, selector: "v-switch", inputs: { size: "size", noLabel: "noLabel", name: "name" }, providers: [{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SwitchComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: SwitchComponent, isStandalone: true, selector: "v-switch", inputs: { size: "size", noLabel: "noLabel", name: "name" }, providers: [{
                 provide: SWITCH_COMPONENT_TOKEN,
                 useExisting: SwitchComponent,
             }], usesInheritance: true, ngImport: i0, template: "<gov-form-control>\n  <gov-form-switch\n    [formControl]=\"formControl\"\n    [size]=\"size | govSize\"\n    [required]=\"required\"\n    [name]=\"name\"\n    [invalid]=\"ngControl?.errors\"\n  >\n    @if (label && !noLabel) {\n    <gov-form-label [size]=\"size\" slot=\"label\">\n      {{ label }}\n    </gov-form-label>\n    }\n  </gov-form-switch>\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n</gov-form-control>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovFormControl, selector: "gov-form-control", inputs: ["disabled", "fieldset", "identifier", "invalid", "size", "success"] }, { kind: "component", type: i2.GovFormLabel, selector: "gov-form-label", inputs: ["identifier", "legend", "required", "size"] }, { kind: "component", type: i2.GovFormSwitch, selector: "gov-form-switch", inputs: ["checked", "disabled", "identifier", "invalid", "name", "noLabel", "required", "size", "value"] }, { kind: "directive", type: i2.BooleanValueAccessor, selector: "gov-form-checkbox,gov-form-switch" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "pipe", type: GovSizePipe, name: "govSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: "v-switch", imports: [
                         GovDesignSystemModule,
@@ -2542,94 +2447,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
             }] } });
 
 class TabViewItemComponent {
-    title;
+    id;
+    index;
     disabled = false;
+    title;
+    content;
     url;
     contentTemplate;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabViewItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: TabViewItemComponent, isStandalone: true, selector: "v-tab-view-item", inputs: { title: "title", disabled: "disabled", url: "url" }, viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0, template: `
-    <ng-template #content>
-      <ng-content></ng-content>
-    </ng-template>
-  `, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TabViewItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: TabViewItemComponent, isStandalone: true, selector: "v-tab-view-item", inputs: { id: "id", index: "index", disabled: "disabled", title: "title", content: "content", url: "url" }, viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], ngImport: i0, template: `<ng-template #contentTemplate>
+    <ng-content></ng-content>
+  </ng-template>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabViewItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TabViewItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'v-tab-view-item',
-                    standalone: true,
-                    template: `
-    <ng-template #content>
-      <ng-content></ng-content>
-    </ng-template>
-  `,
+                    template: `<ng-template #contentTemplate>
+    <ng-content></ng-content>
+  </ng-template>`
                 }]
-        }], propDecorators: { title: [{
+        }], propDecorators: { id: [{
+                type: Input
+            }], index: [{
                 type: Input
             }], disabled: [{
                 type: Input
+            }], title: [{
+                type: Input
+            }], content: [{
+                type: Input
             }], url: [{
                 type: Input
             }], contentTemplate: [{
                 type: ViewChild,
-                args: ['content', { static: true }]
+                args: ['contentTemplate', { static: true }]
             }] } });
 
 class TabViewComponent {
-    projectedTabs;
-    _mode = signal('content', ...(ngDevMode ? [{ debugName: "_mode" }] : []));
+    tabs;
+    highlight = false;
+    useRouting = false;
     items = [];
-    set mode(value) {
-        this._mode.set(value ?? 'content');
-    }
-    modeSig = this._mode.asReadonly();
-    _activeIndex = signal(0, ...(ngDevMode ? [{ debugName: "_activeIndex" }] : []));
-    set activeIndex(value) {
-        this._activeIndex.set(value ?? 0);
-    }
-    activeIndexSig = this._activeIndex.asReadonly();
+    activeIndex = 0;
     activeIndexChange = new EventEmitter();
-    tabs = signal([], ...(ngDevMode ? [{ debugName: "tabs" }] : []));
-    route = inject(ActivatedRoute);
-    router = inject(Router);
-    constructor() {
-        this.router.events.subscribe(event => {
-            if (event instanceof NavigationEnd) {
-                const idx = this.tabs().findIndex(tab => this.router.isActive(tab.url ?? '', false));
-                if (idx >= 0)
-                    this._activeIndex.set(idx);
-            }
-        });
-    }
+    cd = inject(ChangeDetectorRef);
     ngAfterContentInit() {
-        this.tabs.set(this.projectedTabs.toArray());
+        this.initTabs();
     }
-    selectTab(index) {
-        if (this.modeSig() === 'content' && this._activeIndex() !== index) {
-            this._activeIndex.set(index);
+    initTabs() {
+        this.items = [...this.tabs.toArray(), ...this.items];
+        this.cd.detectChanges();
+    }
+    changeTabIndex(index) {
+        if (this.activeIndex !== index) {
+            this.activeIndex = index;
+            this.activeIndexChange.emit(this.activeIndex);
         }
+        this.activeIndexChange.emit(index);
+        this.cd.detectChanges();
     }
-    get relativeRoute() {
-        return this.route;
+    setTabActive(options) {
+        options.forEach((_, index) => {
+            index === this.activeIndex;
+        });
+        this.cd.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: TabViewComponent, isStandalone: true, selector: "v-tab-view", inputs: { items: "items", mode: "mode", activeIndex: "activeIndex" }, outputs: { activeIndexChange: "activeIndexChange" }, queries: [{ propertyName: "projectedTabs", predicate: TabViewItemComponent }], ngImport: i0, template: "<div class=\"gov-tabs\">\n  <div class=\"gov-tabs__tabs\" role=\"tablist\">\n    @for (tab of tabs(); track tab; let i = $index) {\n      <button\n        class=\"gov-tabs__btn\"\n        role=\"tab\"\n        [disabled]=\"tab.disabled\"\n        [routerLink]=\"modeSig() === 'router' ? tab.url : null\"\n        [relativeTo]=\"modeSig() === 'router' ? relativeRoute : null\"\n        routerLinkActive=\"active\"\n        [routerLinkActiveOptions]=\"{ exact: true }\"\n        #rla=\"routerLinkActive\"\n        [attr.aria-selected]=\"\n        modeSig() === 'router'\n          ? rla.isActive\n          : activeIndexSig() === i\n        \"\n    (click)=\"modeSig() === 'content' && selectTab(i)\"\n    >\n      {{ tab.title | translate }}\n    </button>\n\n  }\n  </div>\n  <div class=\"gov-tabs__tabs\">\n  @if (modeSig() === 'content') {\n    <div class=\"gov-tabs__content\">\n      @for (tab of tabs(); track tab; let i = $index) {\n        <div class=\"gov-tabs__tab\" [class.active]=\"activeIndexSig() === i\">\n          <ng-container *ngTemplateOutlet=\"tab.contentTemplate\"></ng-container>\n        </div>\n      }\n    </div>\n  }\n\n  @if (modeSig() === 'router') {\n    <router-outlet></router-outlet>\n  }\n  </div>\n</div>\n", styles: [".gov-tabs__tabs{position:relative;width:100%;margin-bottom:0%;overflow-x:clip}.gov-tabs__tab{display:none;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.gov-tabs__tab.active{display:block;opacity:1;transform:translateY(0)}.gov-tabs__btn{font-size:medium;padding:10px 20px;border:none;border-bottom:2px solid transparent;font-weight:700}.gov-tabs__btn[aria-selected=true]:after{display:block;width:100%;height:2px;background-color:var(--border-primary);position:absolute;bottom:-2px;left:0}.gov-tabs__content{margin-top:var(--spacing-m-nudge);flex-wrap:wrap;width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TabViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: TabViewComponent, isStandalone: true, selector: "v-tab-view", inputs: { highlight: "highlight", useRouting: "useRouting", items: "items", activeIndex: "activeIndex" }, outputs: { activeIndexChange: "activeIndexChange" }, queries: [{ propertyName: "tabs", predicate: TabViewItemComponent }], ngImport: i0, template: "<div class=\"gov-tabs\">\n  <div class=\"gov-tabs__tabs\" role=\"tablist\">\n    @for (item of items; track item; let index = $index) {\n    @if (useRouting) {\n      <button\n        [attr.index]=\"index\"\n        class=\"gov-tabs__btn\"\n        [routerLink]=\"item.url\"\n        [routerLinkActive]=\"'active'\"\n        #rls=\"routerLinkActive\"\n        [attr.aria-selected]=\"rls.isActive\"\n        [disabled]=\"item.disabled\"\n        role=\"tab\"\n        [attr.activeIndex]=\"activeIndex\"\n        (click)=\"changeTabIndex(index)\"\n      >\n        {{ item.title | translate }}\n      </button>\n    } @else {\n      <button\n        [attr.index]=\"index\"\n        class=\"gov-tabs__btn\"\n        [attr.aria-selected]=\"activeIndex === index\"\n        [disabled]=\"item.disabled\"\n        role=\"tab\"\n        [attr.activeIndex]=\"activeIndex\"\n        (click)=\"changeTabIndex(index)\"\n      >\n        {{ item.title | translate }}\n      </button>}\n    }\n  </div>\n  <div class=\"gov-tabs__tabs\">\n    @for (item of items; track item; let index = $index) {\n      <div class=\"gov-tabs__tab\" [class.active]=\"activeIndex === index\" >\n        <div class=\"gov-tabs__list\">\n          <div class=\"gov-tabs__content\">\n            @if (item.contentTemplate) {\n              <ng-container *ngTemplateOutlet=\"item.contentTemplate\"></ng-container>\n            } @else if (item.content) {\n              {{ item.content }}\n            }\n          </div>\n        </div>\n      </div>\n    }\n    @if (useRouting) {\n      <router-outlet class=\"gov-tabs__content\"></router-outlet>\n    }\n  </div>\n</div>", styles: [".gov-tabs__tabs{position:relative;width:100%;margin-bottom:0%;overflow-x:clip}.gov-tabs__tab{display:none;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.gov-tabs__tab.active{display:block;opacity:1;transform:translateY(0)}.gov-tabs__btn{font-size:medium;padding:10px 20px;border:none;border-bottom:2px solid transparent;font-weight:700}.gov-tabs__btn[aria-selected=true]:after{display:block;width:100%;height:2px;background-color:var(--border-primary);position:absolute;bottom:-2px;left:0}.gov-tabs__content{margin-top:var(--spacing-m-nudge);flex-wrap:wrap;width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TabViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'v-tab-view', standalone: true, imports: [
-                        NgTemplateOutlet,
-                        RouterLink,
-                        RouterLinkActive,
-                        RouterOutlet,
-                        TranslatePipe,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"gov-tabs\">\n  <div class=\"gov-tabs__tabs\" role=\"tablist\">\n    @for (tab of tabs(); track tab; let i = $index) {\n      <button\n        class=\"gov-tabs__btn\"\n        role=\"tab\"\n        [disabled]=\"tab.disabled\"\n        [routerLink]=\"modeSig() === 'router' ? tab.url : null\"\n        [relativeTo]=\"modeSig() === 'router' ? relativeRoute : null\"\n        routerLinkActive=\"active\"\n        [routerLinkActiveOptions]=\"{ exact: true }\"\n        #rla=\"routerLinkActive\"\n        [attr.aria-selected]=\"\n        modeSig() === 'router'\n          ? rla.isActive\n          : activeIndexSig() === i\n        \"\n    (click)=\"modeSig() === 'content' && selectTab(i)\"\n    >\n      {{ tab.title | translate }}\n    </button>\n\n  }\n  </div>\n  <div class=\"gov-tabs__tabs\">\n  @if (modeSig() === 'content') {\n    <div class=\"gov-tabs__content\">\n      @for (tab of tabs(); track tab; let i = $index) {\n        <div class=\"gov-tabs__tab\" [class.active]=\"activeIndexSig() === i\">\n          <ng-container *ngTemplateOutlet=\"tab.contentTemplate\"></ng-container>\n        </div>\n      }\n    </div>\n  }\n\n  @if (modeSig() === 'router') {\n    <router-outlet></router-outlet>\n  }\n  </div>\n</div>\n", styles: [".gov-tabs__tabs{position:relative;width:100%;margin-bottom:0%;overflow-x:clip}.gov-tabs__tab{display:none;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.gov-tabs__tab.active{display:block;opacity:1;transform:translateY(0)}.gov-tabs__btn{font-size:medium;padding:10px 20px;border:none;border-bottom:2px solid transparent;font-weight:700}.gov-tabs__btn[aria-selected=true]:after{display:block;width:100%;height:2px;background-color:var(--border-primary);position:absolute;bottom:-2px;left:0}.gov-tabs__content{margin-top:var(--spacing-m-nudge);flex-wrap:wrap;width:100%}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { projectedTabs: [{
+            args: [{ selector: 'v-tab-view', imports: [NgTemplateOutlet, RouterOutlet, RouterLink, RouterLinkActive, TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<div class=\"gov-tabs\">\n  <div class=\"gov-tabs__tabs\" role=\"tablist\">\n    @for (item of items; track item; let index = $index) {\n    @if (useRouting) {\n      <button\n        [attr.index]=\"index\"\n        class=\"gov-tabs__btn\"\n        [routerLink]=\"item.url\"\n        [routerLinkActive]=\"'active'\"\n        #rls=\"routerLinkActive\"\n        [attr.aria-selected]=\"rls.isActive\"\n        [disabled]=\"item.disabled\"\n        role=\"tab\"\n        [attr.activeIndex]=\"activeIndex\"\n        (click)=\"changeTabIndex(index)\"\n      >\n        {{ item.title | translate }}\n      </button>\n    } @else {\n      <button\n        [attr.index]=\"index\"\n        class=\"gov-tabs__btn\"\n        [attr.aria-selected]=\"activeIndex === index\"\n        [disabled]=\"item.disabled\"\n        role=\"tab\"\n        [attr.activeIndex]=\"activeIndex\"\n        (click)=\"changeTabIndex(index)\"\n      >\n        {{ item.title | translate }}\n      </button>}\n    }\n  </div>\n  <div class=\"gov-tabs__tabs\">\n    @for (item of items; track item; let index = $index) {\n      <div class=\"gov-tabs__tab\" [class.active]=\"activeIndex === index\" >\n        <div class=\"gov-tabs__list\">\n          <div class=\"gov-tabs__content\">\n            @if (item.contentTemplate) {\n              <ng-container *ngTemplateOutlet=\"item.contentTemplate\"></ng-container>\n            } @else if (item.content) {\n              {{ item.content }}\n            }\n          </div>\n        </div>\n      </div>\n    }\n    @if (useRouting) {\n      <router-outlet class=\"gov-tabs__content\"></router-outlet>\n    }\n  </div>\n</div>", styles: [".gov-tabs__tabs{position:relative;width:100%;margin-bottom:0%;overflow-x:clip}.gov-tabs__tab{display:none;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.gov-tabs__tab.active{display:block;opacity:1;transform:translateY(0)}.gov-tabs__btn{font-size:medium;padding:10px 20px;border:none;border-bottom:2px solid transparent;font-weight:700}.gov-tabs__btn[aria-selected=true]:after{display:block;width:100%;height:2px;background-color:var(--border-primary);position:absolute;bottom:-2px;left:0}.gov-tabs__content{margin-top:var(--spacing-m-nudge);flex-wrap:wrap;width:100%}\n"] }]
+        }], propDecorators: { tabs: [{
                 type: ContentChildren,
                 args: [TabViewItemComponent]
-            }], items: [{
+            }], highlight: [{
                 type: Input
-            }], mode: [{
+            }], useRouting: [{
+                type: Input
+            }], items: [{
                 type: Input
             }], activeIndex: [{
                 type: Input
@@ -2645,10 +2542,10 @@ class TablePaginationInfoComponent {
     currentPage = 0;
     pageSize = 0;
     total = 0;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TablePaginationInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: TablePaginationInfoComponent, isStandalone: true, selector: "v-table-pagination-info", inputs: { showingText: "showingText", toText: "toText", ofText: "ofText", entriesText: "entriesText", currentPage: "currentPage", pageSize: "pageSize", total: "total" }, ngImport: i0, template: "<span>\n  {{ showingText }} {{ (currentPage - 1) * pageSize + 1 }} {{ toText }}\n  {{\n    currentPage * pageSize < total\n      ? currentPage * pageSize\n      : total\n  }}\n  {{ ofText }} {{ total }} {{ entriesText }}\n</span>" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TablePaginationInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: TablePaginationInfoComponent, isStandalone: true, selector: "v-table-pagination-info", inputs: { showingText: "showingText", toText: "toText", ofText: "ofText", entriesText: "entriesText", currentPage: "currentPage", pageSize: "pageSize", total: "total" }, ngImport: i0, template: "<span>\n  {{ showingText }} {{ (currentPage - 1) * pageSize + 1 }} {{ toText }}\n  {{\n    currentPage * pageSize < total\n      ? currentPage * pageSize\n      : total\n  }}\n  {{ ofText }} {{ total }} {{ entriesText }}\n</span>" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TablePaginationInfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TablePaginationInfoComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: "v-table-pagination-info", template: "<span>\n  {{ showingText }} {{ (currentPage - 1) * pageSize + 1 }} {{ toText }}\n  {{\n    currentPage * pageSize < total\n      ? currentPage * pageSize\n      : total\n  }}\n  {{ ofText }} {{ total }} {{ entriesText }}\n</span>" }]
         }], propDecorators: { showingText: [{
@@ -2719,7 +2616,6 @@ class TableComponent {
     download = new EventEmitter();
     delete = new EventEmitter();
     save = new EventEmitter();
-    tableRef;
     cdRef = inject(ChangeDetectorRef);
     router = inject(Router);
     route = inject(ActivatedRoute);
@@ -2730,11 +2626,6 @@ class TableComponent {
     pageSizeOptions = DEFAULT_PAGINATION.map((x) => ({ value: x.toString() }));
     allSelected = false;
     icons = Icons;
-    focusedIndex = -1;
-    isMouseDown = false;
-    dragActive = false;
-    dragStartIndex = -1;
-    initialSelectionSet = new Set();
     get govPageSize() {
         return this.pageSize.toString();
     }
@@ -2754,6 +2645,11 @@ class TableComponent {
     get selectedCount() {
         return this.selected.length;
     }
+    constructor() {
+        effect(() => {
+            this.reactToSignals();
+        });
+    }
     ngOnChanges(changes) {
         if (changes['data']) {
             this.updateRowModels();
@@ -2776,21 +2672,18 @@ class TableComponent {
             this.updateColumnModels();
             this.cdRef.detectChanges();
         }
-        this.tableRef.nativeElement.tabIndex = 0;
-        this.tableRef.nativeElement.addEventListener('keydown', this.handleKeydown.bind(this));
-    }
-    ngOnDestroy() {
-        this.tableRef.nativeElement.removeEventListener('keydown', this.handleKeydown.bind(this));
     }
     sortColumn(column) {
         if (column.sortable) {
             column.sortDirection = getNextSortDirection(column.sortDirection, this.sortMultiple);
             if (!this.sortMultiple) {
                 this.tableColumns
-                    .filter(x => x !== column)
-                    .forEach(x => (x.sortDirection = undefined));
+                    .filter((x) => x !== column)
+                    .forEach((x) => {
+                    x.sortDirection = undefined;
+                });
             }
-            const sorts = this.getSorts().map(x => ({
+            const sorts = this.getSorts().map((x) => ({
                 field: 'row.' + x.field,
                 direction: x.direction,
             }));
@@ -2811,14 +2704,14 @@ class TableComponent {
         this.currentPage = 1;
         this.fireLazyLoad();
     }
-    performClickSelect(row, event) {
+    selectRow(row, event) {
         if (event.ctrlKey || event.metaKey) {
             this.navigate(row, event);
             return;
         }
         if (this.selectionMode === 'single') {
             row.selected = !row.selected;
-            this.tableRows.forEach(x => (x !== row ? (x.selected = false) : null));
+            this.tableRows.forEach((x) => (x !== row ? (x.selected = false) : null));
             this.fireSelectionChange();
         }
         else if (this.selectionMode === 'multiple') {
@@ -2826,67 +2719,10 @@ class TableComponent {
             this.fireSelectionChange();
         }
     }
-    onRowMouseDown(row, index, event) {
-        if (event.button === 1) {
-            this.navigateNewWindow(row, event);
-            return;
-        }
-        if (this.selectionMode !== 'multiple') {
-            return;
-        }
-        this.isMouseDown = true;
-        this.dragActive = false;
-        this.dragStartIndex = index;
-        this.initialSelectionSet = new Set(this.tableRows.filter(r => r.selected).map(r => r.row));
-    }
-    onRowMouseEnter(index) {
-        this.setFocusedIndex(index);
-        if (this.isMouseDown && this.selectionMode === 'multiple') {
-            this.dragActive = true;
-            this.updateDragSelection(index);
-        }
-    }
-    onRowMouseUp(row, index, event) {
-        if (this.dragActive && this.selectionMode === 'multiple') {
-            this.updateDragSelection(index);
-            this.stopDrag();
-            return;
-        }
-        if (!this.isMouseDown) {
-            return;
-        }
-        if (!this.dragActive) {
-            this.performClickSelect(row, event);
-        }
-        this.stopDrag();
-    }
-    updateDragSelection(endIndex) {
-        const min = Math.min(this.dragStartIndex, endIndex);
-        const max = Math.max(this.dragStartIndex, endIndex);
-        this.tableRows.forEach((r, i) => {
-            if (this.initialSelectionSet.has(r.row)) {
-                r.selected = true;
-            }
-            else if (i >= min && i <= max) {
-                r.selected = true;
-            }
-            else {
-                r.selected = this.initialSelectionSet.has(r.row);
-            }
-        });
-        this.fireSelectionChange();
-        this.allSelected = this.tableRows.every(r => r.selected);
-        this.cdRef.markForCheck();
-    }
-    stopDrag() {
-        this.isMouseDown = false;
-        this.dragActive = false;
-        this.dragStartIndex = -1;
-        this.initialSelectionSet = new Set();
-    }
     navigate(row, event) {
-        if (this.disableCustomClicks)
+        if (this.disableCustomClicks) {
             return;
+        }
         event.preventDefault();
         const targetUrl = this.createUrl(row);
         if (event.ctrlKey || event.metaKey) {
@@ -2899,15 +2735,16 @@ class TableComponent {
         }
     }
     navigateNewWindow(row, event) {
-        if (this.disableCustomClicks || event.button !== 1)
+        if (this.disableCustomClicks || event.button !== 1) {
             return;
+        }
         event.preventDefault();
         const targetUrl = this.createUrl(row);
         window.open(this.router.serializeUrl(this.router.createUrlTree([targetUrl], { relativeTo: this.route })), '_blank');
     }
     toggleAll(event) {
         this.allSelected = event.detail.checked;
-        this.tableRows.forEach(x => (x.selected = this.allSelected));
+        this.tableRows.forEach((x) => (x.selected = this.allSelected));
         this.fireSelectionChange();
     }
     toggleDetail(row) {
@@ -2916,7 +2753,7 @@ class TableComponent {
     }
     selectRowCheckbox(row, event) {
         row.selected = event.detail.checked;
-        this.allSelected = this.tableRows.every(x => x.selected);
+        this.allSelected = this.tableRows.every((x) => x.selected);
         this.fireSelectionChange();
     }
     truncate(text) {
@@ -2926,101 +2763,49 @@ class TableComponent {
     }
     deselectAll() {
         this.allSelected = false;
-        this.tableRows.forEach(x => (x.selected = false));
-        this.fireSelectionChange();
-    }
-    setFocusedIndex(index) {
-        this.focusedIndex = index;
-        this.cdRef.markForCheck();
-    }
-    handleKeydown(event) {
-        const rows = this.tableRowView;
-        if (rows.length === 0)
-            return;
-        if (event.key === ' ' || event.code === 'Space') {
-            if (this.focusedIndex >= 0 && this.selectionMode) {
-                this.toggleSelection(rows[this.focusedIndex]);
-            }
-            event.preventDefault();
-            return;
-        }
-        let newIndex = this.focusedIndex;
-        switch (event.key) {
-            case 'ArrowDown':
-                newIndex = Math.min(newIndex + 1, rows.length - 1);
-                break;
-            case 'ArrowUp':
-                newIndex = Math.max(newIndex - 1, 0);
-                break;
-            case 'PageDown':
-                newIndex = Math.min(newIndex + 5, rows.length - 1);
-                break;
-            case 'PageUp':
-                newIndex = Math.max(newIndex - 5, 0);
-                break;
-            case 'Home':
-                newIndex = 0;
-                break;
-            case 'End':
-                newIndex = rows.length - 1;
-                break;
-            default:
-                return;
-        }
-        if (newIndex !== this.focusedIndex) {
-            this.focusedIndex = newIndex;
-            this.scrollRowIntoView(newIndex);
-            event.preventDefault();
-            this.cdRef.markForCheck();
-        }
-    }
-    toggleSelection(row) {
-        if (this.selectionMode === 'single') {
-            const shouldSelect = !row.selected;
-            this.tableRows.forEach(r => (r.selected = r === row && shouldSelect));
-        }
-        else if (this.selectionMode === 'multiple') {
-            row.selected = !row.selected;
-        }
-        this.fireSelectionChange();
-        this.allSelected = this.tableRows.every(r => r.selected);
-    }
-    scrollRowIntoView(index) {
-        const rowEl = this.tableRef.nativeElement.querySelectorAll('tbody tr.v-table__row')[index];
-        if (rowEl) {
-            rowEl.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-        }
+        this.tableRows.forEach(x => (x.selected = this.allSelected));
     }
     createUrl(row) {
-        return row.customRoute ?? row.id.toString();
+        if (row.customRoute) {
+            return row.customRoute;
+        }
+        return row.id.toString();
     }
     reactToSignals() {
         const reload = this.service.reload();
-        if (typeof reload === 'symbol' || reload.name === this.tableName) {
+        if (typeof reload === 'symbol') {
+            this.fireLazyLoad();
+        }
+        else if (reload.name === this.tableName) {
             this.fireLazyLoad();
         }
         this.deselectAll();
     }
     updateColumnModels() {
-        const viewColumns = this.viewColumns?.toArray().map(x => x.getDefinition());
-        this.tableColumns = [...(this._columns ?? []), ...(viewColumns ?? [])].map(x => new ColumnModel(x));
+        const viewColumns = this.viewColumns
+            ?.toArray()
+            .map((x) => x.getDefinition());
+        this.tableColumns = [...(this._columns ?? []), ...(viewColumns ?? [])].map((x) => new ColumnModel(x));
     }
     updateRowModels() {
-        this.tableRows = (this.data ?? []).map(x => new RowModel(x, false, false, undefined, undefined, undefined, this.customRoute, this.entityKey));
-        this.focusedIndex = -1;
+        this.tableRows = (this.data ?? []).map((x) => new RowModel(x, false, false, undefined, undefined, undefined, this.customRoute, this.entityKey));
     }
     fireSelectionChange() {
-        const selectedRows = this.tableRows.filter(x => x.selected).map(x => x.row);
+        const selectedRows = this.tableRows
+            .filter((x) => x.selected)
+            .map((x) => x.row);
         this.selectionChange.emit(selectedRows);
     }
     selectSelected() {
         if (this.selection?.length && this.selectionMode) {
-            const selection = this.selectionMode === TableSelectionMode.single ? [this.selection[0]] : this.selection;
+            const selection = this.selectionMode === TableSelectionMode.single
+                ? [this.selection[0]]
+                : this.selection;
             const selectionSet = new Set(selection);
-            this.tableRows.forEach(item => {
+            this.tableRows.forEach((item) => {
                 item.selected = selectionSet.has(item.row);
             });
-            this.allSelected = this.tableRows.every(x => x.selected);
+            this.allSelected = this.tableRows.every((x) => x.selected);
         }
     }
     fireLazyLoad() {
@@ -3037,32 +2822,23 @@ class TableComponent {
     }
     getSorts() {
         return this.tableColumns
-            .filter(x => x.sortable && x.sortDirection)
-            .map(x => ({
+            .filter((x) => x.sortable && x.sortDirection)
+            .map((x) => ({
             field: x.id,
             direction: x.sortDirection,
         }));
     }
-    getQueryParams(column, row) {
-        if (column.queryParams) {
-            if (typeof column.queryParams === 'function') {
-                return column.queryParams(row);
-            }
-            return column.queryParams;
-        }
-        return null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: TableComponent, isStandalone: true, selector: "v-table", inputs: { sorters: "sorters", data: "data", total: "total", filter: "filter", extraFilter: "extraFilter", loading: "loading", scrollable: "scrollable", pageSize: "pageSize", currentPage: "currentPage", showPaginator: "showPaginator", userTableWrapper: "userTableWrapper", sortMultiple: "sortMultiple", lazy: "lazy", selectionMode: "selectionMode", selection: "selection", showPageSizePicker: "showPageSizePicker", entityKey: "entityKey", customRoute: "customRoute", disableCustomClicks: "disableCustomClicks", tableName: "tableName", size: "size", showActionButtons: "showActionButtons", maximumColumnLength: "maximumColumnLength", columns: "columns" }, outputs: { selectionChange: "selectionChange", lazyLoad: "lazyLoad", download: "download", delete: "delete", save: "save" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: TableComponent, isStandalone: true, selector: "v-table", inputs: { sorters: "sorters", data: "data", total: "total", filter: "filter", extraFilter: "extraFilter", loading: "loading", scrollable: "scrollable", pageSize: "pageSize", currentPage: "currentPage", showPaginator: "showPaginator", userTableWrapper: "userTableWrapper", sortMultiple: "sortMultiple", lazy: "lazy", selectionMode: "selectionMode", selection: "selection", showPageSizePicker: "showPageSizePicker", entityKey: "entityKey", customRoute: "customRoute", disableCustomClicks: "disableCustomClicks", tableName: "tableName", size: "size", showActionButtons: "showActionButtons", maximumColumnLength: "maximumColumnLength", columns: "columns" }, outputs: { selectionChange: "selectionChange", lazyLoad: "lazyLoad", download: "download", delete: "delete", save: "save" }, providers: [
             {
                 provide: TABLE_COMPONENT_TOKEN,
                 useExisting: TableComponent,
             },
-        ], queries: [{ propertyName: "rowDetailTemplate", first: true, predicate: ["rowDetail"], descendants: true }, { propertyName: "rowDetailButtonTemplate", first: true, predicate: ["rowDetailButton"], descendants: true }, { propertyName: "viewColumns", predicate: TABLE_COLUMN_PROVIDER }], viewQueries: [{ propertyName: "tableRef", first: true, predicate: ["tableRef"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (selectionMode === 'multiple' && showActionButtons) {\n  <gov-flex class=\"gov-table-complex__actions mt-2\" justify-content=\"space-between\" align-items=\"center\">\n    <div class=\"gov-table-complex__records-selected\">\n      {{ selectedCount }} {{ ('TABLES.CHOSEN_RECORDS' | translate) ?? 'chosen records' }}\n    </div>\n    <div>\n      <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"delete.emit(selected)\">\n        {{ ('BUTTONS.DELETE' | translate) ?? 'Delete' }}\n      </gov-button>\n      <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"save.emit(selected)\">\n        {{ ('BUTTONS.SAVE' | translate) ?? 'Save' }}\n      </gov-button>\n      <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"download.emit(selected)\">\n        {{ ('BUTTONS.DOWNLOAD' | translate) ?? 'Download' }}\n      </gov-button>\n      <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"deselectAll()\">\n        {{ ('BUTTONS.CANCEL' | translate) ?? 'Cancel' }}\n      </gov-button>\n    </div>\n  </gov-flex>\n}\n\n<div class=\"v-table gov-table\" [attr.size]=\"size | govSize\">\n  <table #tableRef class=\"v-table__table\">\n    <thead class=\"v-table__head\">\n      <tr class=\"v-table__header\">\n        @if (rowDetailTemplate) {\n          <th></th>\n        }\n        @if (selectionMode === 'multiple') {\n          <th scope=\"col\">\n            <gov-form-checkbox [checked]=\"allSelected\" (gov-change)=\"toggleAll($event)\" />\n          </th>\n        }\n        @for (column of tableColumns; track column; let index = $index) {\n          @if (column.visible && column.forceVisibility !== 'hidden') {\n            <th scope=\"col\" [style]=\"{'text-align': column.textAlign}\" [class]=\"column.columnClass\">\n              <span\n                class=\"gov-table--fit-width\"\n                [class.v-table__sortable]=\"column.sortable\"\n                [class.v-table__sortable--desc]=\"column.sortable && column.sortDirection === 'desc'\"\n                [class.v-table__sortable--asc]=\"column.sortable && column.sortDirection === 'asc'\"\n                (click)=\"sortColumn(column)\"\n              >\n                {{ column.headerGetter(column.id, index) | translate }}\n              </span>\n            </th>\n          }\n        }\n        @if (rowDetailButtonTemplate) {\n          <th></th>\n        }\n      </tr>\n    </thead>\n\n    @if (loading) {\n      <v-loader />\n    } @else {\n      <tbody class=\"v-table__body\">\n        @for (data of tableRowView; track data.id; let rowIndex = $index) {\n          <tr\n            class=\"v-table__row\"\n            [class.gov-table--highlight]=\"data.selected && selectionMode\"\n            [class.v-table__row--focused]=\"rowIndex === focusedIndex\"\n            [attr.tabindex]=\"0\"\n            [attr.disable-custom-clicks]=\"disableCustomClicks || null\"\n            (mousedown)=\"onRowMouseDown(data, rowIndex, $event)\"\n            (mouseup)=\"onRowMouseUp(data, rowIndex, $event)\"\n            (mouseenter)=\"onRowMouseEnter(rowIndex)\"\n            (dblclick)=\"navigate(data, $event)\"\n          >\n            @if (rowDetailTemplate) {\n              <td>\n                <gov-button [size]=\"size | govSize\" color=\"primary\" type=\"solid\" (gov-click)=\"toggleDetail(data)\">\n                  <gov-icon\n                    [name]=\"data.expanded ? 'chevron-up' : 'chevron-down'\"\n                    [size]=\"size | govSize\"\n                    slot=\"icon-start\"\n                  ></gov-icon>\n                </gov-button>\n              </td>\n            }\n            @if (selectionMode === 'multiple') {\n              <td class=\"gov-table--fit-content gov-table--border-right\">\n                <gov-form-checkbox\n                  no-label\n                  [checked]=\"data.selected\"\n                  [size]=\"size | govSize\"\n                  (gov-change)=\"selectRowCheckbox(data, $event)\"\n                />\n              </td>\n            }\n            @for (column of tableColumns; track column; let columnIndex = $index) {\n              @if (column.visible && column.forceVisibility !== 'hidden') {\n                <td\n                  [style]=\"{'text-align': column.textAlign}\"\n                  [class]=\"column.columnClass!\"\n                  [class.v-auto-cell]=\"column.template\"\n                >\n                  @if (column.template) {\n                    <ng-container *ngTemplateOutlet=\"column.template; context: { $implicit: data.row }\"></ng-container>\n                  } @else {\n                    <span\n                      [routerLink]=\"column.routerLink ? column.routerLink(data.row) : null\"\n                      [queryParams]=\"getQueryParams(column, data.row)\"\n                      [innerHTML]=\"truncate(column.valueGetter(data.row, rowIndex))\"\n                      [attr.title]=\"column.valueGetter(data.row, rowIndex).length > maximumColumnLength ? column.valueGetter(data.row, rowIndex) : null\"\n                    ></span>\n                  }\n                </td>\n              }\n            }\n            @if (rowDetailButtonTemplate) {\n              <td>\n                <ng-container *ngTemplateOutlet=\"rowDetailButtonTemplate; context: { $implicit: data.row }\"></ng-container>\n              </td>\n            }\n          </tr>\n\n          @if (rowDetailTemplate && data.expanded) {\n            <tr>\n              <td [attr.colspan]=\"tableColumns.length + (selectionMode === 'multiple' ? 1 : 0) + (rowDetailTemplate ? 1 : 0) + (rowDetailButtonTemplate ? 1 : 0)\">\n                <ng-container *ngTemplateOutlet=\"rowDetailTemplate; context: { $implicit: data.row }\"></ng-container>\n              </td>\n            </tr>\n          }\n        }\n\n        @if (!tableRows.length && !loading) {\n          <tr>\n            <td [attr.colspan]=\"tableColumns.length + (selectionMode === 'multiple' ? 1 : 0) + (rowDetailTemplate ? 1 : 0) + (rowDetailButtonTemplate ? 1 : 0)\">\n              <gov-empty align=\"center\" [size]=\"size | govSize\">\n                <gov-icon slot=\"icon\" name=\"empty-file\" type=\"colored\" />\n                <p slot=\"headline\">\n                  {{ ('TABLES.EMPTY' | translate) ?? 'No records were found!' }}\n                </p>\n              </gov-empty>\n            </td>\n          </tr>\n        }\n      </tbody>\n    }\n  </table>\n\n  @if (showPaginator) {\n    <div class=\"v-table__paginator d-flex pt-3 pb-3\">\n      @if (tableRows.length) {\n        <div class=\"mt-2\">\n          <v-table-pagination-info\n            [showingText]=\"'TABLES.PAGINATION.SHOWING' | translate\"\n            [toText]=\"'TABLES.PAGINATION.TO' | translate\"\n            [ofText]=\"'TABLES.PAGINATION.OF' | translate\"\n            [entriesText]=\"'TABLES.PAGINATION.ENTRIES' | translate\"\n            [currentPage]=\"currentPage\"\n            [pageSize]=\"pageSize\"\n            [total]=\"total\"\n          />\n        </div>\n        <div class=\"ms-4\">\n          <gov-form-select\n            [options]=\"pageSizeOptions\"\n            [value]=\"govPageSize\"\n            (gov-change)=\"changePageSize($event)\"\n          />\n        </div>\n      }\n      <div class=\"ms-4\">\n        <gov-pagination\n          [current]=\"currentPage\"\n          [pageSize]=\"pageSize\"\n          [total]=\"total\"\n          [type]=\"'button'\"\n          (gov-page)=\"changePage($event)\"\n        />\n      </div>\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.v-table{position:relative;height:100%;display:flex;flex-direction:column}.v-table__sortable{transition:color .15s ease-in-out;cursor:pointer}.v-table__sortable:after{content:\"\\2191\\2193\";margin-left:.5rem;text-decoration:none;display:inline-block}.v-table__sortable--asc:after{content:\"\\2191\"}.v-table__sortable--desc:after{content:\"\\2193\"}.v-table__header{background-color:var(--background-block-primary);position:sticky;top:0;z-index:2}.v-table__table{width:100%}.v-table__paginator{background-color:var(--background-neutral-white);justify-content:end;position:sticky;bottom:0;z-index:3}.gov-table{width:100%;overflow-x:auto}.gov-table table{table-layout:auto;min-width:100%;border-collapse:collapse}.gov-table table tr.gov-table--highlight td{background-color:var(--background-primary-subtle)}.gov-table table th,.gov-table table td{border-bottom:1px solid var(--border-subtlest);text-align:left}.gov-table table th.gov-table--align-right,.gov-table table td.gov-table--align-right{text-align:right}.gov-table table th.gov-table--vertical-align-top,.gov-table table td.gov-table--vertical-align-top{vertical-align:top}.gov-table table th.gov-table--border-right,.gov-table table td.gov-table--border-right{border-right:1px solid var(--border-subtlest)}.gov-table table th.gov-table--border-left,.gov-table table td.gov-table--border-left{border-left:1px solid var(--border-subtlest)}.gov-table table th.gov-table--border-bottom-none,.gov-table table td.gov-table--border-bottom-none{border-bottom:none}.gov-table table th.gov-table--nowrap,.gov-table table td.gov-table--nowrap{white-space:nowrap}.gov-table table th.gov-table--fit-width,.gov-table table td.gov-table--fit-width{width:1px}.gov-table table th{color:var(--text-primary);background-color:var(--background-neutral-subtlest)}.gov-table table td{background-color:var(--background-neutral-white)}.gov-table table tr.open td{padding:var(--spacing-s) var(--spacing-m)}.gov-table summary::-webkit-details-marker{display:none}.gov-table[size=s] table{border-bottom-left-radius:var(--corner-radius-s);border-bottom-right-radius:var(--corner-radius-s)}.gov-table[size=s] table th,.gov-table[size=s] table td{height:var(--height-2xl);padding:0 var(--spacing-s);font-size:var(--font-size-body-s);line-height:150%;font-weight:400}.gov-table[size=s] table th{font-weight:700}.gov-table[size=m] table{border-bottom-left-radius:var(--corner-radius-m);border-bottom-right-radius:var(--corner-radius-m)}.gov-table[size=m] table th,.gov-table[size=m] table td{height:var(--height-3xl);padding:0 var(--spacing-m);font-size:var(--font-size-body-m);line-height:150%;font-weight:400}.gov-table[size=m] table th{font-weight:700}.gov-table[size=l] table{border-bottom-left-radius:var(--corner-radius-l);border-bottom-right-radius:var(--corner-radius-l)}.gov-table[size=l] table th,.gov-table[size=l] table td{height:var(--height-4xl);padding:0 var(--spacing-l);font-size:var(--font-size-body-l);line-height:150%;font-weight:400}.gov-table[size=l] table th{font-weight:700}.gov-table-complex__name,.gov-table-complex__description{margin:0;color:var(--text-primary)}.gov-table-complex__actions{color:var(--text-white-fixed);background-color:var(--background-primary);padding:var(--spacing-xs) var(--spacing-s)}.gov-table-complex__per-page{width:185px;white-space:nowrap}.v-table__row{transition:background-color .18s ease;cursor:pointer}.v-table__row:hover>td{background-color:var(--gov-color-primary-50, #f5faff)!important}.v-table__row.gov-table--highlight:hover>td{background-color:var(--gov-color-primary-100, #e6f0ff)!important}.v-table__row[disable-custom-clicks],.v-table__row.disable-custom-clicks{cursor:default!important;pointer-events:auto}.v-table__row[disable-custom-clicks]:hover>td,.v-table__row.disable-custom-clicks:hover>td{background-color:transparent!important;background-color:var(--gov-color-primary-50, #c5dbf2)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovButton, selector: "gov-button", inputs: ["color", "disabled", "download", "expanded", "expandedMobile", "focusable", "href", "hreflang", "identifier", "loading", "name", "nativeType", "referrerpolicy", "rel", "size", "target", "type"] }, { kind: "component", type: i2.GovEmpty, selector: "gov-empty", inputs: ["direction", "size"] }, { kind: "component", type: i2.GovFlex, selector: "gov-flex", inputs: ["alignContent", "alignItems", "alignSelf", "direction", "gap", "justifyContent", "responsive", "wrap"] }, { kind: "component", type: i2.GovFormCheckbox, selector: "gov-form-checkbox", inputs: ["checked", "disabled", "identifier", "indeterminate", "invalid", "name", "noLabel", "required", "size", "value"] }, { kind: "component", type: i2.GovFormSelect, selector: "gov-form-select", inputs: ["disabled", "identifier", "invalid", "name", "options", "required", "size", "success", "value"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "component", type: i2.GovPagination, selector: "gov-pagination", inputs: ["accessiblePageLabel", "accessibleSelectLabel", "color", "current", "labelEnd", "labelNext", "labelPrev", "labelStart", "link", "maxPages", "pageSize", "selectIdentifier", "size", "total", "type"] }, { kind: "directive", type: i2.BooleanValueAccessor, selector: "gov-form-checkbox,gov-form-switch" }, { kind: "directive", type: i2.SelectValueAccessor, selector: "gov-form-select, gov-form-multi-select" }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: LoaderComponent, selector: "v-loader", inputs: ["size", "message"] }, { kind: "component", type: TablePaginationInfoComponent, selector: "v-table-pagination-info", inputs: ["showingText", "toText", "ofText", "entriesText", "currentPage", "pageSize", "total"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: GovSizePipe, name: "govSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "rowDetailTemplate", first: true, predicate: ["rowDetail"], descendants: true }, { propertyName: "rowDetailButtonTemplate", first: true, predicate: ["rowDetailButton"], descendants: true }, { propertyName: "viewColumns", predicate: TABLE_COLUMN_PROVIDER }], usesOnChanges: true, ngImport: i0, template: "@if (selectionMode === 'multiple' && showActionButtons) {\n<gov-flex\n  class=\"gov-table-complex__actions mt-2\"\n  justify-content=\"space-between\"\n  align-items=\"center\"\n>\n  <div class=\"gov-table-complex__records-selected\">\n    {{ selectedCount }} {{ ('TABLES.CHOSEN_RECORDS' | translate) ?? 'chosen records'}}\n  </div>\n  <div>\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"delete.emit(selected)\">\n      {{ ('BUTTONS.DELETE' | translate) ?? 'Delete'}}\n    </gov-button>\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"save.emit(selected)\">\n      {{ ('BUTTONS.SAVE' | translate) ?? 'Save'}}\n    </gov-button>\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"download.emit(selected)\">\n      {{ ('BUTTONS.DOWNLOAD' | translate) ?? 'Download'}}\n    </gov-button>\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"deselectAll()\">\n      {{ ('BUTTONS.CANCEL' | translate) ?? 'Cancel'}}\n    </gov-button>\n  </div>\n</gov-flex>\n}\n\n<div\n  class=\" v-table gov-table\"\n  [attr.size]=\"size | govSize\"\n>\n  <table class=\"v-table__table\">\n    <thead class=\"v-table__head\">\n      <tr class=\"v-table__header\">\n        @if (this.rowDetailTemplate) {\n          <th></th>\n        } @if (selectionMode === 'multiple') {\n        <th scope=\"col\">\n          <gov-form-checkbox\n            [checked]=\"allSelected\"\n            (gov-change)=\"toggleAll($event)\"\n          />\n        </th>\n        }\n        @for (column of tableColumns; track column; let index = $index) {\n        @if (column.visible && column.forceVisibility !== 'hidden') {\n        <th\n          scope=\"col\"\n          [style]=\"{'text-align': column.textAlign}\"\n          [class]=\"column.columnClass\"\n        >\n          <span\n            class=\"gov-table--fit-width\"\n            [class.v-table__sortable]=\"column.sortable\"\n            [class.v-table__sortable--desc]=\"column.sortable && column.sortDirection === 'desc'\"\n            [class.v-table__sortable--asc]=\"column.sortable && column.sortDirection === 'asc'\"\n            (click)=\"sortColumn(column)\"\n          >\n            {{ column.headerGetter(column.id, index) | translate }}\n          </span>\n        </th>\n        } @if (this.rowDetailButtonTemplate) {\n        <th></th>\n        }}\n      </tr>\n    </thead>\n    @if (loading) {\n      <v-loader />\n    } @else {\n    <tbody class=\"v-table__body\">\n      @for (data of tableRowView; track data.id; let rowIndex = $index) {\n      <tr\n        class=\"v-table__row\"\n        [class.gov-table--highlight]=\"data.selected && selectionMode\"\n        (click)=\"selectRow(data, $event)\"\n        (dblclick)=\"navigate(data, $event)\"\n        (mousedown)=\"navigateNewWindow(data, $event)\"\n      >\n        @if (this.rowDetailTemplate) {\n        <td>\n          <gov-button\n            [size]=\"size | govSize\"\n            color=\"primary\"\n            type=\"solid\"\n            (gov-click)=\"toggleDetail(data)\"\n          >\n            <gov-icon\n              [name]=\"data.expanded ? 'chevron-up' : 'chevron-down'\"\n              [size]=\"size | govSize\"\n              slot=\"icon-start\"\n            ></gov-icon>\n          </gov-button>\n        </td>\n        } @if (selectionMode === 'multiple') {\n        <td class=\"gov-table--fit-content gov-table--border-right\">\n          <gov-form-checkbox\n            no-label\n            [checked]=\"data.selected\"\n            [size]=\"size | govSize\"\n            (gov-change)=\"selectRowCheckbox(data, $event)\"\n          />\n        </td>\n        }\n        @for (column of tableColumns; track column; let columnIndex = $index) {\n        @if (column.visible && column.forceVisibility !== 'hidden') {\n        <td\n          [style]=\"{'text-align': column.textAlign}\"\n          [class]=\"column.columnClass!\"\n          [class.v-auto-cell]=\"column.template\"\n        >\n          @if (column.template) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              column.template;\n              context: { $implicit: data.row }\n            \"\n          ></ng-container>\n          } @else {\n          <span\n            [queryParams]=\"column.queryParams ? column.queryParams : undefined\"\n            [routerLink]=\"column.routerLink ? column.routerLink(data.row) : undefined\"\n            [innerHTML]=\"truncate(column.valueGetter(data.row, rowIndex))\"\n            [attr.title]=\"\n              column.valueGetter(data.row, rowIndex).length > maximumColumnLength\n                ? column.valueGetter(data.row, rowIndex)\n                : null\n            \"\n          ></span>\n          }\n        </td>\n        @if (this.rowDetailButtonTemplate) {\n        <td scope=\"\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              this.rowDetailButtonTemplate;\n              context: { $implicit: data.row }\n            \"\n          ></ng-container>\n        </td>\n        }}}\n      </tr>\n      @if (this.rowDetailTemplate && data.expanded) {\n      <tr>\n        <td [attr.colspan]=\"tableColumns.length + 1\">\n          <ng-container\n            class=\"w-100\"\n            *ngTemplateOutlet=\"\n              this.rowDetailTemplate;\n              context: { $implicit: data.row }\n            \"\n          ></ng-container>\n        </td>\n      </tr>\n      } } @if (!tableRows.length && !loading){\n      <td [attr.colspan]=\"tableColumns.length\">\n        <gov-empty align=\"center\" [size]=\"size | govSize\">\n          <gov-icon slot=\"icon\" name=\"empty-file\" type=\"colored\"/>\n          <p slot=\"headline\">\n            {{ ('TABLES.EMPTY' | translate) ?? 'No records were found!' }}\n          </p>\n        </gov-empty>\n      </td>\n      }\n    </tbody>\n  }\n  </table>\n  @if(showPaginator) {\n  <div class=\"v-table__paginator d-flex pt-3 pb-3\">\n    @if (tableRows.length) {\n    <div class=\"mt-2\">\n      <v-table-pagination-info\n        [showingText]=\"'TABLES.PAGINATION.SHOWING' | translate\"\n        [toText]=\"'TABLES.PAGINATION.TO' | translate\"\n        [ofText]=\"'TABLES.PAGINATION.OF' | translate\"\n        [entriesText]=\"'TABLES.PAGINATION.ENTRIES' | translate\"\n        [currentPage]=\"currentPage\"\n        [pageSize]=\"pageSize\"\n        [total]=\"total\"\n      />\n    </div>\n    <div class=\"ms-4\">\n      <gov-form-select\n        [options]=\"pageSizeOptions\"\n        [value]=\"govPageSize\"\n        (gov-change)=\"changePageSize($event)\"\n      />\n    </div>\n    }\n    <div class=\"ms-4\">\n      <gov-pagination\n        [current]=\"currentPage\"\n        [pageSize]=\"pageSize\"\n        [total]=\"total\"\n        [type]=\"'button'\"\n        (gov-page)=\"changePage($event)\"\n      />\n    </div>\n  </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.v-table{position:relative;height:100%;display:flex;flex-direction:column}.v-table__sortable{transition:color .15s ease-in-out;cursor:pointer}.v-table__sortable:after{content:\"\\2191\\2193\";margin-left:.5rem;text-decoration:none;display:inline-block}.v-table__sortable--asc:after{content:\"\\2191\"}.v-table__sortable--desc:after{content:\"\\2193\"}.v-table__header{background-color:var(--background-block-primary);position:sticky;top:0;z-index:2}.v-table__table{width:100%}.v-table__paginator{background-color:var(--background-neutral-white);justify-content:end;position:sticky;bottom:0;z-index:3}.gov-table{width:100%;overflow-x:auto}.gov-table table{table-layout:auto;min-width:100%;border-collapse:collapse}.gov-table table tr.gov-table--highlight td{background-color:var(--background-primary-subtle)}.gov-table table th,.gov-table table td{border-bottom:1px solid var(--border-subtlest);text-align:left}.gov-table table th.gov-table--align-right,.gov-table table td.gov-table--align-right{text-align:right}.gov-table table th.gov-table--vertical-align-top,.gov-table table td.gov-table--vertical-align-top{vertical-align:top}.gov-table table th.gov-table--border-right,.gov-table table td.gov-table--border-right{border-right:1px solid var(--border-subtlest)}.gov-table table th.gov-table--border-left,.gov-table table td.gov-table--border-left{border-left:1px solid var(--border-subtlest)}.gov-table table th.gov-table--border-bottom-none,.gov-table table td.gov-table--border-bottom-none{border-bottom:none}.gov-table table th.gov-table--nowrap,.gov-table table td.gov-table--nowrap{white-space:nowrap}.gov-table table th.gov-table--fit-width,.gov-table table td.gov-table--fit-width{width:1px}.gov-table table th{color:var(--text-primary);background-color:var(--background-neutral-subtlest)}.gov-table table td{background-color:var(--background-neutral-white)}.gov-table table tr.open td{padding:var(--spacing-s) var(--spacing-m)}.gov-table summary::-webkit-details-marker{display:none}.gov-table[size=s] table{border-bottom-left-radius:var(--corner-radius-s);border-bottom-right-radius:var(--corner-radius-s)}.gov-table[size=s] table th,.gov-table[size=s] table td{height:var(--height-2xl);padding:0 var(--spacing-s);font-size:var(--font-size-body-s);line-height:150%;font-weight:400}.gov-table[size=s] table th{font-weight:700}.gov-table[size=m] table{border-bottom-left-radius:var(--corner-radius-m);border-bottom-right-radius:var(--corner-radius-m)}.gov-table[size=m] table th,.gov-table[size=m] table td{height:var(--height-3xl);padding:0 var(--spacing-m);font-size:var(--font-size-body-m);line-height:150%;font-weight:400}.gov-table[size=m] table th{font-weight:700}.gov-table[size=l] table{border-bottom-left-radius:var(--corner-radius-l);border-bottom-right-radius:var(--corner-radius-l)}.gov-table[size=l] table th,.gov-table[size=l] table td{height:var(--height-4xl);padding:0 var(--spacing-l);font-size:var(--font-size-body-l);line-height:150%;font-weight:400}.gov-table[size=l] table th{font-weight:700}.gov-table-complex__name,.gov-table-complex__description{margin:0;color:var(--text-primary)}.gov-table-complex__actions{color:var(--text-white-fixed);background-color:var(--background-primary);padding:var(--spacing-xs) var(--spacing-s)}.gov-table-complex__per-page{width:185px;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovButton, selector: "gov-button", inputs: ["color", "disabled", "download", "expanded", "expandedMobile", "focusable", "href", "hreflang", "identifier", "loading", "name", "nativeType", "referrerpolicy", "rel", "size", "target", "type"] }, { kind: "component", type: i2.GovEmpty, selector: "gov-empty", inputs: ["direction", "size"] }, { kind: "component", type: i2.GovFlex, selector: "gov-flex", inputs: ["alignContent", "alignItems", "alignSelf", "direction", "gap", "justifyContent", "responsive", "wrap"] }, { kind: "component", type: i2.GovFormCheckbox, selector: "gov-form-checkbox", inputs: ["checked", "disabled", "identifier", "indeterminate", "invalid", "name", "noLabel", "required", "size", "value"] }, { kind: "component", type: i2.GovFormSelect, selector: "gov-form-select", inputs: ["disabled", "identifier", "invalid", "name", "options", "required", "size", "success", "value"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "component", type: i2.GovPagination, selector: "gov-pagination", inputs: ["accessiblePageLabel", "accessibleSelectLabel", "color", "current", "labelEnd", "labelNext", "labelPrev", "labelStart", "link", "maxPages", "pageSize", "selectIdentifier", "size", "total", "type"] }, { kind: "directive", type: i2.BooleanValueAccessor, selector: "gov-form-checkbox,gov-form-switch" }, { kind: "directive", type: i2.SelectValueAccessor, selector: "gov-form-select, gov-form-multi-select" }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: LoaderComponent, selector: "v-loader", inputs: ["size", "message"] }, { kind: "component", type: TablePaginationInfoComponent, selector: "v-table-pagination-info", inputs: ["showingText", "toText", "ofText", "entriesText", "currentPage", "pageSize", "total"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: GovSizePipe, name: "govSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'v-table', standalone: true, imports: [
+            args: [{ selector: 'v-table', imports: [
                         CommonModule,
                         RouterModule,
                         GovDesignSystemModule,
@@ -3076,8 +2852,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                             provide: TABLE_COMPONENT_TOKEN,
                             useExisting: TableComponent,
                         },
-                    ], template: "@if (selectionMode === 'multiple' && showActionButtons) {\n  <gov-flex class=\"gov-table-complex__actions mt-2\" justify-content=\"space-between\" align-items=\"center\">\n    <div class=\"gov-table-complex__records-selected\">\n      {{ selectedCount }} {{ ('TABLES.CHOSEN_RECORDS' | translate) ?? 'chosen records' }}\n    </div>\n    <div>\n      <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"delete.emit(selected)\">\n        {{ ('BUTTONS.DELETE' | translate) ?? 'Delete' }}\n      </gov-button>\n      <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"save.emit(selected)\">\n        {{ ('BUTTONS.SAVE' | translate) ?? 'Save' }}\n      </gov-button>\n      <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"download.emit(selected)\">\n        {{ ('BUTTONS.DOWNLOAD' | translate) ?? 'Download' }}\n      </gov-button>\n      <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"deselectAll()\">\n        {{ ('BUTTONS.CANCEL' | translate) ?? 'Cancel' }}\n      </gov-button>\n    </div>\n  </gov-flex>\n}\n\n<div class=\"v-table gov-table\" [attr.size]=\"size | govSize\">\n  <table #tableRef class=\"v-table__table\">\n    <thead class=\"v-table__head\">\n      <tr class=\"v-table__header\">\n        @if (rowDetailTemplate) {\n          <th></th>\n        }\n        @if (selectionMode === 'multiple') {\n          <th scope=\"col\">\n            <gov-form-checkbox [checked]=\"allSelected\" (gov-change)=\"toggleAll($event)\" />\n          </th>\n        }\n        @for (column of tableColumns; track column; let index = $index) {\n          @if (column.visible && column.forceVisibility !== 'hidden') {\n            <th scope=\"col\" [style]=\"{'text-align': column.textAlign}\" [class]=\"column.columnClass\">\n              <span\n                class=\"gov-table--fit-width\"\n                [class.v-table__sortable]=\"column.sortable\"\n                [class.v-table__sortable--desc]=\"column.sortable && column.sortDirection === 'desc'\"\n                [class.v-table__sortable--asc]=\"column.sortable && column.sortDirection === 'asc'\"\n                (click)=\"sortColumn(column)\"\n              >\n                {{ column.headerGetter(column.id, index) | translate }}\n              </span>\n            </th>\n          }\n        }\n        @if (rowDetailButtonTemplate) {\n          <th></th>\n        }\n      </tr>\n    </thead>\n\n    @if (loading) {\n      <v-loader />\n    } @else {\n      <tbody class=\"v-table__body\">\n        @for (data of tableRowView; track data.id; let rowIndex = $index) {\n          <tr\n            class=\"v-table__row\"\n            [class.gov-table--highlight]=\"data.selected && selectionMode\"\n            [class.v-table__row--focused]=\"rowIndex === focusedIndex\"\n            [attr.tabindex]=\"0\"\n            [attr.disable-custom-clicks]=\"disableCustomClicks || null\"\n            (mousedown)=\"onRowMouseDown(data, rowIndex, $event)\"\n            (mouseup)=\"onRowMouseUp(data, rowIndex, $event)\"\n            (mouseenter)=\"onRowMouseEnter(rowIndex)\"\n            (dblclick)=\"navigate(data, $event)\"\n          >\n            @if (rowDetailTemplate) {\n              <td>\n                <gov-button [size]=\"size | govSize\" color=\"primary\" type=\"solid\" (gov-click)=\"toggleDetail(data)\">\n                  <gov-icon\n                    [name]=\"data.expanded ? 'chevron-up' : 'chevron-down'\"\n                    [size]=\"size | govSize\"\n                    slot=\"icon-start\"\n                  ></gov-icon>\n                </gov-button>\n              </td>\n            }\n            @if (selectionMode === 'multiple') {\n              <td class=\"gov-table--fit-content gov-table--border-right\">\n                <gov-form-checkbox\n                  no-label\n                  [checked]=\"data.selected\"\n                  [size]=\"size | govSize\"\n                  (gov-change)=\"selectRowCheckbox(data, $event)\"\n                />\n              </td>\n            }\n            @for (column of tableColumns; track column; let columnIndex = $index) {\n              @if (column.visible && column.forceVisibility !== 'hidden') {\n                <td\n                  [style]=\"{'text-align': column.textAlign}\"\n                  [class]=\"column.columnClass!\"\n                  [class.v-auto-cell]=\"column.template\"\n                >\n                  @if (column.template) {\n                    <ng-container *ngTemplateOutlet=\"column.template; context: { $implicit: data.row }\"></ng-container>\n                  } @else {\n                    <span\n                      [routerLink]=\"column.routerLink ? column.routerLink(data.row) : null\"\n                      [queryParams]=\"getQueryParams(column, data.row)\"\n                      [innerHTML]=\"truncate(column.valueGetter(data.row, rowIndex))\"\n                      [attr.title]=\"column.valueGetter(data.row, rowIndex).length > maximumColumnLength ? column.valueGetter(data.row, rowIndex) : null\"\n                    ></span>\n                  }\n                </td>\n              }\n            }\n            @if (rowDetailButtonTemplate) {\n              <td>\n                <ng-container *ngTemplateOutlet=\"rowDetailButtonTemplate; context: { $implicit: data.row }\"></ng-container>\n              </td>\n            }\n          </tr>\n\n          @if (rowDetailTemplate && data.expanded) {\n            <tr>\n              <td [attr.colspan]=\"tableColumns.length + (selectionMode === 'multiple' ? 1 : 0) + (rowDetailTemplate ? 1 : 0) + (rowDetailButtonTemplate ? 1 : 0)\">\n                <ng-container *ngTemplateOutlet=\"rowDetailTemplate; context: { $implicit: data.row }\"></ng-container>\n              </td>\n            </tr>\n          }\n        }\n\n        @if (!tableRows.length && !loading) {\n          <tr>\n            <td [attr.colspan]=\"tableColumns.length + (selectionMode === 'multiple' ? 1 : 0) + (rowDetailTemplate ? 1 : 0) + (rowDetailButtonTemplate ? 1 : 0)\">\n              <gov-empty align=\"center\" [size]=\"size | govSize\">\n                <gov-icon slot=\"icon\" name=\"empty-file\" type=\"colored\" />\n                <p slot=\"headline\">\n                  {{ ('TABLES.EMPTY' | translate) ?? 'No records were found!' }}\n                </p>\n              </gov-empty>\n            </td>\n          </tr>\n        }\n      </tbody>\n    }\n  </table>\n\n  @if (showPaginator) {\n    <div class=\"v-table__paginator d-flex pt-3 pb-3\">\n      @if (tableRows.length) {\n        <div class=\"mt-2\">\n          <v-table-pagination-info\n            [showingText]=\"'TABLES.PAGINATION.SHOWING' | translate\"\n            [toText]=\"'TABLES.PAGINATION.TO' | translate\"\n            [ofText]=\"'TABLES.PAGINATION.OF' | translate\"\n            [entriesText]=\"'TABLES.PAGINATION.ENTRIES' | translate\"\n            [currentPage]=\"currentPage\"\n            [pageSize]=\"pageSize\"\n            [total]=\"total\"\n          />\n        </div>\n        <div class=\"ms-4\">\n          <gov-form-select\n            [options]=\"pageSizeOptions\"\n            [value]=\"govPageSize\"\n            (gov-change)=\"changePageSize($event)\"\n          />\n        </div>\n      }\n      <div class=\"ms-4\">\n        <gov-pagination\n          [current]=\"currentPage\"\n          [pageSize]=\"pageSize\"\n          [total]=\"total\"\n          [type]=\"'button'\"\n          (gov-page)=\"changePage($event)\"\n        />\n      </div>\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.v-table{position:relative;height:100%;display:flex;flex-direction:column}.v-table__sortable{transition:color .15s ease-in-out;cursor:pointer}.v-table__sortable:after{content:\"\\2191\\2193\";margin-left:.5rem;text-decoration:none;display:inline-block}.v-table__sortable--asc:after{content:\"\\2191\"}.v-table__sortable--desc:after{content:\"\\2193\"}.v-table__header{background-color:var(--background-block-primary);position:sticky;top:0;z-index:2}.v-table__table{width:100%}.v-table__paginator{background-color:var(--background-neutral-white);justify-content:end;position:sticky;bottom:0;z-index:3}.gov-table{width:100%;overflow-x:auto}.gov-table table{table-layout:auto;min-width:100%;border-collapse:collapse}.gov-table table tr.gov-table--highlight td{background-color:var(--background-primary-subtle)}.gov-table table th,.gov-table table td{border-bottom:1px solid var(--border-subtlest);text-align:left}.gov-table table th.gov-table--align-right,.gov-table table td.gov-table--align-right{text-align:right}.gov-table table th.gov-table--vertical-align-top,.gov-table table td.gov-table--vertical-align-top{vertical-align:top}.gov-table table th.gov-table--border-right,.gov-table table td.gov-table--border-right{border-right:1px solid var(--border-subtlest)}.gov-table table th.gov-table--border-left,.gov-table table td.gov-table--border-left{border-left:1px solid var(--border-subtlest)}.gov-table table th.gov-table--border-bottom-none,.gov-table table td.gov-table--border-bottom-none{border-bottom:none}.gov-table table th.gov-table--nowrap,.gov-table table td.gov-table--nowrap{white-space:nowrap}.gov-table table th.gov-table--fit-width,.gov-table table td.gov-table--fit-width{width:1px}.gov-table table th{color:var(--text-primary);background-color:var(--background-neutral-subtlest)}.gov-table table td{background-color:var(--background-neutral-white)}.gov-table table tr.open td{padding:var(--spacing-s) var(--spacing-m)}.gov-table summary::-webkit-details-marker{display:none}.gov-table[size=s] table{border-bottom-left-radius:var(--corner-radius-s);border-bottom-right-radius:var(--corner-radius-s)}.gov-table[size=s] table th,.gov-table[size=s] table td{height:var(--height-2xl);padding:0 var(--spacing-s);font-size:var(--font-size-body-s);line-height:150%;font-weight:400}.gov-table[size=s] table th{font-weight:700}.gov-table[size=m] table{border-bottom-left-radius:var(--corner-radius-m);border-bottom-right-radius:var(--corner-radius-m)}.gov-table[size=m] table th,.gov-table[size=m] table td{height:var(--height-3xl);padding:0 var(--spacing-m);font-size:var(--font-size-body-m);line-height:150%;font-weight:400}.gov-table[size=m] table th{font-weight:700}.gov-table[size=l] table{border-bottom-left-radius:var(--corner-radius-l);border-bottom-right-radius:var(--corner-radius-l)}.gov-table[size=l] table th,.gov-table[size=l] table td{height:var(--height-4xl);padding:0 var(--spacing-l);font-size:var(--font-size-body-l);line-height:150%;font-weight:400}.gov-table[size=l] table th{font-weight:700}.gov-table-complex__name,.gov-table-complex__description{margin:0;color:var(--text-primary)}.gov-table-complex__actions{color:var(--text-white-fixed);background-color:var(--background-primary);padding:var(--spacing-xs) var(--spacing-s)}.gov-table-complex__per-page{width:185px;white-space:nowrap}.v-table__row{transition:background-color .18s ease;cursor:pointer}.v-table__row:hover>td{background-color:var(--gov-color-primary-50, #f5faff)!important}.v-table__row.gov-table--highlight:hover>td{background-color:var(--gov-color-primary-100, #e6f0ff)!important}.v-table__row[disable-custom-clicks],.v-table__row.disable-custom-clicks{cursor:default!important;pointer-events:auto}.v-table__row[disable-custom-clicks]:hover>td,.v-table__row.disable-custom-clicks:hover>td{background-color:transparent!important;background-color:var(--gov-color-primary-50, #c5dbf2)!important}\n"] }]
-        }], propDecorators: { viewColumns: [{
+                    ], template: "@if (selectionMode === 'multiple' && showActionButtons) {\n<gov-flex\n  class=\"gov-table-complex__actions mt-2\"\n  justify-content=\"space-between\"\n  align-items=\"center\"\n>\n  <div class=\"gov-table-complex__records-selected\">\n    {{ selectedCount }} {{ ('TABLES.CHOSEN_RECORDS' | translate) ?? 'chosen records'}}\n  </div>\n  <div>\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"delete.emit(selected)\">\n      {{ ('BUTTONS.DELETE' | translate) ?? 'Delete'}}\n    </gov-button>\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"save.emit(selected)\">\n      {{ ('BUTTONS.SAVE' | translate) ?? 'Save'}}\n    </gov-button>\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"download.emit(selected)\">\n      {{ ('BUTTONS.DOWNLOAD' | translate) ?? 'Download'}}\n    </gov-button>\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"deselectAll()\">\n      {{ ('BUTTONS.CANCEL' | translate) ?? 'Cancel'}}\n    </gov-button>\n  </div>\n</gov-flex>\n}\n\n<div\n  class=\" v-table gov-table\"\n  [attr.size]=\"size | govSize\"\n>\n  <table class=\"v-table__table\">\n    <thead class=\"v-table__head\">\n      <tr class=\"v-table__header\">\n        @if (this.rowDetailTemplate) {\n          <th></th>\n        } @if (selectionMode === 'multiple') {\n        <th scope=\"col\">\n          <gov-form-checkbox\n            [checked]=\"allSelected\"\n            (gov-change)=\"toggleAll($event)\"\n          />\n        </th>\n        }\n        @for (column of tableColumns; track column; let index = $index) {\n        @if (column.visible && column.forceVisibility !== 'hidden') {\n        <th\n          scope=\"col\"\n          [style]=\"{'text-align': column.textAlign}\"\n          [class]=\"column.columnClass\"\n        >\n          <span\n            class=\"gov-table--fit-width\"\n            [class.v-table__sortable]=\"column.sortable\"\n            [class.v-table__sortable--desc]=\"column.sortable && column.sortDirection === 'desc'\"\n            [class.v-table__sortable--asc]=\"column.sortable && column.sortDirection === 'asc'\"\n            (click)=\"sortColumn(column)\"\n          >\n            {{ column.headerGetter(column.id, index) | translate }}\n          </span>\n        </th>\n        } @if (this.rowDetailButtonTemplate) {\n        <th></th>\n        }}\n      </tr>\n    </thead>\n    @if (loading) {\n      <v-loader />\n    } @else {\n    <tbody class=\"v-table__body\">\n      @for (data of tableRowView; track data.id; let rowIndex = $index) {\n      <tr\n        class=\"v-table__row\"\n        [class.gov-table--highlight]=\"data.selected && selectionMode\"\n        (click)=\"selectRow(data, $event)\"\n        (dblclick)=\"navigate(data, $event)\"\n        (mousedown)=\"navigateNewWindow(data, $event)\"\n      >\n        @if (this.rowDetailTemplate) {\n        <td>\n          <gov-button\n            [size]=\"size | govSize\"\n            color=\"primary\"\n            type=\"solid\"\n            (gov-click)=\"toggleDetail(data)\"\n          >\n            <gov-icon\n              [name]=\"data.expanded ? 'chevron-up' : 'chevron-down'\"\n              [size]=\"size | govSize\"\n              slot=\"icon-start\"\n            ></gov-icon>\n          </gov-button>\n        </td>\n        } @if (selectionMode === 'multiple') {\n        <td class=\"gov-table--fit-content gov-table--border-right\">\n          <gov-form-checkbox\n            no-label\n            [checked]=\"data.selected\"\n            [size]=\"size | govSize\"\n            (gov-change)=\"selectRowCheckbox(data, $event)\"\n          />\n        </td>\n        }\n        @for (column of tableColumns; track column; let columnIndex = $index) {\n        @if (column.visible && column.forceVisibility !== 'hidden') {\n        <td\n          [style]=\"{'text-align': column.textAlign}\"\n          [class]=\"column.columnClass!\"\n          [class.v-auto-cell]=\"column.template\"\n        >\n          @if (column.template) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              column.template;\n              context: { $implicit: data.row }\n            \"\n          ></ng-container>\n          } @else {\n          <span\n            [queryParams]=\"column.queryParams ? column.queryParams : undefined\"\n            [routerLink]=\"column.routerLink ? column.routerLink(data.row) : undefined\"\n            [innerHTML]=\"truncate(column.valueGetter(data.row, rowIndex))\"\n            [attr.title]=\"\n              column.valueGetter(data.row, rowIndex).length > maximumColumnLength\n                ? column.valueGetter(data.row, rowIndex)\n                : null\n            \"\n          ></span>\n          }\n        </td>\n        @if (this.rowDetailButtonTemplate) {\n        <td scope=\"\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              this.rowDetailButtonTemplate;\n              context: { $implicit: data.row }\n            \"\n          ></ng-container>\n        </td>\n        }}}\n      </tr>\n      @if (this.rowDetailTemplate && data.expanded) {\n      <tr>\n        <td [attr.colspan]=\"tableColumns.length + 1\">\n          <ng-container\n            class=\"w-100\"\n            *ngTemplateOutlet=\"\n              this.rowDetailTemplate;\n              context: { $implicit: data.row }\n            \"\n          ></ng-container>\n        </td>\n      </tr>\n      } } @if (!tableRows.length && !loading){\n      <td [attr.colspan]=\"tableColumns.length\">\n        <gov-empty align=\"center\" [size]=\"size | govSize\">\n          <gov-icon slot=\"icon\" name=\"empty-file\" type=\"colored\"/>\n          <p slot=\"headline\">\n            {{ ('TABLES.EMPTY' | translate) ?? 'No records were found!' }}\n          </p>\n        </gov-empty>\n      </td>\n      }\n    </tbody>\n  }\n  </table>\n  @if(showPaginator) {\n  <div class=\"v-table__paginator d-flex pt-3 pb-3\">\n    @if (tableRows.length) {\n    <div class=\"mt-2\">\n      <v-table-pagination-info\n        [showingText]=\"'TABLES.PAGINATION.SHOWING' | translate\"\n        [toText]=\"'TABLES.PAGINATION.TO' | translate\"\n        [ofText]=\"'TABLES.PAGINATION.OF' | translate\"\n        [entriesText]=\"'TABLES.PAGINATION.ENTRIES' | translate\"\n        [currentPage]=\"currentPage\"\n        [pageSize]=\"pageSize\"\n        [total]=\"total\"\n      />\n    </div>\n    <div class=\"ms-4\">\n      <gov-form-select\n        [options]=\"pageSizeOptions\"\n        [value]=\"govPageSize\"\n        (gov-change)=\"changePageSize($event)\"\n      />\n    </div>\n    }\n    <div class=\"ms-4\">\n      <gov-pagination\n        [current]=\"currentPage\"\n        [pageSize]=\"pageSize\"\n        [total]=\"total\"\n        [type]=\"'button'\"\n        (gov-page)=\"changePage($event)\"\n      />\n    </div>\n  </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.v-table{position:relative;height:100%;display:flex;flex-direction:column}.v-table__sortable{transition:color .15s ease-in-out;cursor:pointer}.v-table__sortable:after{content:\"\\2191\\2193\";margin-left:.5rem;text-decoration:none;display:inline-block}.v-table__sortable--asc:after{content:\"\\2191\"}.v-table__sortable--desc:after{content:\"\\2193\"}.v-table__header{background-color:var(--background-block-primary);position:sticky;top:0;z-index:2}.v-table__table{width:100%}.v-table__paginator{background-color:var(--background-neutral-white);justify-content:end;position:sticky;bottom:0;z-index:3}.gov-table{width:100%;overflow-x:auto}.gov-table table{table-layout:auto;min-width:100%;border-collapse:collapse}.gov-table table tr.gov-table--highlight td{background-color:var(--background-primary-subtle)}.gov-table table th,.gov-table table td{border-bottom:1px solid var(--border-subtlest);text-align:left}.gov-table table th.gov-table--align-right,.gov-table table td.gov-table--align-right{text-align:right}.gov-table table th.gov-table--vertical-align-top,.gov-table table td.gov-table--vertical-align-top{vertical-align:top}.gov-table table th.gov-table--border-right,.gov-table table td.gov-table--border-right{border-right:1px solid var(--border-subtlest)}.gov-table table th.gov-table--border-left,.gov-table table td.gov-table--border-left{border-left:1px solid var(--border-subtlest)}.gov-table table th.gov-table--border-bottom-none,.gov-table table td.gov-table--border-bottom-none{border-bottom:none}.gov-table table th.gov-table--nowrap,.gov-table table td.gov-table--nowrap{white-space:nowrap}.gov-table table th.gov-table--fit-width,.gov-table table td.gov-table--fit-width{width:1px}.gov-table table th{color:var(--text-primary);background-color:var(--background-neutral-subtlest)}.gov-table table td{background-color:var(--background-neutral-white)}.gov-table table tr.open td{padding:var(--spacing-s) var(--spacing-m)}.gov-table summary::-webkit-details-marker{display:none}.gov-table[size=s] table{border-bottom-left-radius:var(--corner-radius-s);border-bottom-right-radius:var(--corner-radius-s)}.gov-table[size=s] table th,.gov-table[size=s] table td{height:var(--height-2xl);padding:0 var(--spacing-s);font-size:var(--font-size-body-s);line-height:150%;font-weight:400}.gov-table[size=s] table th{font-weight:700}.gov-table[size=m] table{border-bottom-left-radius:var(--corner-radius-m);border-bottom-right-radius:var(--corner-radius-m)}.gov-table[size=m] table th,.gov-table[size=m] table td{height:var(--height-3xl);padding:0 var(--spacing-m);font-size:var(--font-size-body-m);line-height:150%;font-weight:400}.gov-table[size=m] table th{font-weight:700}.gov-table[size=l] table{border-bottom-left-radius:var(--corner-radius-l);border-bottom-right-radius:var(--corner-radius-l)}.gov-table[size=l] table th,.gov-table[size=l] table td{height:var(--height-4xl);padding:0 var(--spacing-l);font-size:var(--font-size-body-l);line-height:150%;font-weight:400}.gov-table[size=l] table th{font-weight:700}.gov-table-complex__name,.gov-table-complex__description{margin:0;color:var(--text-primary)}.gov-table-complex__actions{color:var(--text-white-fixed);background-color:var(--background-primary);padding:var(--spacing-xs) var(--spacing-s)}.gov-table-complex__per-page{width:185px;white-space:nowrap}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { viewColumns: [{
                 type: ContentChildren,
                 args: [TABLE_COLUMN_PROVIDER]
             }], rowDetailTemplate: [{
@@ -3144,9 +2920,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 type: Output
             }], save: [{
                 type: Output
-            }], tableRef: [{
-                type: ViewChild,
-                args: ['tableRef', { static: true }]
             }] } });
 
 var GovTagType;
@@ -3160,15 +2933,15 @@ class TagComponent {
     severity = input(ControlSeverity.primary, ...(ngDevMode ? [{ debugName: "severity" }] : []));
     variant = input(GovTagType.bold, ...(ngDevMode ? [{ debugName: "variant" }] : []));
     size = input(FieldSize.medium, ...(ngDevMode ? [{ debugName: "size" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: TagComponent, isStandalone: true, selector: "v-tag", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: TagComponent, isStandalone: true, selector: "v-tag", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: TAG_COMPONENT_TOKEN,
                 useExisting: TagComponent,
             }
         ], ngImport: i0, template: "<gov-tag\n  [color]=\"severity() | govColor\"\n  [type]=\"variant()\"\n  [size]=\"size() | govSize\"\n>\n  @if (label()) {\n    {{ label() | translate }}\n  } @else {\n    <ng-content></ng-content>\n  }\n</gov-tag>\n\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovTag, selector: "gov-tag", inputs: ["color", "expanded", "iconEnd", "iconStart", "size", "type"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "pipe", type: GovColorPipe, name: "govColor" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TagComponent, decorators: [{
             type: Component,
             args: [{ selector: "v-tag", imports: [
                         GovDesignSystemModule,
@@ -3205,15 +2978,15 @@ class TextareaComponent extends BaseFormInputComponent {
     constructor(ngControl) {
         super(ngControl);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TextareaComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: TextareaComponent, isStandalone: true, selector: "v-textarea", inputs: { floatLabel: "floatLabel", type: "type", minlength: "minlength", maxlength: "maxlength", prefix: "prefix", sufix: "sufix", message: "message", name: "name", role: "role", size: "size", icon: "icon", iconPos: "iconPos", labelSlot: "labelSlot", messageSlot: "messageSlot", rows: "rows", cols: "cols", autoResize: "autoResize" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TextareaComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: TextareaComponent, isStandalone: true, selector: "v-textarea", inputs: { floatLabel: "floatLabel", type: "type", minlength: "minlength", maxlength: "maxlength", prefix: "prefix", sufix: "sufix", message: "message", name: "name", role: "role", size: "size", icon: "icon", iconPos: "iconPos", labelSlot: "labelSlot", messageSlot: "messageSlot", rows: "rows", cols: "cols", autoResize: "autoResize" }, providers: [
             {
                 provide: TEXTAREA_COMPONENT_TOKEN,
                 useExisting: TextareaComponent,
             },
         ], usesInheritance: true, ngImport: i0, template: "<gov-form-control class=\"mb-3\">\n    @if (label) {\n    <gov-form-label \n        [slot]=\"labelSlot\"\n        [size]=\"size | govSize\"\n    >\n        {{ label | translate }}\n    </gov-form-label>\n    }\n    <gov-form-group>\n        <gov-form-input [type]=\"type\"\n            [formControl]=\"formControl\"\n            [minlength]=\"minlength\" \n            [maxlength]=\"maxlength\" \n            [size]='size | govSize'  \n            [name]='name' \n            [role]='role'\n            [required]=\"required\"\n            [readonly]=\"readonly\"\n            [invalid]=\"ngControl?.errors ? true : false\"\n            [multiline]=\"true\"\n            [rows]=\"rows\"\n            [cols]=\"cols\"\n        >\n            @if (icon) {\n            <gov-icon\n                [name]=\"icon\"\n                [slot]=\"iconPos === 'left' ? 'icon-start' : 'icon-end'\"\n            />\n            } @if (prefix) {\n            <p slot=\"prefix\">\n                {{ prefix }}\n            </p>\n            } @if (sufix) {\n            <p slot=\"sufix\">\n                {{ sufix }}\n            </p>\n            }\n        </gov-form-input>\n    </gov-form-group>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n    @if (message) {\n    <gov-form-message \n        [slot]=\"messageSlot\" \n        color=\"neutral\"\n        >\n        {{ message | translate }}\n    </gov-form-message>\n    }\n</gov-form-control>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovFormControl, selector: "gov-form-control", inputs: ["disabled", "fieldset", "identifier", "invalid", "size", "success"] }, { kind: "component", type: i2.GovFormGroup, selector: "gov-form-group", inputs: ["gap", "orientation"] }, { kind: "component", type: i2.GovFormInput, selector: "gov-form-input", inputs: ["accessibleHidePasswordLabel", "accessibleShowPasswordLabel", "autocomplete", "autocorrect", "cols", "disabled", "identifier", "inputLang", "inputType", "invalid", "max", "maxlength", "min", "minlength", "multiline", "name", "placeholder", "readonly", "required", "role", "rows", "size", "spellcheck", "success", "type", "value"] }, { kind: "component", type: i2.GovFormLabel, selector: "gov-form-label", inputs: ["identifier", "legend", "required", "size"] }, { kind: "component", type: i2.GovFormMessage, selector: "gov-form-message", inputs: ["color", "size"] }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "gov-form-input:not([input-type=number]),gov-form-autocomplete" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TextareaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-textarea', imports: [
                         ReactiveFormsModule,
@@ -3280,10 +3053,10 @@ class FilterFieldDirective {
     filterField;
     showFilter;
     localSearch;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FilterFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: FilterFieldDirective, isStandalone: true, selector: "v-filter-field", inputs: { name: "name", type: "type", label: "label", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", value: "value", validator: "validator", datasource: "datasource", filterField: "filterField", showFilter: "showFilter", localSearch: "localSearch" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FilterFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: FilterFieldDirective, isStandalone: true, selector: "v-filter-field", inputs: { name: "name", type: "type", label: "label", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", value: "value", validator: "validator", datasource: "datasource", filterField: "filterField", showFilter: "showFilter", localSearch: "localSearch" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FilterFieldDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FilterFieldDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -3335,6 +3108,9 @@ function getFilledControlCount(formGroup) {
 
 class FilterComponent extends UnsubscribeComponent {
     fieldDeclarations;
+    filterDetailTitle = 'Set filters';
+    applyButtonLabel = 'Apply';
+    clearButtonLabel = 'Clear all';
     fields = [];
     filters = [];
     title;
@@ -3343,8 +3119,6 @@ class FilterComponent extends UnsubscribeComponent {
     showFulltext = true;
     showFilters = true;
     autoBind = true;
-    applyLabel = 'Apply';
-    clearLabel = 'Clear';
     buttonType = GovButtonType.solid;
     buttonOutlined = false;
     debounceTime = DEFAULT_DEBOUNCE_TIME;
@@ -3409,19 +3183,6 @@ class FilterComponent extends UnsubscribeComponent {
     toggleFilters() {
         this.isExpanded = !this.isExpanded;
     }
-    openSearch() {
-        this.dialogService.showDialog({
-            headerIcon: 'pi pi-search',
-            severity: 'primary',
-            innerHTML: '<p>Search</p>',
-            confirmButtonFn: () => this.submitValue(),
-            confirmButtonText: 'Apply',
-            cancelButtonFn: () => this.clear(),
-            cancelButtonText: 'Clear all',
-            showCancelButton: true,
-            closable: false,
-        });
-    }
     writeValue(data) {
         this.formGroup.patchValue(data);
     }
@@ -3457,8 +3218,8 @@ class FilterComponent extends UnsubscribeComponent {
         }
         return value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: FilterComponent, isStandalone: true, selector: "v-filter", inputs: { fields: "fields", filters: "filters", title: "title", total: "total", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", showFilters: "showFilters", autoBind: "autoBind", applyLabel: "applyLabel", clearLabel: "clearLabel", buttonType: "buttonType", buttonOutlined: "buttonOutlined", debounceTime: "debounceTime", defaultExpanded: "defaultExpanded" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FilterComponent, isStandalone: true, selector: "v-filter", inputs: { filterDetailTitle: "filterDetailTitle", applyButtonLabel: "applyButtonLabel", clearButtonLabel: "clearButtonLabel", fields: "fields", filters: "filters", title: "title", total: "total", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", showFilters: "showFilters", autoBind: "autoBind", buttonType: "buttonType", buttonOutlined: "buttonOutlined", debounceTime: "debounceTime", defaultExpanded: "defaultExpanded" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => FilterComponent),
@@ -3468,9 +3229,9 @@ class FilterComponent extends UnsubscribeComponent {
                 provide: FILTER_COMPONENT_TOKEN,
                 useExisting: FilterComponent,
             },
-        ], queries: [{ propertyName: "fieldDeclarations", predicate: FilterFieldDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-filter w-100\">\n  @if (formGroup$ | async; as formGroup){\n  <form [formGroup]=\"formGroup\">\n    <div class=\"v-filter__header d-flex align-items-center p-3\">\n      @if (title) {\n      <div class=\"v-filter_title pe-4\">\n        <h2 class=\"m-0\">{{ title }}</h2>\n      </div>\n      }\n      <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\n        @if (showFulltext){\n        <v-textfield\n          placeholder=\"Search\"\n          size=\"large\"\n          [formControlName]=\"fulltextFieldName\"\n          type=\"search\"\n          [clearable]=\"true\"\n        />\n        }\n      </div>\n      <div class=\"v-filter_action-buttons d-flex align-items-center gap-2\">\n        @if (!autoBind) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"submitValue.bind(this)\"\n          shortCutKey=\"Enter\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          size=\"small\"\n          [label]=\"applyLabel\"\n          (click)=\"submitValue()\"\n        />\n        }\n        @if (isExpanded) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"clear.bind(this)\"\n          shortCutKey=\"Escape\"\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [label]=\"clearLabel\"\n          (click)=\"clear()\"\n        />\n        }\n        @if (simpleFormFieldDefinitions$ | async; as declaration){ @if\n        (declaration.length) {\n        <v-button\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [icon]=\"icons.filter\"\n          [label]=\"$any(filledFiltersCount$ | async)\"\n          (click)=\"toggleFilters()\"\n        />\n        } }\n\n        <ng-content select=\"v-action-button-group\"></ng-content>\n      </div>\n    </div>\n    @if (simpleFormFieldDefinitions$ | async; as declaration){ @if (isExpanded\n    && declaration.length) {\n    <div class=\"v-filter__expanded p-3\">\n      <v-generic-form\n        [fields]=\"declaration\"\n        [formGroup]=\"formGroup\"\n        [columns]=\"2\"\n      />\n    </div>\n    } }\n  </form>\n  }\n</div>\n", styles: [":host{display:block}.v-filter{background:var(--v-filter-background);border-radius:.5rem}.v-filter__header{border-bottom:1px solid var(--v-filter-border);background-color:var(--v-filter-header-background)}.v-filter_records-text{color:var(--v-filter-records-text-color)}.v-filter__expanded{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: TextfieldComponent, selector: "v-textfield", inputs: ["floatLabel", "type", "minlength", "maxlength", "min", "max", "prefix", "sufix", "message", "name", "role", "size", "icon", "iconPos", "labelSlot", "errorSlot", "messageSlot"] }, { kind: "component", type: GenericFormComponent, selector: "v-generic-form", inputs: ["formGroup", "fields", "columns", "showAsRow"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "library", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }, { kind: "directive", type: ButtonShortCutDirective, selector: "v-button[useShortCut]", inputs: ["shortCutFn", "shortCutKey"], exportAs: ["useShortCut"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "fieldDeclarations", predicate: FilterFieldDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-filter w-100\">\n  @if (formGroup$ | async; as formGroup){\n  <form [formGroup]=\"formGroup\">\n    <div class=\"v-filter__header d-flex align-items-center p-3\">\n      @if (title) {\n      <div class=\"v-filter_title pe-4\">\n        <h2 class=\"m-0\">{{ title }}</h2>\n      </div>\n      }\n      <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\n        @if (showFulltext){\n        <v-textfield\n          placeholder=\"Search\"\n          size=\"large\"\n          [formControlName]=\"fulltextFieldName\"\n          type=\"search\"\n          [clearable]=\"true\"\n        />\n        }\n      </div>\n      <div class=\"v-filter_action-buttons d-flex align-items-center gap-2\">\n        @if (!autoBind) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"submitValue.bind(this)\"\n          shortCutKey=\"Enter\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          size=\"small\"\n          [label]=\"applyButtonLabel\"\n          (click)=\"submitValue()\"\n        />\n        }\n        @if (isExpanded) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"clear.bind(this)\"\n          shortCutKey=\"Escape\"\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [label]=\"clearButtonLabel\"\n          (click)=\"clear()\"\n        />\n        }\n        @if (simpleFormFieldDefinitions$ | async; as declaration){ @if\n        (declaration.length) {\n        <v-button\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [icon]=\"icons.filter\"\n          [label]=\"$any(filledFiltersCount$ | async)\"\n          (click)=\"toggleFilters()\"\n        />\n        } }\n\n        <ng-content select=\"v-action-button-group\"></ng-content>\n      </div>\n    </div>\n    @if (simpleFormFieldDefinitions$ | async; as declaration){ @if (isExpanded\n    && declaration.length) {\n    <div class=\"v-filter__expanded p-3\">\n      <v-generic-form\n        [fields]=\"declaration\"\n        [formGroup]=\"formGroup\"\n        [columns]=\"2\"\n      />\n    </div>\n    } }\n  </form>\n  }\n</div>\n", styles: [":host{display:block}.v-filter{background:var(--v-filter-background);border-radius:.5rem}.v-filter__header{border-bottom:1px solid var(--v-filter-border);background-color:var(--v-filter-header-background)}.v-filter_records-text{color:var(--v-filter-records-text-color)}.v-filter__expanded{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: TextfieldComponent, selector: "v-textfield", inputs: ["floatLabel", "type", "minlength", "maxlength", "min", "max", "prefix", "sufix", "message", "name", "role", "size", "icon", "iconPos", "labelSlot", "errorSlot", "messageSlot"] }, { kind: "component", type: GenericFormComponent, selector: "v-generic-form", inputs: ["formGroup", "fields", "columns", "showAsRow"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "library", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }, { kind: "directive", type: ButtonShortCutDirective, selector: "v-button[useShortCut]", inputs: ["shortCutFn", "shortCutKey"], exportAs: ["useShortCut"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-filter', imports: [
                         AsyncPipe,
@@ -3490,10 +3251,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                             provide: FILTER_COMPONENT_TOKEN,
                             useExisting: FilterComponent,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"v-filter w-100\">\n  @if (formGroup$ | async; as formGroup){\n  <form [formGroup]=\"formGroup\">\n    <div class=\"v-filter__header d-flex align-items-center p-3\">\n      @if (title) {\n      <div class=\"v-filter_title pe-4\">\n        <h2 class=\"m-0\">{{ title }}</h2>\n      </div>\n      }\n      <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\n        @if (showFulltext){\n        <v-textfield\n          placeholder=\"Search\"\n          size=\"large\"\n          [formControlName]=\"fulltextFieldName\"\n          type=\"search\"\n          [clearable]=\"true\"\n        />\n        }\n      </div>\n      <div class=\"v-filter_action-buttons d-flex align-items-center gap-2\">\n        @if (!autoBind) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"submitValue.bind(this)\"\n          shortCutKey=\"Enter\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          size=\"small\"\n          [label]=\"applyLabel\"\n          (click)=\"submitValue()\"\n        />\n        }\n        @if (isExpanded) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"clear.bind(this)\"\n          shortCutKey=\"Escape\"\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [label]=\"clearLabel\"\n          (click)=\"clear()\"\n        />\n        }\n        @if (simpleFormFieldDefinitions$ | async; as declaration){ @if\n        (declaration.length) {\n        <v-button\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [icon]=\"icons.filter\"\n          [label]=\"$any(filledFiltersCount$ | async)\"\n          (click)=\"toggleFilters()\"\n        />\n        } }\n\n        <ng-content select=\"v-action-button-group\"></ng-content>\n      </div>\n    </div>\n    @if (simpleFormFieldDefinitions$ | async; as declaration){ @if (isExpanded\n    && declaration.length) {\n    <div class=\"v-filter__expanded p-3\">\n      <v-generic-form\n        [fields]=\"declaration\"\n        [formGroup]=\"formGroup\"\n        [columns]=\"2\"\n      />\n    </div>\n    } }\n  </form>\n  }\n</div>\n", styles: [":host{display:block}.v-filter{background:var(--v-filter-background);border-radius:.5rem}.v-filter__header{border-bottom:1px solid var(--v-filter-border);background-color:var(--v-filter-header-background)}.v-filter_records-text{color:var(--v-filter-records-text-color)}.v-filter__expanded{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"v-filter w-100\">\n  @if (formGroup$ | async; as formGroup){\n  <form [formGroup]=\"formGroup\">\n    <div class=\"v-filter__header d-flex align-items-center p-3\">\n      @if (title) {\n      <div class=\"v-filter_title pe-4\">\n        <h2 class=\"m-0\">{{ title }}</h2>\n      </div>\n      }\n      <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\n        @if (showFulltext){\n        <v-textfield\n          placeholder=\"Search\"\n          size=\"large\"\n          [formControlName]=\"fulltextFieldName\"\n          type=\"search\"\n          [clearable]=\"true\"\n        />\n        }\n      </div>\n      <div class=\"v-filter_action-buttons d-flex align-items-center gap-2\">\n        @if (!autoBind) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"submitValue.bind(this)\"\n          shortCutKey=\"Enter\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          size=\"small\"\n          [label]=\"applyButtonLabel\"\n          (click)=\"submitValue()\"\n        />\n        }\n        @if (isExpanded) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"clear.bind(this)\"\n          shortCutKey=\"Escape\"\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [label]=\"clearButtonLabel\"\n          (click)=\"clear()\"\n        />\n        }\n        @if (simpleFormFieldDefinitions$ | async; as declaration){ @if\n        (declaration.length) {\n        <v-button\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [icon]=\"icons.filter\"\n          [label]=\"$any(filledFiltersCount$ | async)\"\n          (click)=\"toggleFilters()\"\n        />\n        } }\n\n        <ng-content select=\"v-action-button-group\"></ng-content>\n      </div>\n    </div>\n    @if (simpleFormFieldDefinitions$ | async; as declaration){ @if (isExpanded\n    && declaration.length) {\n    <div class=\"v-filter__expanded p-3\">\n      <v-generic-form\n        [fields]=\"declaration\"\n        [formGroup]=\"formGroup\"\n        [columns]=\"2\"\n      />\n    </div>\n    } }\n  </form>\n  }\n</div>\n", styles: [":host{display:block}.v-filter{background:var(--v-filter-background);border-radius:.5rem}.v-filter__header{border-bottom:1px solid var(--v-filter-border);background-color:var(--v-filter-header-background)}.v-filter_records-text{color:var(--v-filter-records-text-color)}.v-filter__expanded{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n"] }]
         }], propDecorators: { fieldDeclarations: [{
                 type: ContentChildren,
                 args: [FilterFieldDirective]
+            }], filterDetailTitle: [{
+                type: Input
+            }], applyButtonLabel: [{
+                type: Input
+            }], clearButtonLabel: [{
+                type: Input
             }], fields: [{
                 type: Input
             }], filters: [{
@@ -3510,10 +3277,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 type: Input
             }], autoBind: [{
                 type: Input
-            }], applyLabel: [{
-                type: Input
-            }], clearLabel: [{
-                type: Input
             }], buttonType: [{
                 type: Input
             }], buttonOutlined: [{
@@ -3525,10 +3288,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
             }] } });
 
 class FeatureListFilterFieldDirective extends FilterFieldDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FeatureListFilterFieldDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: FeatureListFilterFieldDirective, isStandalone: true, selector: "v-feature-list-filter-field", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FeatureListFilterFieldDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: FeatureListFilterFieldDirective, isStandalone: true, selector: "v-feature-list-filter-field", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FeatureListFilterFieldDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FeatureListFilterFieldDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -3547,10 +3310,10 @@ class FeatureListFilterPipe {
             type: x.type,
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FeatureListFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: FeatureListFilterPipe, isStandalone: true, name: "featureListColumn" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FeatureListFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: FeatureListFilterPipe, isStandalone: true, name: "featureListColumn" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FeatureListFilterPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FeatureListFilterPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'featureListColumn',
@@ -3563,8 +3326,8 @@ class FeatureListPageComponent {
         this.config =
             activatedRoute.snapshot.data[FEATURE_LIST_PAGE_CONFIG_PROPERTY];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FeatureListPageComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: FeatureListPageComponent, isStandalone: true, selector: "v-feature-list-page", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FeatureListPageComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: FeatureListPageComponent, isStandalone: true, selector: "v-feature-list-page", ngImport: i0, template: `
     <v-feature-list
       [title]="config.title"
       [tableName]="config.tableName"
@@ -3573,9 +3336,9 @@ class FeatureListPageComponent {
       [showDelete]="config.showDelete ?? true"
     >
     </v-feature-list>
-  `, isInline: true, dependencies: [{ kind: "component", type: FeatureListComponent, selector: "v-feature-list", inputs: ["autoBind", "title", "columns", "filters", "maxVisibleActions", "tableName", "ngrxFeatureKey", "maxVisibleMobileActions", "showExtendedFilter", "showDownload", "showDelete", "showAdd", "canDownload", "canDelete", "canAdd", "useRouterFilter", "fulltextFieldName", "showFulltext", "applyLabel", "clearLabel", "buttonType", "buttonOutlined", "deleteConfirmMessage", "autoDeleteEnabled", "autoDownloadEnabled", "downloadFileName", "datasource", "extraFilter", "disableCustomClicks", "maximumColumnLength", "selectionMode"], outputs: ["addClick", "downloadClick", "deleteClick", "selectionChange"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: FeatureListComponent, selector: "v-feature-list", inputs: ["autoBind", "title", "columns", "filters", "maxVisibleActions", "tableName", "ngrxFeatureKey", "maxVisibleMobileActions", "showExtendedFilter", "showDownload", "showDelete", "showAdd", "canDownload", "canDelete", "canAdd", "useRouterFilter", "fulltextFieldName", "showFulltext", "applyButtonLabel", "clearButtonLabel", "filterDetailTitle", "buttonType", "buttonOutlined", "deleteConfirmMessage", "autoDeleteEnabled", "autoDownloadEnabled", "downloadFileName", "datasource", "extraFilter", "disableCustomClicks", "maximumColumnLength", "selectionMode"], outputs: ["addClick", "downloadClick", "deleteClick", "selectionChange"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FeatureListPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FeatureListPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'v-feature-list-page',
@@ -3630,8 +3393,9 @@ class FeatureListComponent {
     useRouterFilter = true;
     fulltextFieldName = 'searchField';
     showFulltext = true;
-    applyLabel = 'Apply';
-    clearLabel = 'Clear';
+    applyButtonLabel = 'Apply';
+    clearButtonLabel = 'Clear';
+    filterDetailTitle = 'Set filters';
     buttonType = GovButtonType.solid;
     buttonOutlined = false;
     deleteConfirmMessage;
@@ -3799,10 +3563,10 @@ class FeatureListComponent {
             .join('\n');
         return new Blob([csvData], { type: 'text/csv' });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FeatureListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: FeatureListComponent, isStandalone: true, selector: "v-feature-list", inputs: { autoBind: "autoBind", title: "title", columns: "columns", filters: "filters", maxVisibleActions: "maxVisibleActions", tableName: "tableName", ngrxFeatureKey: "ngrxFeatureKey", maxVisibleMobileActions: "maxVisibleMobileActions", showExtendedFilter: "showExtendedFilter", showDownload: "showDownload", showDelete: "showDelete", showAdd: "showAdd", canDownload: "canDownload", canDelete: "canDelete", canAdd: "canAdd", useRouterFilter: "useRouterFilter", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", applyLabel: "applyLabel", clearLabel: "clearLabel", buttonType: "buttonType", buttonOutlined: "buttonOutlined", deleteConfirmMessage: "deleteConfirmMessage", autoDeleteEnabled: "autoDeleteEnabled", autoDownloadEnabled: "autoDownloadEnabled", downloadFileName: "downloadFileName", datasource: "datasource", extraFilter: "extraFilter", disableCustomClicks: "disableCustomClicks", maximumColumnLength: "maximumColumnLength", selectionMode: "selectionMode" }, outputs: { addClick: "addClick", downloadClick: "downloadClick", deleteClick: "deleteClick", selectionChange: "selectionChange" }, queries: [{ propertyName: "viewColumns", predicate: FEATURE_LIST_COLUMN_PROVIDER }, { propertyName: "fieldDeclarations", predicate: FeatureListFilterFieldDirective }], viewQueries: [{ propertyName: "tableDatasourceDirective", first: true, predicate: TableDatasourceDirective, descendants: true }, { propertyName: "tableComponent", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<div class=\"feature-list__container full-height-container\">\n  <v-filter\n    #filter\n    [title]=\"title\"\n    [total]=\"tableTotal\"\n    [fields]=\"columns | featureListColumn\"\n    [filters]=\"filters\"\n    [fulltextFieldName]=\"fulltextFieldName\"\n    [showFulltext]=\"showFulltext\"\n    [showFilters]=\"showExtendedFilter\"\n    [applyLabel]=\"applyLabel\"\n    [clearLabel]=\"clearLabel\"\n    [buttonType]=\"buttonType\"\n    [buttonOutlined]=\"buttonOutlined\"\n  >\n    <v-action-button-group\n      [maxItems]=\"maxVisibleActions\"\n      [maxItemsMobile]=\"maxVisibleMobileActions\"\n    >\n      @if (showAdd) {\n      <v-action-button\n        [icon]=\"icons.add\"\n        label=\"Add\"\n        [disabled]=\"!canAdd\"\n        (click)=\"addClick.emit()\"\n      />\n      } @if (showDelete){\n      <v-action-button\n        [icon]=\"icons.delete\"\n        label=\"Delete\"\n        [disabled]=\"!canDelete || !selection.length\"\n        (click)=\"startDeleteItems()\"\n      />\n      } @if (showDownload){\n      <v-action-button\n        [icon]=\"icons.download\"\n        label=\"Download\"\n        [disabled]=\"!canDownload\"\n        (click)=\"startDownload()\"\n      />\n      }\n    </v-action-button-group>\n  </v-filter>\n  <div class=\"feature-list__table-container full-height-container\">\n    <div class=\"full-height-container\">\n      <v-table\n        #table\n        useDatasource\n        useFilter\n        [filterComponent]=\"filter\"\n        class=\"full-height-container\"\n        [selectionMode]=\"selectionMode\"\n        [tableName]=\"tableName\"\n        [autoBind]=\"true\"\n        [datasource]=\"datasource\"\n        [columns]=\"columns\"\n        [extraFilter]=\"extraFilter\"\n        [maximumColumnLength]=\"maximumColumnLength\"\n        [disableCustomClicks]=\"disableCustomClicks\"\n        (selectionChange)=\"selectItems($event)\"\n      >\n        <ng-content />\n      </v-table>\n    </div>\n  </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"], dependencies: [{ kind: "component", type: TableComponent, selector: "v-table", inputs: ["sorters", "data", "total", "filter", "extraFilter", "loading", "scrollable", "pageSize", "currentPage", "showPaginator", "userTableWrapper", "sortMultiple", "lazy", "selectionMode", "selection", "showPageSizePicker", "entityKey", "customRoute", "disableCustomClicks", "tableName", "size", "showActionButtons", "maximumColumnLength", "columns"], outputs: ["selectionChange", "lazyLoad", "download", "delete", "save"] }, { kind: "directive", type: TableDatasourceDirective, selector: "v-table[useDatasource]", inputs: ["autoBind", "tableName", "debounceTime", "datasource", "extraFilter", "transformFn"], exportAs: ["useDatasource"] }, { kind: "component", type: FilterComponent, selector: "v-filter", inputs: ["fields", "filters", "title", "total", "fulltextFieldName", "showFulltext", "showFilters", "autoBind", "applyLabel", "clearLabel", "buttonType", "buttonOutlined", "debounceTime", "defaultExpanded"] }, { kind: "directive", type: TableFilterDirective, selector: "v-table[useFilter]", inputs: ["filterComponent"], exportAs: ["tableFilterDirective"] }, { kind: "component", type: ActionButtonGroupComponent, selector: "v-action-button-group", inputs: ["maxItems", "maxItemsMobile", "items", "menuIconPos", "menuIcon", "label", "icon"] }, { kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }, { kind: "pipe", type: FeatureListFilterPipe, name: "featureListColumn" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FeatureListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FeatureListComponent, isStandalone: true, selector: "v-feature-list", inputs: { autoBind: "autoBind", title: "title", columns: "columns", filters: "filters", maxVisibleActions: "maxVisibleActions", tableName: "tableName", ngrxFeatureKey: "ngrxFeatureKey", maxVisibleMobileActions: "maxVisibleMobileActions", showExtendedFilter: "showExtendedFilter", showDownload: "showDownload", showDelete: "showDelete", showAdd: "showAdd", canDownload: "canDownload", canDelete: "canDelete", canAdd: "canAdd", useRouterFilter: "useRouterFilter", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", applyButtonLabel: "applyButtonLabel", clearButtonLabel: "clearButtonLabel", filterDetailTitle: "filterDetailTitle", buttonType: "buttonType", buttonOutlined: "buttonOutlined", deleteConfirmMessage: "deleteConfirmMessage", autoDeleteEnabled: "autoDeleteEnabled", autoDownloadEnabled: "autoDownloadEnabled", downloadFileName: "downloadFileName", datasource: "datasource", extraFilter: "extraFilter", disableCustomClicks: "disableCustomClicks", maximumColumnLength: "maximumColumnLength", selectionMode: "selectionMode" }, outputs: { addClick: "addClick", downloadClick: "downloadClick", deleteClick: "deleteClick", selectionChange: "selectionChange" }, queries: [{ propertyName: "viewColumns", predicate: FEATURE_LIST_COLUMN_PROVIDER }, { propertyName: "fieldDeclarations", predicate: FeatureListFilterFieldDirective }], viewQueries: [{ propertyName: "tableDatasourceDirective", first: true, predicate: TableDatasourceDirective, descendants: true }, { propertyName: "tableComponent", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<div class=\"feature-list__container full-height-container\">\n  <v-filter\n    #filter\n    [title]=\"title\"\n    [total]=\"tableTotal\"\n    [fields]=\"columns | featureListColumn\"\n    [filters]=\"filters\"\n    [fulltextFieldName]=\"fulltextFieldName\"\n    [showFulltext]=\"showFulltext\"\n    [showFilters]=\"showExtendedFilter\"\n    [applyButtonLabel]=\"applyButtonLabel\"\n    [clearButtonLabel]=\"clearButtonLabel\"\n    [filterDetailTitle]=\"filterDetailTitle\"\n    [buttonType]=\"buttonType\"\n    [buttonOutlined]=\"buttonOutlined\"\n  >\n    <v-action-button-group\n      [maxItems]=\"maxVisibleActions\"\n      [maxItemsMobile]=\"maxVisibleMobileActions\"\n    >\n      @if (showAdd) {\n      <v-action-button\n        [icon]=\"icons.add\"\n        label=\"Add\"\n        [disabled]=\"!canAdd\"\n        (click)=\"addClick.emit()\"\n      />\n      } @if (showDelete){\n      <v-action-button\n        [icon]=\"icons.delete\"\n        label=\"Delete\"\n        [disabled]=\"!canDelete || !selection.length\"\n        (click)=\"startDeleteItems()\"\n      />\n      } @if (showDownload){\n      <v-action-button\n        [icon]=\"icons.download\"\n        label=\"Download\"\n        [disabled]=\"!canDownload\"\n        (click)=\"startDownload()\"\n      />\n      }\n    </v-action-button-group>\n  </v-filter>\n  <div class=\"feature-list__table-container full-height-container\">\n    <div class=\"full-height-container\">\n      <v-table\n        #table\n        useDatasource\n        useFilter\n        [filterComponent]=\"filter\"\n        class=\"full-height-container\"\n        [selectionMode]=\"selectionMode\"\n        [tableName]=\"tableName\"\n        [autoBind]=\"true\"\n        [datasource]=\"datasource\"\n        [columns]=\"columns\"\n        [extraFilter]=\"extraFilter\"\n        [maximumColumnLength]=\"maximumColumnLength\"\n        [disableCustomClicks]=\"disableCustomClicks\"\n        (selectionChange)=\"selectItems($event)\"\n      >\n        <ng-content />\n      </v-table>\n    </div>\n  </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"], dependencies: [{ kind: "component", type: TableComponent, selector: "v-table", inputs: ["sorters", "data", "total", "filter", "extraFilter", "loading", "scrollable", "pageSize", "currentPage", "showPaginator", "userTableWrapper", "sortMultiple", "lazy", "selectionMode", "selection", "showPageSizePicker", "entityKey", "customRoute", "disableCustomClicks", "tableName", "size", "showActionButtons", "maximumColumnLength", "columns"], outputs: ["selectionChange", "lazyLoad", "download", "delete", "save"] }, { kind: "directive", type: TableDatasourceDirective, selector: "v-table[useDatasource]", inputs: ["autoBind", "tableName", "debounceTime", "datasource", "extraFilter", "transformFn"], exportAs: ["useDatasource"] }, { kind: "component", type: FilterComponent, selector: "v-filter", inputs: ["filterDetailTitle", "applyButtonLabel", "clearButtonLabel", "fields", "filters", "title", "total", "fulltextFieldName", "showFulltext", "showFilters", "autoBind", "buttonType", "buttonOutlined", "debounceTime", "defaultExpanded"] }, { kind: "directive", type: TableFilterDirective, selector: "v-table[useFilter]", inputs: ["filterComponent"], exportAs: ["tableFilterDirective"] }, { kind: "component", type: ActionButtonGroupComponent, selector: "v-action-button-group", inputs: ["maxItems", "maxItemsMobile", "items", "menuIconPos", "menuIcon", "label", "showLabels", "icon"] }, { kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }, { kind: "pipe", type: FeatureListFilterPipe, name: "featureListColumn" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FeatureListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FeatureListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-feature-list', imports: [
                         TableComponent,
@@ -3812,7 +3576,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         ActionButtonGroupComponent,
                         ActionButtonComponent,
                         FeatureListFilterPipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"feature-list__container full-height-container\">\n  <v-filter\n    #filter\n    [title]=\"title\"\n    [total]=\"tableTotal\"\n    [fields]=\"columns | featureListColumn\"\n    [filters]=\"filters\"\n    [fulltextFieldName]=\"fulltextFieldName\"\n    [showFulltext]=\"showFulltext\"\n    [showFilters]=\"showExtendedFilter\"\n    [applyLabel]=\"applyLabel\"\n    [clearLabel]=\"clearLabel\"\n    [buttonType]=\"buttonType\"\n    [buttonOutlined]=\"buttonOutlined\"\n  >\n    <v-action-button-group\n      [maxItems]=\"maxVisibleActions\"\n      [maxItemsMobile]=\"maxVisibleMobileActions\"\n    >\n      @if (showAdd) {\n      <v-action-button\n        [icon]=\"icons.add\"\n        label=\"Add\"\n        [disabled]=\"!canAdd\"\n        (click)=\"addClick.emit()\"\n      />\n      } @if (showDelete){\n      <v-action-button\n        [icon]=\"icons.delete\"\n        label=\"Delete\"\n        [disabled]=\"!canDelete || !selection.length\"\n        (click)=\"startDeleteItems()\"\n      />\n      } @if (showDownload){\n      <v-action-button\n        [icon]=\"icons.download\"\n        label=\"Download\"\n        [disabled]=\"!canDownload\"\n        (click)=\"startDownload()\"\n      />\n      }\n    </v-action-button-group>\n  </v-filter>\n  <div class=\"feature-list__table-container full-height-container\">\n    <div class=\"full-height-container\">\n      <v-table\n        #table\n        useDatasource\n        useFilter\n        [filterComponent]=\"filter\"\n        class=\"full-height-container\"\n        [selectionMode]=\"selectionMode\"\n        [tableName]=\"tableName\"\n        [autoBind]=\"true\"\n        [datasource]=\"datasource\"\n        [columns]=\"columns\"\n        [extraFilter]=\"extraFilter\"\n        [maximumColumnLength]=\"maximumColumnLength\"\n        [disableCustomClicks]=\"disableCustomClicks\"\n        (selectionChange)=\"selectItems($event)\"\n      >\n        <ng-content />\n      </v-table>\n    </div>\n  </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"feature-list__container full-height-container\">\n  <v-filter\n    #filter\n    [title]=\"title\"\n    [total]=\"tableTotal\"\n    [fields]=\"columns | featureListColumn\"\n    [filters]=\"filters\"\n    [fulltextFieldName]=\"fulltextFieldName\"\n    [showFulltext]=\"showFulltext\"\n    [showFilters]=\"showExtendedFilter\"\n    [applyButtonLabel]=\"applyButtonLabel\"\n    [clearButtonLabel]=\"clearButtonLabel\"\n    [filterDetailTitle]=\"filterDetailTitle\"\n    [buttonType]=\"buttonType\"\n    [buttonOutlined]=\"buttonOutlined\"\n  >\n    <v-action-button-group\n      [maxItems]=\"maxVisibleActions\"\n      [maxItemsMobile]=\"maxVisibleMobileActions\"\n    >\n      @if (showAdd) {\n      <v-action-button\n        [icon]=\"icons.add\"\n        label=\"Add\"\n        [disabled]=\"!canAdd\"\n        (click)=\"addClick.emit()\"\n      />\n      } @if (showDelete){\n      <v-action-button\n        [icon]=\"icons.delete\"\n        label=\"Delete\"\n        [disabled]=\"!canDelete || !selection.length\"\n        (click)=\"startDeleteItems()\"\n      />\n      } @if (showDownload){\n      <v-action-button\n        [icon]=\"icons.download\"\n        label=\"Download\"\n        [disabled]=\"!canDownload\"\n        (click)=\"startDownload()\"\n      />\n      }\n    </v-action-button-group>\n  </v-filter>\n  <div class=\"feature-list__table-container full-height-container\">\n    <div class=\"full-height-container\">\n      <v-table\n        #table\n        useDatasource\n        useFilter\n        [filterComponent]=\"filter\"\n        class=\"full-height-container\"\n        [selectionMode]=\"selectionMode\"\n        [tableName]=\"tableName\"\n        [autoBind]=\"true\"\n        [datasource]=\"datasource\"\n        [columns]=\"columns\"\n        [extraFilter]=\"extraFilter\"\n        [maximumColumnLength]=\"maximumColumnLength\"\n        [disableCustomClicks]=\"disableCustomClicks\"\n        (selectionChange)=\"selectItems($event)\"\n      >\n        <ng-content />\n      </v-table>\n    </div>\n  </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"] }]
         }], propDecorators: { viewColumns: [{
                 type: ContentChildren,
                 args: [FEATURE_LIST_COLUMN_PROVIDER]
@@ -3862,9 +3626,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 type: Input
             }], showFulltext: [{
                 type: Input
-            }], applyLabel: [{
+            }], applyButtonLabel: [{
+                type: Input
+            }], clearButtonLabel: [{
                 type: Input
-            }], clearLabel: [{
+            }], filterDetailTitle: [{
                 type: Input
             }], buttonType: [{
                 type: Input
@@ -3908,8 +3674,8 @@ class FeatureListColumnDirective extends TableColumnDirective {
         definition.format = this.format;
         return definition;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FeatureListColumnDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: FeatureListColumnDirective, isStandalone: true, selector: "v-feature-list-column", inputs: { filter: "filter", type: "type" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FeatureListColumnDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: FeatureListColumnDirective, isStandalone: true, selector: "v-feature-list-column", inputs: { filter: "filter", type: "type" }, providers: [
             {
                 provide: FEATURE_LIST_COLUMN_PROVIDER,
                 useExisting: FeatureListColumnDirective,
@@ -3917,7 +3683,7 @@ class FeatureListColumnDirective extends TableColumnDirective {
             },
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FeatureListColumnDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FeatureListColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -3941,10 +3707,10 @@ class GovInitService {
     constructor() {
         defineCustomElements(window);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GovInitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GovInitService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GovInitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GovInitService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GovInitService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GovInitService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3952,10 +3718,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
         }], ctorParameters: () => [] });
 
 class NotAuthenticatedComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NotAuthenticatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: NotAuthenticatedComponent, isStandalone: true, selector: "v-not-authenticated", ngImport: i0, template: "<gov-error-code>\n    <gov-icon type=\"complex\" name=\"card-401\" slot=\"icon\"></gov-icon>\n    <p>You are not logged in, please do so.</p>\n    <v-button color=\"primary\" size=\"medium\" type=\"solid\" label=\"Login\" [routerLink]=\"['/login']\" />\n</gov-error-code>\n", dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovErrorCode, selector: "gov-error-code" }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "library", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NotAuthenticatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: NotAuthenticatedComponent, isStandalone: true, selector: "v-not-authenticated", ngImport: i0, template: "<gov-error-code>\n    <gov-icon type=\"complex\" name=\"card-401\" slot=\"icon\"></gov-icon>\n    <p>You are not logged in, please do so.</p>\n    <v-button color=\"primary\" size=\"medium\" type=\"solid\" label=\"Login\" [routerLink]=\"['/login']\" />\n</gov-error-code>\n", dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovErrorCode, selector: "gov-error-code" }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "library", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NotAuthenticatedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NotAuthenticatedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-not-authenticated', imports: [
                         GovDesignSystemModule,
@@ -3967,10 +3733,10 @@ class NotAuthorizedComponent {
     goBack() {
         history.back();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NotAuthorizedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: NotAuthorizedComponent, isStandalone: true, selector: "v-not-authorized", ngImport: i0, template: "<gov-error-code>\n    <gov-icon type=\"complex\" name=\"card-403\" slot=\"icon\"></gov-icon>\n    <p>You are not authorized to view this content.</p>\n    <v-button color=\"primary\" size=\"medium\" type=\"solid\" label=\"Go back\" (click)=\"goBack()\" />\n</gov-error-code>\n", dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovErrorCode, selector: "gov-error-code" }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "library", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NotAuthorizedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: NotAuthorizedComponent, isStandalone: true, selector: "v-not-authorized", ngImport: i0, template: "<gov-error-code>\n    <gov-icon type=\"complex\" name=\"card-403\" slot=\"icon\"></gov-icon>\n    <p>You are not authorized to view this content.</p>\n    <v-button color=\"primary\" size=\"medium\" type=\"solid\" label=\"Go back\" (click)=\"goBack()\" />\n</gov-error-code>\n", dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovErrorCode, selector: "gov-error-code" }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "library", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NotAuthorizedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NotAuthorizedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-not-authorized', imports: [
                         GovDesignSystemModule,
@@ -3982,10 +3748,10 @@ class NotFoundComponent {
     goBack() {
         history.back();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: NotFoundComponent, isStandalone: true, selector: "v-not-found", ngImport: i0, template: "<gov-error-code>\n    <gov-icon type=\"complex\" name=\"card-404\" slot=\"icon\"></gov-icon>\n    <p>The item you are looking for does not exist.</p>\n    <v-button color=\"primary\" size=\"medium\" type=\"solid\" label=\"Go back\" (click)=\"goBack()\" />\n</gov-error-code>\n", dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovErrorCode, selector: "gov-error-code" }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "library", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: NotFoundComponent, isStandalone: true, selector: "v-not-found", ngImport: i0, template: "<gov-error-code>\n    <gov-icon type=\"complex\" name=\"card-404\" slot=\"icon\"></gov-icon>\n    <p>The item you are looking for does not exist.</p>\n    <v-button color=\"primary\" size=\"medium\" type=\"solid\" label=\"Go back\" (click)=\"goBack()\" />\n</gov-error-code>\n", dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovErrorCode, selector: "gov-error-code" }, { kind: "component", type: i2.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "library", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NotFoundComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NotFoundComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-not-found', imports: [
                         GovDesignSystemModule,