@verisoft/ui-govcz 18.6.4 → 18.7.0

package/fesm2022/verisoft-ui-govcz.mjs

@@ -0,0 +1,3742 @@
+import * as i0 from '@angular/core';
+import { Pipe, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, inject, Optional, Self, ContentChildren, ViewEncapsulation, HostListener, ViewChild, NO_ERRORS_SCHEMA, ChangeDetectorRef, Directive, forwardRef, effect, ContentChild, InjectionToken, SimpleChange, Injectable, Injector, ViewContainerRef, NgModule, Inject } from '@angular/core';
+import * as i1 from '@angular/router';
+import { RouterModule, Router, ActivatedRoute, RouterOutlet, RouterLinkActive, RouterLink } from '@angular/router';
+import * as i2 from '@gov-design-system-ce/angular';
+import { GovDesignSystemModule } from '@gov-design-system-ce/angular';
+import * as i3 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i1$4 from '@verisoft/ui-core';
+import { ControlSeverity, GovControlSeverity, IconPosition, FieldSize, GovButtonType, BUTTON_COMPONENT_TOKEN, BreadcrumbCoreComponent, BREADCRUMB_COMPONENT_TOKEN, SlotPosition, BaseFormInputComponent, FieldType, CALENDAR_COMPONENT_TOKEN, CHECKBOX_COMPONENT_TOKEN, ACTION_BUTTON_GROUP_COMPONENT_TOKEN, UnsubscribeComponent, queryListChanged, TEXTFIELD_COMPONENT_TOKEN, DROPDOWN_COMPONENT_TOKEN, MULTISELECT_COMPONENT_TOKEN, TRISTATE_CHECKBOX_COMPONENT_TOKEN, GenericFieldType, DatasourceDirective, GENERIC_FIELD_COMPONENT_TOKEN, DEFAULT_DEBOUNCE_TIME, ScreenSizeService, DialogService, isFilterEmpty, ButtonShortCutDirective, FILTER_COMPONENT_TOKEN, LOADER_COMPONENT_TOKEN, MAX_COLUMN_CHAR_COUNT, TableService, DEFAULT_PAGINATION, ColumnModel, RowModel, TableSelectionMode, TABLE_COLUMN_PROVIDER, TABLE_COMPONENT_TOKEN, downloadFile, TableDatasourceDirective, TableFilterDirective, TableColumnDirective, CONFIRM_DIALOG_COMPONENT_TOKEN, SideMenuService, HEADER_COMPONENT_TOKEN, PasswordStrength, PASSWORD_COMPONENT_TOKEN, RADIOBUTTON_COMPONENT_TOKEN, SWITCH_COMPONENT_TOKEN, SECTION_COMPONENT_TOKEN, SIDE_MENU_COMPONENT_TOKEN, MENU_TOKEN, SideMenuProviderService, SIDE_MENU_STATE_TOKEN, SNACKBAR_COMPONENT_TOKEN, TEXTAREA_COMPONENT_TOKEN, FORM_FIELD_COMPONENT_TOKEN, INPUT_GROUP_COMPONENT_TOKEN, NUMBER_INPUT_COMPONENT_TOKEN, LayoutType, STEPPER_COMPONENT_TOKEN, TAB_VIEW_COMPONENT_TOKEN } from '@verisoft/ui-core';
+import * as i1$1 from '@angular/common';
+import { CommonModule, AsyncPipe, NgTemplateOutlet } from '@angular/common';
+import * as i1$2 from '@angular/forms';
+import { ReactiveFormsModule, Validators, FormControl, UntypedFormGroup, UntypedFormControl, FormGroup, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ERROR_PROVIDER_TOKEN, DEFAULT_PAGE_SIZE, getValueByPath, SortDirection, DEFAULT_SEARCH_LIMIT, multiSort, BASE_URL_PATH, BaseHttpService, convertDatasource } from '@verisoft/core';
+import { v4 } from 'uuid';
+import { Subject, takeUntil, combineLatestWith, debounceTime, distinctUntilChanged, BehaviorSubject, startWith, map, take, switchMap, forkJoin, of } from 'rxjs';
+import * as i2$1 from 'primeng/menu';
+import { MenuModule } from 'primeng/menu';
+import * as i1$3 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+import { BadgeModule } from 'primeng/badge';
+import * as i4 from '@angular/cdk/scrolling';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+import { HttpClient } from '@angular/common/http';
+import { HasPermissionDirective } from '@verisoft/security-core';
+import zxcvbn from 'zxcvbn';
+import * as i1$5 from '@angular/cdk/overlay';
+import * as portal from '@angular/cdk/portal';
+import { defineCustomElements } from '@gov-design-system-ce/components/loader';
+
+class GovColorPipe {
+    transform(color) {
+        switch (color) {
+            case ControlSeverity.danger:
+                return GovControlSeverity.error;
+            case ControlSeverity.info:
+                return GovControlSeverity.neutral;
+            case ControlSeverity.help:
+            case ControlSeverity.contrast:
+                return GovControlSeverity.primary;
+        }
+        return color;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovColorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GovColorPipe, isStandalone: true, name: "govColor" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovColorPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'govColor',
+                    standalone: true,
+                }]
+        }] });
+
+class GovMultiselectOptionsPipe {
+    transform(options, optionLabel, optionValue, addEmptyOption = false) {
+        if (!options?.length)
+            return [];
+        return this.convertToGovOption(options, addEmptyOption, optionLabel, optionValue);
+    }
+    convertToGovOption(options, addEmptyOption, optionLabel, optionValue) {
+        const convertedOptions = [];
+        options.forEach((obj) => {
+            let stringKey = '';
+            let numberKey = '';
+            if (optionLabel && optionValue) {
+                stringKey = optionLabel;
+                numberKey = optionValue;
+            }
+            else {
+                const keys = Object.keys(obj);
+                keys.forEach((key) => {
+                    if (typeof obj[key] === 'string') {
+                        stringKey = key;
+                    }
+                    else if (typeof obj[key] === 'number') {
+                        numberKey = key;
+                    }
+                });
+            }
+            convertedOptions.push({
+                label: obj[stringKey],
+                value: obj[numberKey]?.toString() ?? 'VALUE NOT SET',
+            });
+        });
+        if (addEmptyOption) {
+            convertedOptions.unshift({
+                label: '',
+                value: 'null',
+            });
+        }
+        return convertedOptions;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovMultiselectOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GovMultiselectOptionsPipe, isStandalone: true, name: "govMultiselectOptions" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovMultiselectOptionsPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'govMultiselectOptions',
+                    standalone: true,
+                }]
+        }] });
+
+class GovSizePipe {
+    transform(size) {
+        if (size) {
+            return size.substring(0, 1);
+        }
+        if (typeof (size) === 'undefined') {
+            return 'm';
+        }
+        return size;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovSizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GovSizePipe, isStandalone: true, name: "govSize" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovSizePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'govSize',
+                    standalone: true,
+                }]
+        }] });
+
+class ButtonComponent {
+    label;
+    icon;
+    badge;
+    iconPos = IconPosition.left;
+    disabled = false;
+    rounded;
+    outlined;
+    raised;
+    routerLink;
+    size = FieldSize.medium;
+    queryParams;
+    severity = ControlSeverity.primary;
+    type = GovButtonType.solid;
+    expanded = false;
+    name;
+    // eslint-disable-next-line @angular-eslint/no-output-native
+    click = new EventEmitter();
+    handleClick(event) {
+        if (this.disabled) {
+            event.stopPropagation();
+            return;
+        }
+        this.click.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ButtonComponent, isStandalone: true, selector: "v-button", inputs: { label: "label", icon: "icon", 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" }, providers: [
+            {
+                provide: BUTTON_COMPONENT_TOKEN,
+                useExisting: ButtonComponent,
+            }
+        ], ngImport: i0, template: "<div class=\"g-button\">\r\n    <a\r\n        [routerLink]=\"routerLink ? routerLink : undefined\"\r\n        [queryParams]=\"queryParams ? queryParams : undefined\"\r\n    >\r\n        <gov-button\r\n            [type]=\"outlined === true ? 'outlined' : type\"\r\n            [color]=\"severity | govColor\"\r\n            [disabled]=\"disabled\"\r\n            [size]=\"size | govSize\"\r\n            [name]=\"name\"\r\n            [expanded]=\"expanded\"\r\n            (gov-click)=\"handleClick($event)\"\r\n            (click)=\"handleClick($event)\"\r\n        >\r\n            @if (icon) {\r\n                <gov-icon \r\n                    [name]=\"icon\"\r\n                    [slot]=\"iconPos === 'left' ? 'icon-start' : 'icon-end'\"\r\n                />\r\n            } @if (label) {\r\n                {{ label | translate }}\r\n            }\r\n        </gov-button>\r\n    </a>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovButton, selector: "gov-button", inputs: ["color", "disabled", "download", "expanded", "focusable", "href", "hreflang", "identifier", "loading", "name", "nativeType", "referrerpolicy", "rel", "size", "target", "type"] }, { 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: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "pipe", type: GovColorPipe, name: "govColor" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "v-button", standalone: true, imports: [
+                        GovDesignSystemModule, RouterModule, GovSizePipe, GovColorPipe, TranslateModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: BUTTON_COMPONENT_TOKEN,
+                            useExisting: ButtonComponent,
+                        }
+                    ], template: "<div class=\"g-button\">\r\n    <a\r\n        [routerLink]=\"routerLink ? routerLink : undefined\"\r\n        [queryParams]=\"queryParams ? queryParams : undefined\"\r\n    >\r\n        <gov-button\r\n            [type]=\"outlined === true ? 'outlined' : type\"\r\n            [color]=\"severity | govColor\"\r\n            [disabled]=\"disabled\"\r\n            [size]=\"size | govSize\"\r\n            [name]=\"name\"\r\n            [expanded]=\"expanded\"\r\n            (gov-click)=\"handleClick($event)\"\r\n            (click)=\"handleClick($event)\"\r\n        >\r\n            @if (icon) {\r\n                <gov-icon \r\n                    [name]=\"icon\"\r\n                    [slot]=\"iconPos === 'left' ? 'icon-start' : 'icon-end'\"\r\n                />\r\n            } @if (label) {\r\n                {{ label | translate }}\r\n            }\r\n        </gov-button>\r\n    </a>\r\n</div>\r\n" }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], badge: [{
+                type: Input
+            }], iconPos: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], outlined: [{
+                type: Input
+            }], raised: [{
+                type: Input
+            }], routerLink: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], queryParams: [{
+                type: Input
+            }], severity: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }] } });
+
+const Icons = {
+    add: 'plus-lg',
+    minus: 'dash',
+    delete: 'trash',
+    filter: 'filter',
+    download: 'upload',
+    save: 'download',
+    print: 'print-fill',
+    edit: 'pencil',
+    calendar: 'calendar',
+    settings: 'gear',
+    house: 'house-door-fill',
+    chevronRight: 'chevron-right',
+    chevronDown: 'chevron-down',
+    chevronLeft: 'chevron-left',
+    chevronUp: 'chevron-up',
+    checkbox: 'check-square',
+    warning: 'exclamation-triangle-fill',
+    search: 'search',
+    action: 'bars',
+    user: 'user',
+    logout: 'logout',
+    crossCircle: 'x-circle',
+    infoCircle: 'info-circle',
+    cross: 'x-lg',
+    arrowLeft: 'arrow-left',
+    arrowRight: 'arrow-right',
+    questionCircle: 'question-circle',
+    checkCircle: 'check-circle',
+    sitemap: 'diagram',
+    check: 'check-lg',
+    envelope: 'envelope',
+    loader: 'loader',
+};
+
+class BreadcrumbComponent extends BreadcrumbCoreComponent {
+    icons = Icons;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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\">\r\n  <gov-breadcrumbs accessible-label=\"gov-breadcrums\">\r\n    <ul>\r\n      <li *ngIf=\"useHomeRoute\">\r\n        <gov-icon [name]=\"icons.house\" />\r\n        <a [routerLink]=\"'/'\">Home</a>\r\n      </li>\r\n      @if (items) { @for (item of items; track item; let index = $index) {\r\n      <li>\r\n        @if (index > 0 || useHomeRoute) {\r\n        <gov-icon [name]=\"icons.chevronRight\" />\r\n        }\r\n        @if (item.icon) {\r\n        <gov-icon [name]=\"item.icon\" />\r\n        }\r\n        <a [routerLink]=\"item.routerLink\">\r\n          {{ item.label }}\r\n        </a>\r\n      </li>\r\n      } }\r\n    </ul>\r\n  </gov-breadcrumbs>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "18.2.13", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-breadcrumb', standalone: true, imports: [
+                        CommonModule,
+                        GovDesignSystemModule,
+                        RouterModule
+                    ], providers: [
+                        {
+                            provide: BREADCRUMB_COMPONENT_TOKEN,
+                            useExisting: BreadcrumbComponent
+                        },
+                    ], template: "<div class=\"gov-breadcrums mt-3 mb-3\">\r\n  <gov-breadcrumbs accessible-label=\"gov-breadcrums\">\r\n    <ul>\r\n      <li *ngIf=\"useHomeRoute\">\r\n        <gov-icon [name]=\"icons.house\" />\r\n        <a [routerLink]=\"'/'\">Home</a>\r\n      </li>\r\n      @if (items) { @for (item of items; track item; let index = $index) {\r\n      <li>\r\n        @if (index > 0 || useHomeRoute) {\r\n        <gov-icon [name]=\"icons.chevronRight\" />\r\n        }\r\n        @if (item.icon) {\r\n        <gov-icon [name]=\"item.icon\" />\r\n        }\r\n        <a [routerLink]=\"item.routerLink\">\r\n          {{ item.label }}\r\n        </a>\r\n      </li>\r\n      } }\r\n    </ul>\r\n  </gov-breadcrumbs>\r\n</div>\r\n" }]
+        }] });
+
+class ErrorComponent {
+    ngControl;
+    errorSlot = SlotPosition.bottom;
+    messageSlot = SlotPosition.bottom;
+    errorService = inject(ERROR_PROVIDER_TOKEN);
+    icons = Icons;
+    getErrorMessage(errors) {
+        return this.errorService.mapError(errors);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ErrorComponent, isStandalone: true, selector: "v-validation-message", inputs: { ngControl: "ngControl", errorSlot: "errorSlot", messageSlot: "messageSlot" }, ngImport: i0, template: "@if (ngControl && ngControl.errors) {\r\n<gov-form-message \r\n    [slot]=\"errorSlot\" \r\n    color=\"error\"\r\n>\r\n    {{ getErrorMessage(ngControl.errors) | async }}\r\n  <gov-icon \r\n    [name]=\"icons.warning\" \r\n    slot=\"validation-icon\" />\r\n</gov-form-message>\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "v-validation-message", standalone: true, imports: [CommonModule, GovDesignSystemModule], template: "@if (ngControl && ngControl.errors) {\r\n<gov-form-message \r\n    [slot]=\"errorSlot\" \r\n    color=\"error\"\r\n>\r\n    {{ getErrorMessage(ngControl.errors) | async }}\r\n  <gov-icon \r\n    [name]=\"icons.warning\" \r\n    slot=\"validation-icon\" />\r\n</gov-form-message>\r\n}\r\n" }]
+        }], propDecorators: { ngControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], errorSlot: [{
+                type: Input
+            }], messageSlot: [{
+                type: Input
+            }] } });
+
+class CalendarComponent extends BaseFormInputComponent {
+    icon;
+    floatLabel;
+    maxDate;
+    minDate;
+    header;
+    footer;
+    selectionMode;
+    size = FieldSize.medium;
+    errorSlot = SlotPosition.bottom;
+    labelSlot = SlotPosition.top;
+    messageSlot = SlotPosition.bottom;
+    message;
+    name;
+    type = FieldType.date;
+    icons = Icons;
+    constructor(ngControl) {
+        super(ngControl);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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\">\r\n    @if (label) {\r\n    <gov-form-label [slot]=\"labelSlot\" [size]=\"size | govSize\">\r\n        {{ label | translate}}\r\n    </gov-form-label>\r\n    }\r\n    <gov-form-group>\r\n        <gov-form-input\r\n            [formControl]=\"formControl\"\r\n            [attr.input-type]=\"type\"\r\n            [invalid]=\"ngControl?.errors ? true : false\"\r\n            [size]=\"size | govSize\"\r\n            [required]=\"required\"\r\n            [readonly]=\"readonly\"\r\n            [attr.disabled]=\"readonly ? 'true' : 'false'\"\r\n            [name]=\"name\"\r\n        />\r\n    </gov-form-group>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n    @if (message) {\r\n    <gov-form-message \r\n        [slot]=\"messageSlot\" \r\n        color=\"neutral\"\r\n        >\r\n        {{ message }}\r\n    </gov-form-message>\r\n    }\r\n</gov-form-control>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-calendar', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        GovDesignSystemModule,
+                        GovSizePipe,
+                        ErrorComponent,
+                        TranslateModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: CALENDAR_COMPONENT_TOKEN,
+                            useExisting: CalendarComponent
+                        }
+                    ], template: "<gov-form-control class=\"mb-3\">\r\n    @if (label) {\r\n    <gov-form-label [slot]=\"labelSlot\" [size]=\"size | govSize\">\r\n        {{ label | translate}}\r\n    </gov-form-label>\r\n    }\r\n    <gov-form-group>\r\n        <gov-form-input\r\n            [formControl]=\"formControl\"\r\n            [attr.input-type]=\"type\"\r\n            [invalid]=\"ngControl?.errors ? true : false\"\r\n            [size]=\"size | govSize\"\r\n            [required]=\"required\"\r\n            [readonly]=\"readonly\"\r\n            [attr.disabled]=\"readonly ? 'true' : 'false'\"\r\n            [name]=\"name\"\r\n        />\r\n    </gov-form-group>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n    @if (message) {\r\n    <gov-form-message \r\n        [slot]=\"messageSlot\" \r\n        color=\"neutral\"\r\n        >\r\n        {{ message }}\r\n    </gov-form-message>\r\n    }\r\n</gov-form-control>" }]
+        }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { icon: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], maxDate: [{
+                type: Input
+            }], minDate: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], footer: [{
+                type: Input
+            }], selectionMode: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], errorSlot: [{
+                type: Input
+            }], labelSlot: [{
+                type: Input
+            }], messageSlot: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }] } });
+
+class CheckboxComponent extends BaseFormInputComponent {
+    size = FieldSize.medium;
+    value;
+    name;
+    indeterminate = false;
+    noLabel = false;
+    icons = Icons;
+    constructor(ngControl) {
+        super(ngControl);
+    }
+    id = v4();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CheckboxComponent, isStandalone: true, selector: "v-checkbox", inputs: { size: "size", value: "value", name: "name", indeterminate: "indeterminate", noLabel: "noLabel" }, providers: [{
+                provide: CHECKBOX_COMPONENT_TOKEN,
+                useExisting: CheckboxComponent,
+            }], usesInheritance: true, ngImport: i0, template: "<gov-form-control class=\"mt-3\">\r\n    <gov-form-checkbox \r\n        [formControl]=\"formControl\"\r\n        [size]=\"size | govSize\"\r\n        [value]=\"value\"\r\n        [required]=\"required\"\r\n        [attr.disabled]=\"disabled ? 'true' : 'false'\"\r\n        [identifier]=\"id\"\r\n        [indeterminate]=\"indeterminate\"\r\n        [name]=\"name\"\r\n        [invalid]=\"ngControl?.errors\"\r\n        [noLabel]=\"noLabel\"\r\n        [disabled]=\"disabled\"\r\n    >   \r\n        <gov-form-label\r\n            [size]=\"size\"\r\n            slot=\"label\"\r\n        >\r\n            {{ label ?? '' | translate }}\r\n        </gov-form-label>\r\n    </gov-form-checkbox>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n</gov-form-control>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "v-checkbox", standalone: true, imports: [
+                        CommonModule,
+                        GovDesignSystemModule,
+                        RouterModule,
+                        ReactiveFormsModule,
+                        GovSizePipe,
+                        ErrorComponent,
+                        TranslateModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
+                            provide: CHECKBOX_COMPONENT_TOKEN,
+                            useExisting: CheckboxComponent,
+                        }], template: "<gov-form-control class=\"mt-3\">\r\n    <gov-form-checkbox \r\n        [formControl]=\"formControl\"\r\n        [size]=\"size | govSize\"\r\n        [value]=\"value\"\r\n        [required]=\"required\"\r\n        [attr.disabled]=\"disabled ? 'true' : 'false'\"\r\n        [identifier]=\"id\"\r\n        [indeterminate]=\"indeterminate\"\r\n        [name]=\"name\"\r\n        [invalid]=\"ngControl?.errors\"\r\n        [noLabel]=\"noLabel\"\r\n        [disabled]=\"disabled\"\r\n    >   \r\n        <gov-form-label\r\n            [size]=\"size\"\r\n            slot=\"label\"\r\n        >\r\n            {{ label ?? '' | translate }}\r\n        </gov-form-label>\r\n    </gov-form-checkbox>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n</gov-form-control>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { size: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }], noLabel: [{
+                type: Input
+            }] } });
+
+class ActionButtonComponent {
+    disabled = false;
+    toolTip;
+    id;
+    icon;
+    outlined = false;
+    raised = false;
+    severity;
+    label;
+    size;
+    // eslint-disable-next-line @angular-eslint/no-output-native
+    click = new EventEmitter();
+    icons = Icons;
+    propertyChangeSubject = new Subject();
+    propertyChanged = this.propertyChangeSubject.asObservable();
+    buttonGroup = inject(ACTION_BUTTON_GROUP_COMPONENT_TOKEN, {
+        optional: true,
+    });
+    ngOnChanges(changes) {
+        const isValueChange = Object.keys(changes).some((x) => !changes[x].firstChange);
+        if (isValueChange) {
+            this.propertyChangeSubject.next(null);
+        }
+    }
+    handleClick(event) {
+        event.stopPropagation();
+        this.click.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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\r\n  [label]=\"label\"\r\n  [disabled]=\"disabled\"\r\n  [icon]=\"icon\"\r\n  [pTooltip]=\"toolTip\"\r\n  [outlined]=\"outlined\"\r\n  tooltipPosition=\"bottom\"\r\n  [size]=\"size\"\r\n  [severity]=\"severity\"\r\n  (click)=\"handleClick($event)\"\r\n></v-button>\r\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-action-button', standalone: true, imports: [ButtonComponent, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<v-button\r\n  [label]=\"label\"\r\n  [disabled]=\"disabled\"\r\n  [icon]=\"icon\"\r\n  [pTooltip]=\"toolTip\"\r\n  [outlined]=\"outlined\"\r\n  tooltipPosition=\"bottom\"\r\n  [size]=\"size\"\r\n  [severity]=\"severity\"\r\n  (click)=\"handleClick($event)\"\r\n></v-button>\r\n" }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }], toolTip: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], outlined: [{
+                type: Input
+            }], raised: [{
+                type: Input
+            }], severity: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }] } });
+
+class ActionButtonGroupComponent extends UnsubscribeComponent {
+    changeDetectorRef;
+    screenSizeService;
+    actions;
+    maxItems = 3;
+    maxItemsMobile = 0;
+    items = [];
+    menuIconPos = 'right';
+    menuIcon = Icons.action;
+    label;
+    icon;
+    icons = Icons;
+    allItems = [];
+    visibleActions = [];
+    menuItems = [];
+    constructor(changeDetectorRef, screenSizeService) {
+        super();
+        this.changeDetectorRef = changeDetectorRef;
+        this.screenSizeService = screenSizeService;
+    }
+    ngAfterContentInit() {
+        this.subscribeItemChange();
+    }
+    fireClick(item, event) {
+        event.stopPropagation();
+        item.click.emit();
+    }
+    subscribeItemChange() {
+        const screenResize$ = this.screenSizeService.isMobileBlock;
+        const actions$ = queryListChanged(this.actions);
+        screenResize$
+            .pipe(takeUntil(this.destroyed$), combineLatestWith(actions$))
+            .subscribe(([isMobile, actions]) => {
+            this.computeItems(actions, isMobile);
+        });
+    }
+    computeItems(actions, isMobile) {
+        const allItems = [...(this.items ?? []), ...actions];
+        const maxItems = isMobile ? this.maxItemsMobile : this.maxItems;
+        this.visibleActions = allItems.slice(0, maxItems);
+        this.menuItems = allItems.slice(maxItems).map(this.convertToMenuItem);
+        this.changeDetectorRef.detectChanges();
+    }
+    convertToMenuItem(item) {
+        return {
+            label: item.label,
+            icon: item.icon,
+            command: () => {
+                item.click.emit();
+            },
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionButtonGroupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$4.ScreenSizeService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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: [
+            {
+                provide: ACTION_BUTTON_GROUP_COMPONENT_TOKEN,
+                useExisting: ActionButtonGroupComponent,
+            },
+        ], queries: [{ propertyName: "actions", predicate: ActionButtonComponent }], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\r\n>\r\n  <div class=\"v-action-button-group__actions d-flex gap-2\">\r\n    @for (action of visibleActions; track action) {\r\n    <v-action-button\r\n      [disabled]=\"action.disabled\"\r\n      [icon]=\"action.icon\"\r\n      [id]=\"action.id\"\r\n      [outlined]=\"action.outlined\"\r\n      [raised]=\"action.raised\"\r\n      [toolTip]=\"action.toolTip || action.label\"\r\n      [severity]=\"action.severity\"\r\n      [size]=\"action.size\"\r\n      (click)=\"fireClick(action, $event)\"\r\n    ></v-action-button>\r\n    } @if (actions.length > visibleActions.length) {\r\n    <v-button\r\n      (click)=\"menu.toggle($event)\"\r\n      [label]=\"label\"\r\n      [iconPos]=\"menuIconPos\"\r\n      [icon]=\"menuIcon\"\r\n    />\r\n    }\r\n  </div>\r\n</div>\r\n<p-menu #menu [model]=\"menuItems\" [popup]=\"true\" appendTo=\"body\" />\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MenuModule }, { kind: "component", type: i2$1.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }, { kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionButtonGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-action-button-group', standalone: true, imports: [MenuModule, ButtonComponent, ActionButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ACTION_BUTTON_GROUP_COMPONENT_TOKEN,
+                            useExisting: ActionButtonGroupComponent,
+                        },
+                    ], template: "<div\r\n  class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\r\n>\r\n  <div class=\"v-action-button-group__actions d-flex gap-2\">\r\n    @for (action of visibleActions; track action) {\r\n    <v-action-button\r\n      [disabled]=\"action.disabled\"\r\n      [icon]=\"action.icon\"\r\n      [id]=\"action.id\"\r\n      [outlined]=\"action.outlined\"\r\n      [raised]=\"action.raised\"\r\n      [toolTip]=\"action.toolTip || action.label\"\r\n      [severity]=\"action.severity\"\r\n      [size]=\"action.size\"\r\n      (click)=\"fireClick(action, $event)\"\r\n    ></v-action-button>\r\n    } @if (actions.length > visibleActions.length) {\r\n    <v-button\r\n      (click)=\"menu.toggle($event)\"\r\n      [label]=\"label\"\r\n      [iconPos]=\"menuIconPos\"\r\n      [icon]=\"menuIcon\"\r\n    />\r\n    }\r\n  </div>\r\n</div>\r\n<p-menu #menu [model]=\"menuItems\" [popup]=\"true\" appendTo=\"body\" />\r\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$4.ScreenSizeService }], propDecorators: { actions: [{
+                type: ContentChildren,
+                args: [ActionButtonComponent]
+            }], maxItems: [{
+                type: Input
+            }], maxItemsMobile: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], menuIconPos: [{
+                type: Input
+            }], menuIcon: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+
+class TooltipComponent {
+    el;
+    renderer;
+    color = 'primary';
+    size = 'medium';
+    position = 'top';
+    message;
+    label = '?';
+    isVisible = false;
+    tooltipId = null;
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+    }
+    ngAfterViewInit() {
+        const scrollContainer = document.querySelector('.gov-main-container-content');
+        if (scrollContainer) {
+            this.renderer.listen(scrollContainer, 'scroll', () => {
+                if (this.isVisible && this.tooltipId) {
+                    const tooltipContent = document.querySelector(`[parent-id="${this.tooltipId}"]`);
+                    if (tooltipContent) {
+                        this.renderer.setStyle(tooltipContent, 'visibility', 'hidden');
+                        this.isVisible = false;
+                    }
+                }
+            });
+        }
+    }
+    toggleTooltip() {
+        this.isVisible = !this.isVisible;
+        const tooltip = this.el.nativeElement.querySelector('gov-tooltip');
+        if (tooltip && !this.tooltipId) {
+            this.tooltipId = tooltip.getAttribute('id');
+        }
+        const tooltipContent = document.querySelector(`[parent-id="${this.tooltipId}"]`);
+        if (tooltipContent) {
+            this.renderer.setStyle(tooltipContent, 'visibility', this.isVisible ? 'visible' : 'hidden');
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TooltipComponent, isStandalone: true, selector: "v-tooltip", inputs: { color: "color", size: "size", position: "position", message: "message", label: "label" }, ngImport: i0, template: "<gov-tooltip\r\n    class=\"ms-2\"\r\n    [color]=\"color\"\r\n    [size]=\"size | govSize\"\r\n    [position]=\"position\"\r\n    [message]=\"message\"\r\n    (click)=\"toggleTooltip()\"\r\n>\r\n    {{ label }}\r\n</gov-tooltip>", styles: [""], 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: "18.2.13", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "v-tooltip", imports: [
+                        GovDesignSystemModule,
+                        GovSizePipe
+                    ], template: "<gov-tooltip\r\n    class=\"ms-2\"\r\n    [color]=\"color\"\r\n    [size]=\"size | govSize\"\r\n    [position]=\"position\"\r\n    [message]=\"message\"\r\n    (click)=\"toggleTooltip()\"\r\n>\r\n    {{ label }}\r\n</gov-tooltip>" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { color: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], message: [{
+                type: Input,
+                args: [{ required: true }]
+            }], label: [{
+                type: Input
+            }] } });
+
+class TextfieldComponent extends BaseFormInputComponent {
+    floatLabel;
+    type = FieldType.text;
+    minlength = 0;
+    maxlength = 524288;
+    min = -2147483648;
+    max = 2147483647;
+    prefix;
+    sufix;
+    message;
+    name;
+    role;
+    size = FieldSize.medium;
+    icon;
+    iconPos = IconPosition.right;
+    labelSlot = SlotPosition.top;
+    errorSlot = SlotPosition.bottom;
+    messageSlot = SlotPosition.bottom;
+    constructor(ngControl) {
+        super(ngControl);
+        if (ngControl) {
+            ngControl.valueAccessor = this;
+        }
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        if (!this.formControl && this.ngControl) {
+            this.formControl = this.ngControl.control;
+        }
+        if (this.formControl && this.type === FieldType.number) {
+            this.setMinMaxNumberInputValidators();
+        }
+    }
+    setMinMaxNumberInputValidators() {
+        if (!this.formControl) {
+            return;
+        }
+        const validators = [];
+        if (this.min !== undefined && this.min !== null) {
+            validators.push(Validators.min(this.min));
+        }
+        if (this.max !== undefined && this.max !== null) {
+            validators.push(Validators.max(this.max));
+        }
+        this.formControl.addValidators(validators);
+        this.formControl.updateValueAndValidity({ onlySelf: true, emitEvent: true });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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 class=\"mb-3\">\r\n    @if (label) {\r\n    <gov-form-label\r\n        [slot]=\"labelSlot\"\r\n        [size]=\"size | govSize\"\r\n    >\r\n        <div class=\"d-flex\">\r\n            {{ label | translate }}\r\n            @if (tooltip) {\r\n            <v-tooltip [message]=\"tooltip | translate\" />\r\n            }\r\n        </div>\r\n    </gov-form-label>\r\n    }\r\n    <gov-form-group>\r\n        <gov-form-input\r\n            [inputType]=\"type\"\r\n            [formControl]=\"formControl\"\r\n            [minlength]=\"minlength\"\r\n            [maxlength]=\"maxlength\"\r\n            [min]=\"min\"\r\n            [max]=\"max\"\r\n            [size]='size | govSize'\r\n            [name]='name'\r\n            [role]='role'\r\n            [required]=\"required\"\r\n            [attr.disabled]=\"disabled ? 'true' : 'false'\"\r\n            [invalid]=\"ngControl?.errors ? true : false\"\r\n            [placeholder]=\"placeholder\"\r\n        >\r\n            @if (icon) {\r\n            <gov-icon\r\n                [name]=\"icon\"\r\n                [slot]=\"iconPos === 'left' ? 'icon-start' : 'icon-end'\"\r\n            />\r\n            } @if (prefix) {\r\n            <p slot=\"prefix\">\r\n                {{ prefix }}\r\n            </p>\r\n            } @if (sufix) {\r\n            <p slot=\"sufix\">\r\n                {{ sufix }}\r\n            </p>\r\n            }\r\n        </gov-form-input>\r\n        <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n        @if (message) {\r\n        <gov-form-message\r\n            [slot]=\"messageSlot\"\r\n            color=\"neutral\"\r\n        >\r\n            {{ message }}\r\n        </gov-form-message>\r\n        }\r\n    </gov-form-group>\r\n</gov-form-control>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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", "size", "position", "message", "label"] }, { kind: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextfieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-textfield', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        GovDesignSystemModule,
+                        TooltipComponent,
+                        GovSizePipe,
+                        TranslateModule,
+                        ErrorComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: TEXTFIELD_COMPONENT_TOKEN,
+                            useExisting: TextfieldComponent,
+                        },
+                    ], template: "<gov-form-control class=\"mb-3\">\r\n    @if (label) {\r\n    <gov-form-label\r\n        [slot]=\"labelSlot\"\r\n        [size]=\"size | govSize\"\r\n    >\r\n        <div class=\"d-flex\">\r\n            {{ label | translate }}\r\n            @if (tooltip) {\r\n            <v-tooltip [message]=\"tooltip | translate\" />\r\n            }\r\n        </div>\r\n    </gov-form-label>\r\n    }\r\n    <gov-form-group>\r\n        <gov-form-input\r\n            [inputType]=\"type\"\r\n            [formControl]=\"formControl\"\r\n            [minlength]=\"minlength\"\r\n            [maxlength]=\"maxlength\"\r\n            [min]=\"min\"\r\n            [max]=\"max\"\r\n            [size]='size | govSize'\r\n            [name]='name'\r\n            [role]='role'\r\n            [required]=\"required\"\r\n            [attr.disabled]=\"disabled ? 'true' : 'false'\"\r\n            [invalid]=\"ngControl?.errors ? true : false\"\r\n            [placeholder]=\"placeholder\"\r\n        >\r\n            @if (icon) {\r\n            <gov-icon\r\n                [name]=\"icon\"\r\n                [slot]=\"iconPos === 'left' ? 'icon-start' : 'icon-end'\"\r\n            />\r\n            } @if (prefix) {\r\n            <p slot=\"prefix\">\r\n                {{ prefix }}\r\n            </p>\r\n            } @if (sufix) {\r\n            <p slot=\"sufix\">\r\n                {{ sufix }}\r\n            </p>\r\n            }\r\n        </gov-form-input>\r\n        <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n        @if (message) {\r\n        <gov-form-message\r\n            [slot]=\"messageSlot\"\r\n            color=\"neutral\"\r\n        >\r\n            {{ message }}\r\n        </gov-form-message>\r\n        }\r\n    </gov-form-group>\r\n</gov-form-control>" }]
+        }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { floatLabel: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], minlength: [{
+                type: Input
+            }], maxlength: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], sufix: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconPos: [{
+                type: Input
+            }], labelSlot: [{
+                type: Input
+            }], errorSlot: [{
+                type: Input
+            }], messageSlot: [{
+                type: Input
+            }] } });
+
+class DropdownItemComponent {
+    item;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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: "18.2.13", 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: [{
+                type: Input
+            }] } });
+
+class DropdownComponent extends BaseFormInputComponent {
+    changeDetectorRef;
+    filterTextField;
+    options = [];
+    optionLabel;
+    optionValue;
+    dropdownIcon;
+    floatLabel;
+    lazy;
+    filter;
+    editable;
+    loading;
+    size = FieldSize.medium;
+    showFilter = true;
+    localSearch = true;
+    forceMinWidth = false;
+    changed = new EventEmitter();
+    showed = new EventEmitter();
+    cleared = new EventEmitter();
+    lazyLoad = new EventEmitter();
+    filtered = new EventEmitter();
+    opened = false;
+    icons = Icons;
+    selectedItem;
+    filterControl = new FormControl('');
+    filterSub;
+    dropdownOptions;
+    pageSize = DEFAULT_PAGE_SIZE;
+    lastPage;
+    get labelClasses() {
+        return {
+            disabled: this.ngControl?.disabled,
+            error: this.ngControl?.invalid
+        };
+    }
+    get inputClasses() {
+        return {
+            'disabled-input': this.ngControl?.disabled,
+            'error-input': this.ngControl?.invalid
+        };
+    }
+    constructor(ngControl, changeDetectorRef) {
+        super(ngControl);
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.filterSub = this.filterControl.valueChanges.pipe(debounceTime(300), distinctUntilChanged()).subscribe((value) => {
+            this.filterOptions(value);
+        });
+    }
+    writeValue(value) {
+        const selectedItem = (value == undefined || value === "") ? undefined : (this.dropdownOptions?.find(x => x.value === value)
+            ?? { value, label: '', option: undefined, selected: false });
+        this.selectItem(selectedItem, false);
+        this.changeDetectorRef.detectChanges();
+    }
+    ngOnChanges(changes) {
+        if (changes['options'] || changes['loading']) {
+            this.dropdownOptions = this.convertToOptions();
+            if (this.selectedItem && !this.selectedItem?.item) {
+                const item = this.dropdownOptions?.find(x => this.selectedItem?.value === x.value);
+                if (item) {
+                    this.selectItem(item, false);
+                }
+            }
+        }
+        this.changeDetectorRef.detectChanges();
+    }
+    convertToOptions() {
+        return this.options?.map((option) => ({
+            label: (this.optionLabel ? getValueByPath(option, this.optionLabel) : option),
+            value: this.optionValue ? getValueByPath(option, this.optionValue) : option,
+            item: option,
+            selected: false,
+        }));
+    }
+    ngOnDestroy() {
+        this.filterSub?.unsubscribe();
+    }
+    toggleDropdown() {
+        if (this.ngControl?.disabled) {
+            return;
+        }
+        if (!this.opened) {
+            this.openDropdown();
+        }
+        else {
+            this.closeDropdown();
+        }
+    }
+    clearSelection(event) {
+        event.stopPropagation();
+        this.changed.emit(null);
+        this.dropdownOptions = this.dropdownOptions?.map(x => ({ ...x, selected: false })) ?? [];
+        this.ngControl?.control?.setValue(null);
+    }
+    openDropdown() {
+        this.opened = true;
+        this.setFilterFocus();
+        this.showed.emit();
+    }
+    selectItem(option, emitChange) {
+        if (option == undefined) {
+            this.selectedItem = undefined;
+            this.closeDropdown();
+            return;
+        }
+        if (this.selectedItem && this.selectedItem != option) {
+            this.selectedItem.selected = false;
+        }
+        option.selected = true;
+        this.selectedItem = option;
+        if (emitChange) {
+            if (this.ngControl?.control?.value !== option.value) {
+                this.changed.emit(option.value);
+                this.ngControl?.control?.setValue(option?.value);
+            }
+        }
+        this.closeDropdown();
+    }
+    onDocumentClick(event) {
+        const target = event.target;
+        if (!target.closest('v-dropdown')) {
+            this.opened = false;
+        }
+    }
+    onScroll(index) {
+        this.loadDataForIndex(index);
+    }
+    onKeyDown(event) {
+        if (this.formControl.disabled || this.readonly || this.loading || !this.opened) {
+            return;
+        }
+        switch (event.code) {
+            case 'ArrowDown':
+                break;
+            case 'ArrowUp':
+                break;
+            case 'ArrowLeft':
+            case 'ArrowRight':
+                break;
+        }
+    }
+    loadDataForIndex(index) {
+        if (this.lazy) {
+            const currentPage = Math.floor(index / this.pageSize);
+            const shouldLazyLoad = currentPage !== this.lastPage;
+            if (shouldLazyLoad) {
+                this.lastPage = currentPage;
+                this.lazyLoad.emit({
+                    filter: this.createFilterObject(this.filterControl.value),
+                    offset: currentPage * this.pageSize,
+                    limit: this.pageSize,
+                });
+            }
+        }
+    }
+    setFilterFocus() {
+        setTimeout(() => {
+            this.filterTextField?.nativeElement?.querySelector("input").focus();
+        }, 200);
+    }
+    closeDropdown() {
+        this.opened = false;
+    }
+    filterOptions(value) {
+        if (!this.localSearch) {
+            this.filtered.emit({
+                filter: !value ? undefined : value,
+            });
+        }
+        if (this.lazy) {
+            this.loadDataForIndex(0);
+        }
+        else {
+            const loweredFilterValue = value?.toLocaleLowerCase();
+            this.dropdownOptions = !loweredFilterValue ?
+                this.convertToOptions()
+                : this.convertToOptions()?.filter(x => x.label?.toLocaleLowerCase()?.indexOf(loweredFilterValue) !== -1);
+            this.changeDetectorRef.detectChanges();
+        }
+    }
+    createFilterObject(filterValue) {
+        return (this.optionLabel ? { [this.optionLabel]: filterValue } : filterValue);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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\r\n  class=\"v-dropdown mb-3\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n>\r\n  <gov-form-control [disabled]=\"this.ngControl?.disabled\">\r\n    <gov-form-label\r\n      [slot]=\"label\"\r\n      [ngClass]=\"labelClasses\"\r\n    >\r\n      <span [ngClass]=\"labelClasses\">\r\n        {{ label ?? '' | translate }}\r\n        @if (tooltip) {\r\n        <v-tooltip [message]=\"tooltip | translate\" />\r\n        }\r\n      </span>\r\n    </gov-form-label>\r\n    <div\r\n      class=\"gov-form-input\"\r\n      [ngStyle]=\"forceMinWidth ? {'min-width': '16rem'} : {}\"\r\n      [ngClass]=\"inputClasses\"\r\n    >\r\n      <div\r\n        class=\"element d-flex gov-form-input-child\"\r\n        [ngClass]=\"labelClasses\"\r\n        (click)=\"toggleDropdown()\"\r\n      >\r\n        <div class=\"v-dropdown__value flex-grow-1 me-1\">{{ selectedItem?.label ?? placeholder }}</div>\r\n        @if (clearable && ngControl?.enabled && selectedItem !== undefined && selectedItem !== null) {\r\n          <gov-icon\r\n            [name]=\"icons.cross\"\r\n            size=\"m\"\r\n            class=\"v-dropdown__clear me-1\"\r\n            color=\"error\"\r\n            (click)=\"clearSelection($event)\"\r\n          />\r\n        }\r\n        @if (loading) {\r\n        <div class=\"v-dropdown__loader\">\r\n          <gov-icon [name]=\"icons.loader\" />\r\n        </div>\r\n        }\r\n        <div class=\"v-dropdown__trigger\">\r\n          <gov-icon [name]=\"opened ? icons.chevronUp : icons.chevronDown\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"position-relative\">\r\n      @if (opened) {\r\n      <div class=\"v-dropdown__container\">\r\n        @if (showFilter) {\r\n        <div\r\n          class=\"v-dropdown__filter\"\r\n          #filterTextField\r\n          (keydown)=\"onKeyDown($event)\"\r\n        >\r\n          <v-textfield\r\n            placeholder=\"Search\"\r\n            [formControl]=\"filterControl\"\r\n            iconPos=\"right\"\r\n            [icon]=\"icons.search\"\r\n          />\r\n        </div>\r\n        }\r\n        @if (!dropdownOptions?.length) {\r\n        <div class=\"v-dropdown__no-item\">No option was found.</div>\r\n        } @else {\r\n        <ul\r\n          role=\"listbox\"\r\n          class=\"v-dropdown__list\"\r\n        >\r\n          <cdk-virtual-scroll-viewport\r\n            [itemSize]=\"30\"\r\n            class=\"v-dropdown__scroll\"\r\n            (scrolledIndexChange)=\"onScroll($event)\"\r\n          >\r\n            <v-dropdown-item\r\n              *cdkVirtualFor=\"let option of dropdownOptions;\"\r\n              [item]=\"option\"\r\n              (click)=\"selectItem(option, true)\"\r\n            >\r\n            </v-dropdown-item>\r\n          </cdk-virtual-scroll-viewport>\r\n        </ul>\r\n        }\r\n      </div>\r\n      }\r\n    </div>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </gov-form-control>\r\n</div>\r\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: "18.2.13", ngImport: i0, type: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-dropdown', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        GovDesignSystemModule,
+                        ErrorComponent,
+                        DropdownItemComponent,
+                        TextfieldComponent,
+                        ScrollingModule,
+                        TranslateModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: DROPDOWN_COMPONENT_TOKEN,
+                            useExisting: DropdownComponent,
+                        },
+                    ], schemas: [
+                        NO_ERRORS_SCHEMA
+                    ], template: "<div\r\n  class=\"v-dropdown mb-3\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n>\r\n  <gov-form-control [disabled]=\"this.ngControl?.disabled\">\r\n    <gov-form-label\r\n      [slot]=\"label\"\r\n      [ngClass]=\"labelClasses\"\r\n    >\r\n      <span [ngClass]=\"labelClasses\">\r\n        {{ label ?? '' | translate }}\r\n        @if (tooltip) {\r\n        <v-tooltip [message]=\"tooltip | translate\" />\r\n        }\r\n      </span>\r\n    </gov-form-label>\r\n    <div\r\n      class=\"gov-form-input\"\r\n      [ngStyle]=\"forceMinWidth ? {'min-width': '16rem'} : {}\"\r\n      [ngClass]=\"inputClasses\"\r\n    >\r\n      <div\r\n        class=\"element d-flex gov-form-input-child\"\r\n        [ngClass]=\"labelClasses\"\r\n        (click)=\"toggleDropdown()\"\r\n      >\r\n        <div class=\"v-dropdown__value flex-grow-1 me-1\">{{ selectedItem?.label ?? placeholder }}</div>\r\n        @if (clearable && ngControl?.enabled && selectedItem !== undefined && selectedItem !== null) {\r\n          <gov-icon\r\n            [name]=\"icons.cross\"\r\n            size=\"m\"\r\n            class=\"v-dropdown__clear me-1\"\r\n            color=\"error\"\r\n            (click)=\"clearSelection($event)\"\r\n          />\r\n        }\r\n        @if (loading) {\r\n        <div class=\"v-dropdown__loader\">\r\n          <gov-icon [name]=\"icons.loader\" />\r\n        </div>\r\n        }\r\n        <div class=\"v-dropdown__trigger\">\r\n          <gov-icon [name]=\"opened ? icons.chevronUp : icons.chevronDown\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"position-relative\">\r\n      @if (opened) {\r\n      <div class=\"v-dropdown__container\">\r\n        @if (showFilter) {\r\n        <div\r\n          class=\"v-dropdown__filter\"\r\n          #filterTextField\r\n          (keydown)=\"onKeyDown($event)\"\r\n        >\r\n          <v-textfield\r\n            placeholder=\"Search\"\r\n            [formControl]=\"filterControl\"\r\n            iconPos=\"right\"\r\n            [icon]=\"icons.search\"\r\n          />\r\n        </div>\r\n        }\r\n        @if (!dropdownOptions?.length) {\r\n        <div class=\"v-dropdown__no-item\">No option was found.</div>\r\n        } @else {\r\n        <ul\r\n          role=\"listbox\"\r\n          class=\"v-dropdown__list\"\r\n        >\r\n          <cdk-virtual-scroll-viewport\r\n            [itemSize]=\"30\"\r\n            class=\"v-dropdown__scroll\"\r\n            (scrolledIndexChange)=\"onScroll($event)\"\r\n          >\r\n            <v-dropdown-item\r\n              *cdkVirtualFor=\"let option of dropdownOptions;\"\r\n              [item]=\"option\"\r\n              (click)=\"selectItem(option, true)\"\r\n            >\r\n            </v-dropdown-item>\r\n          </cdk-virtual-scroll-viewport>\r\n        </ul>\r\n        }\r\n      </div>\r\n      }\r\n    </div>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </gov-form-control>\r\n</div>\r\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"] }]
+        }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { filterTextField: [{
+                type: ViewChild,
+                args: ['filterTextField', { static: false }]
+            }], options: [{
+                type: Input
+            }], optionLabel: [{
+                type: Input
+            }], optionValue: [{
+                type: Input
+            }], dropdownIcon: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], lazy: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], editable: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], showFilter: [{
+                type: Input
+            }], localSearch: [{
+                type: Input
+            }], forceMinWidth: [{
+                type: Input
+            }], changed: [{
+                type: Output
+            }], showed: [{
+                type: Output
+            }], cleared: [{
+                type: Output
+            }], lazyLoad: [{
+                type: Output
+            }], filtered: [{
+                type: Output
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class MultiselectComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+    }
+    options = [];
+    optionLabel;
+    optionValue;
+    dropdownIcon;
+    floatLabel;
+    editable = true;
+    display;
+    errorSlot = SlotPosition.bottom;
+    lazy;
+    filter;
+    loading = false;
+    size = FieldSize.medium;
+    changed = new EventEmitter();
+    showed = new EventEmitter();
+    cleared = new EventEmitter();
+    lazyLoad = new EventEmitter();
+    filtered = new EventEmitter();
+    icons = Icons;
+    lazyLoadOptions = {
+        limit: 50,
+        offset: 0,
+    };
+    cdRef = inject(ChangeDetectorRef);
+    ngOnChanges(changes) {
+        if (changes['options'] && !changes['options'].firstChange) {
+            this.cdRef.detectChanges();
+        }
+    }
+    onLazyLoad(event) {
+        if (this.options && this.options.length - event.last <= 0) {
+            this.lazyLoadOptions.offset = event.last;
+            this.lazyLoad.emit(this.lazyLoadOptions);
+        }
+    }
+    selectionChange(event) {
+        this.cleared.emit(event);
+    }
+    onDropdownShow() {
+        this.showed.emit();
+    }
+    onDropdownClear() {
+        this.cleared.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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>\r\n  <gov-form-label \r\n    [slot]=\"label\"\r\n    [size]=\"size | govSize\"\r\n  >\r\n    {{ label }}\r\n  </gov-form-label>\r\n  <gov-form-multi-select\r\n    [size]=\"size | govSize\"\r\n    [formControl]=\"formControl\"\r\n    [required]=\"required\"\r\n    [invalid]=\"ngControl && ngControl.errors\"\r\n    [options]=\"options | govMultiselectOptions : optionLabel : optionValue\"\r\n    [placeholder]=\"placeholder ?? ''\"\r\n    (gov-focus)=\"onDropdownShow()\"\r\n    (gov-remove)=\"onDropdownClear()\"\r\n    (gov-change)=\"selectionChange($event)\"\r\n    (lazyLoadEvent)=\"onLazyLoad($any($event))\"\r\n  />\r\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n</gov-form-control>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "pipe", type: GovMultiselectOptionsPipe, name: "govMultiselectOptions" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MultiselectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-multiselect', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        GovDesignSystemModule,
+                        GovSizePipe,
+                        GovMultiselectOptionsPipe,
+                        ErrorComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: MULTISELECT_COMPONENT_TOKEN,
+                            useExisting: MultiselectComponent,
+                        },
+                    ], template: "<gov-form-control>\r\n  <gov-form-label \r\n    [slot]=\"label\"\r\n    [size]=\"size | govSize\"\r\n  >\r\n    {{ label }}\r\n  </gov-form-label>\r\n  <gov-form-multi-select\r\n    [size]=\"size | govSize\"\r\n    [formControl]=\"formControl\"\r\n    [required]=\"required\"\r\n    [invalid]=\"ngControl && ngControl.errors\"\r\n    [options]=\"options | govMultiselectOptions : optionLabel : optionValue\"\r\n    [placeholder]=\"placeholder ?? ''\"\r\n    (gov-focus)=\"onDropdownShow()\"\r\n    (gov-remove)=\"onDropdownClear()\"\r\n    (gov-change)=\"selectionChange($event)\"\r\n    (lazyLoadEvent)=\"onLazyLoad($any($event))\"\r\n  />\r\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n</gov-form-control>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { options: [{
+                type: Input
+            }], optionLabel: [{
+                type: Input
+            }], optionValue: [{
+                type: Input
+            }], dropdownIcon: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], editable: [{
+                type: Input
+            }], display: [{
+                type: Input
+            }], errorSlot: [{
+                type: Input
+            }], lazy: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], changed: [{
+                type: Output
+            }], showed: [{
+                type: Output
+            }], cleared: [{
+                type: Output
+            }], lazyLoad: [{
+                type: Output
+            }], filtered: [{
+                type: Output
+            }] } });
+
+var States;
+(function (States) {
+    States[States["None"] = -1] = "None";
+    States[States["False"] = 0] = "False";
+    States[States["True"] = 1] = "True";
+})(States || (States = {}));
+class TristatecheckboxComponent extends BaseFormInputComponent {
+    changeDetectorRef;
+    size = FieldSize.medium;
+    value;
+    name;
+    noLabel = false;
+    errorSlot = SlotPosition.bottom;
+    checked;
+    isChecked = States.None;
+    constructor(ngControl, changeDetectorRef) {
+        super(ngControl);
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    writeValue(value) {
+        this.isChecked = value === true ? States.True : value === false ? States.False : States.None;
+        this.changeDetectorRef.markForCheck();
+    }
+    toggleCheckbox() {
+        this.isChecked = this.isChecked === States.False
+            ? States.None
+            : this.isChecked === States.None
+                ? States.True
+                : States.False;
+        this.updateControlValue();
+        this.changeDetectorRef.markForCheck();
+    }
+    updateControlValue() {
+        const newValue = this.getCurrentValue();
+        this.formControl.setValue(newValue, { emitEvent: true });
+    }
+    getCurrentValue() {
+        return this.isChecked === States.True ? true : this.isChecked === States.False ? false : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TristatecheckboxComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TristatecheckboxComponent, isStandalone: true, selector: "v-tristatecheckbox", inputs: { size: "size", value: "value", name: "name", noLabel: "noLabel", errorSlot: "errorSlot", checked: "checked" }, providers: [
+            {
+                provide: TRISTATE_CHECKBOX_COMPONENT_TOKEN,
+                useExisting: TristatecheckboxComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<gov-form-control class=\"mt-3\">\r\n    <gov-form-checkbox \r\n        [formControl]=\"formControl\"\r\n        [size]=\"size | govSize\"\r\n        [value]=\"value\"\r\n        [required]=\"required\"\r\n        [attr.disabled]=\"disabled ? 'true' : 'false'\"\r\n        [checked]=\"checked\"\r\n        [indeterminate]=\"isChecked === 0\"\r\n        [name]=\"name\"\r\n        [invalid]=\"ngControl?.errors\"\r\n        [noLabel]=\"noLabel\"\r\n        (gov-change)=\"toggleCheckbox()\"\r\n    > \r\n        <gov-form-label\r\n            [size]=\"size | govSize\"\r\n            slot=\"label\"\r\n        >\r\n            {{ label }}\r\n        </gov-form-label>\r\n    </gov-form-checkbox>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n</gov-form-control>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: 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: "18.2.13", ngImport: i0, type: TristatecheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-tristatecheckbox', standalone: true, imports: [
+                        CommonModule,
+                        GovDesignSystemModule,
+                        ReactiveFormsModule,
+                        ErrorComponent,
+                        GovSizePipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: TRISTATE_CHECKBOX_COMPONENT_TOKEN,
+                            useExisting: TristatecheckboxComponent,
+                        },
+                    ], template: "<gov-form-control class=\"mt-3\">\r\n    <gov-form-checkbox \r\n        [formControl]=\"formControl\"\r\n        [size]=\"size | govSize\"\r\n        [value]=\"value\"\r\n        [required]=\"required\"\r\n        [attr.disabled]=\"disabled ? 'true' : 'false'\"\r\n        [checked]=\"checked\"\r\n        [indeterminate]=\"isChecked === 0\"\r\n        [name]=\"name\"\r\n        [invalid]=\"ngControl?.errors\"\r\n        [noLabel]=\"noLabel\"\r\n        (gov-change)=\"toggleCheckbox()\"\r\n    > \r\n        <gov-form-label\r\n            [size]=\"size | govSize\"\r\n            slot=\"label\"\r\n        >\r\n            {{ label }}\r\n        </gov-form-label>\r\n    </gov-form-checkbox>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n</gov-form-control>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { size: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], noLabel: [{
+                type: Input
+            }], errorSlot: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }] } });
+
+class GenericFieldComponent extends BaseFormInputComponent {
+    type = GenericFieldType.text;
+    floatLabel;
+    optionLabel;
+    optionValue;
+    options;
+    size = FieldSize.medium;
+    loading = false;
+    lazy = false;
+    filter = true;
+    datasource;
+    filterField;
+    showFilter;
+    localSearch;
+    changed = new EventEmitter();
+    showed = new EventEmitter();
+    cleared = new EventEmitter();
+    lazyLoad = new EventEmitter();
+    filtered = new EventEmitter();
+    fieldTypes = GenericFieldType;
+    icons = Icons;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GenericFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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) {\r\n<v-textfield\r\n  [label]=\"label\"\r\n  [floatLabel]=\"floatLabel === true\"\r\n  [size]=\"size\"\r\n  [formControl]=\"formControl\"\r\n/>\r\n} @else if (type === fieldTypes.dropdown && !datasource) {\r\n<v-dropdown\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [options]=\"options\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue ?? optionLabel\"\r\n  [loading]=\"loading\"\r\n  [forceMinWidth]=\"true\"\r\n  [formControl]=\"formControl\"\r\n  [showFilter]=\"showFilter ?? false\"\r\n  [localSearch]=\"localSearch ?? false\"\r\n  (changeEvent)=\"changed.emit($event)\"\r\n  (clearEvent)=\"cleared.emit($event)\"\r\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n  (showEvent)=\"showed.emit($event)\"\r\n/> \r\n} @else if (type === fieldTypes.dropdown && datasource) {\r\n  <v-dropdown\r\n    useDatasource\r\n    [forceMinWidth]=\"true\"\r\n    [datasource]=\"datasource\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [optionValue]=\"optionValue ?? optionLabel\"\r\n    [label]=\"!floatLabel ? label : ''\"\r\n    [floatLabel]=\"floatLabel ? label : ''\"\r\n    [testId]=\"testId\"\r\n    [loading]=\"loading\"\r\n    [formControl]=\"formControl\"\r\n    [showFilter]=\"showFilter ?? false\"\r\n    [filterField]=\"filterField ?? 'fulltext'\"\r\n    [localSearch]=\"localSearch ?? false\"\r\n    (changeEvent)=\"changed.emit($event)\"\r\n    (clearEvent)=\"cleared.emit($event)\"\r\n    (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n    (showEvent)=\"showed.emit($event)\"\r\n  />\r\n} @else if (type === fieldTypes.multiselect && !datasource) {\r\n<v-multiselect\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [options]=\"options\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue ?? optionLabel\"\r\n  [loading]=\"loading\"\r\n  [formControl]=\"formControl\"\r\n  (changeEvent)=\"changed.emit($event)\"\r\n  (clearEvent)=\"cleared.emit($event)\"\r\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n  (showEvent)=\"showed.emit($event)\"\r\n/>\r\n} @else if (type === fieldTypes.multiselect && datasource) {\r\n<v-multiselect\r\n  useDatasource\r\n  [datasource]=\"datasource\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue ?? optionLabel\"\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [loading]=\"loading\"\r\n  [formControl]=\"formControl\"\r\n  (changeEvent)=\"changed.emit($event)\"\r\n  (clearEvent)=\"cleared.emit($event)\"\r\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n  (showEvent)=\"showed.emit($event)\"\r\n/>\r\n} @else if (type === fieldTypes.checkbox) {\r\n<v-tristatecheckbox\r\n  [label]=\"label\"\r\n  [testId]=\"testId\"\r\n  [formControl]=\"formControl\"\r\n/>\r\n} @else if (type === fieldTypes.simplecheckbox) {\r\n<v-checkbox\r\n  [label]=\"label\"\r\n  [testId]=\"testId\"\r\n  [formControl]=\"formControl\"\r\n/>\r\n} @else if (type === fieldTypes.calendar) {\r\n<v-calendar\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [formControl]=\"formControl\"\r\n  [icon]=\"icons.calendar\"\r\n/>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: TristatecheckboxComponent, selector: "v-tristatecheckbox", inputs: ["size", "value", "name", "noLabel", "errorSlot", "checked"] }, { 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: "18.2.13", ngImport: i0, type: GenericFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-generic-field', standalone: true, imports: [
+                        CommonModule,
+                        DropdownComponent,
+                        CalendarComponent,
+                        TristatecheckboxComponent,
+                        MultiselectComponent,
+                        TextfieldComponent,
+                        ReactiveFormsModule,
+                        CheckboxComponent,
+                        DatasourceDirective,
+                    ], providers: [
+                        {
+                            provide: GENERIC_FIELD_COMPONENT_TOKEN,
+                            useExisting: GenericFieldComponent,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!type || type === fieldTypes.text) {\r\n<v-textfield\r\n  [label]=\"label\"\r\n  [floatLabel]=\"floatLabel === true\"\r\n  [size]=\"size\"\r\n  [formControl]=\"formControl\"\r\n/>\r\n} @else if (type === fieldTypes.dropdown && !datasource) {\r\n<v-dropdown\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [options]=\"options\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue ?? optionLabel\"\r\n  [loading]=\"loading\"\r\n  [forceMinWidth]=\"true\"\r\n  [formControl]=\"formControl\"\r\n  [showFilter]=\"showFilter ?? false\"\r\n  [localSearch]=\"localSearch ?? false\"\r\n  (changeEvent)=\"changed.emit($event)\"\r\n  (clearEvent)=\"cleared.emit($event)\"\r\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n  (showEvent)=\"showed.emit($event)\"\r\n/> \r\n} @else if (type === fieldTypes.dropdown && datasource) {\r\n  <v-dropdown\r\n    useDatasource\r\n    [forceMinWidth]=\"true\"\r\n    [datasource]=\"datasource\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [optionValue]=\"optionValue ?? optionLabel\"\r\n    [label]=\"!floatLabel ? label : ''\"\r\n    [floatLabel]=\"floatLabel ? label : ''\"\r\n    [testId]=\"testId\"\r\n    [loading]=\"loading\"\r\n    [formControl]=\"formControl\"\r\n    [showFilter]=\"showFilter ?? false\"\r\n    [filterField]=\"filterField ?? 'fulltext'\"\r\n    [localSearch]=\"localSearch ?? false\"\r\n    (changeEvent)=\"changed.emit($event)\"\r\n    (clearEvent)=\"cleared.emit($event)\"\r\n    (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n    (showEvent)=\"showed.emit($event)\"\r\n  />\r\n} @else if (type === fieldTypes.multiselect && !datasource) {\r\n<v-multiselect\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [options]=\"options\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue ?? optionLabel\"\r\n  [loading]=\"loading\"\r\n  [formControl]=\"formControl\"\r\n  (changeEvent)=\"changed.emit($event)\"\r\n  (clearEvent)=\"cleared.emit($event)\"\r\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n  (showEvent)=\"showed.emit($event)\"\r\n/>\r\n} @else if (type === fieldTypes.multiselect && datasource) {\r\n<v-multiselect\r\n  useDatasource\r\n  [datasource]=\"datasource\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue ?? optionLabel\"\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [loading]=\"loading\"\r\n  [formControl]=\"formControl\"\r\n  (changeEvent)=\"changed.emit($event)\"\r\n  (clearEvent)=\"cleared.emit($event)\"\r\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n  (showEvent)=\"showed.emit($event)\"\r\n/>\r\n} @else if (type === fieldTypes.checkbox) {\r\n<v-tristatecheckbox\r\n  [label]=\"label\"\r\n  [testId]=\"testId\"\r\n  [formControl]=\"formControl\"\r\n/>\r\n} @else if (type === fieldTypes.simplecheckbox) {\r\n<v-checkbox\r\n  [label]=\"label\"\r\n  [testId]=\"testId\"\r\n  [formControl]=\"formControl\"\r\n/>\r\n} @else if (type === fieldTypes.calendar) {\r\n<v-calendar\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [formControl]=\"formControl\"\r\n  [icon]=\"icons.calendar\"\r\n/>\r\n}\r\n" }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], optionLabel: [{
+                type: Input
+            }], optionValue: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], lazy: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], datasource: [{
+                type: Input
+            }], filterField: [{
+                type: Input
+            }], showFilter: [{
+                type: Input
+            }], localSearch: [{
+                type: Input
+            }], changed: [{
+                type: Output
+            }], showed: [{
+                type: Output
+            }], cleared: [{
+                type: Output
+            }], lazyLoad: [{
+                type: Output
+            }], filtered: [{
+                type: Output
+            }] } });
+
+function generateFormGroup(fields, lastGroupValue, inputGroup, inputGroupChanged = false) {
+    const formGroup = (inputGroupChanged
+        ? inputGroup ?? lastGroupValue
+        : lastGroupValue ?? inputGroup) ?? new UntypedFormGroup({});
+    fields?.forEach((field) => {
+        const control = formGroup.get(field.name);
+        if (!control) {
+            formGroup.addControl(field.name, new UntypedFormControl(field.value, field.validator));
+        }
+        else if (control && control.value !== field.value) {
+            control.setValue(field.value);
+            control.setValidators(field.validator ?? null);
+        }
+        else {
+            control.setValidators(field.validator ?? null);
+        }
+        if (field.readonly && (control || formGroup.get(field.name))) {
+            formGroup.get(field.name)?.disable();
+        }
+    });
+    if (!inputGroupChanged) {
+        for (const field in formGroup.controls) {
+            const control = fields?.find((x) => x.name == field);
+            if (!control) {
+                formGroup.removeControl(field);
+            }
+        }
+    }
+    return formGroup;
+}
+function getColumnClass(value) {
+    if (!value) {
+        return undefined;
+    }
+    switch (value) {
+        case 1:
+            return 'col-12';
+        case 2:
+            return 'col-12 col-md-6';
+        case 3:
+            return 'col-12 col-md-4';
+        case 4:
+            return 'col-12 col-md-3';
+        case 6:
+            return 'col-12 col-md-2';
+    }
+    return 'col-12 col-md-1';
+}
+
+class GenericFormComponent {
+    formGroup;
+    fields;
+    columns;
+    showAsRow;
+    formGroupComputed;
+    columnClass;
+    ngOnChanges(changes) {
+        if (changes['fields'] || changes['formGroup']) {
+            this.formGroupComputed = generateFormGroup(this.fields, this.formGroupComputed, this.formGroup, !!changes['formGroup']);
+        }
+        if (changes['columns']) {
+            this.columnClass = getColumnClass(this.columns);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GenericFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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],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: "18.2.13", ngImport: i0, type: GenericFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-generic-form', standalone: true, imports: [
+                        CommonModule,
+                        GenericFieldComponent,
+                        ReactiveFormsModule,
+                        TranslateModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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" }]
+        }], propDecorators: { formGroup: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], showAsRow: [{
+                type: Input
+            }] } });
+
+class FilterFieldDirective {
+    name;
+    type = GenericFieldType.text;
+    label;
+    optionLabel;
+    optionValue;
+    options;
+    value;
+    validator;
+    datasource;
+    filterField;
+    showFilter;
+    localSearch;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FilterFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", 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: "18.2.13", ngImport: i0, type: FilterFieldDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'v-filter-field',
+                    standalone: true,
+                }]
+        }], propDecorators: { name: [{
+                type: Input,
+                args: [{ required: true }]
+            }], type: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], optionLabel: [{
+                type: Input
+            }], optionValue: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], validator: [{
+                type: Input
+            }], datasource: [{
+                type: Input
+            }], filterField: [{
+                type: Input
+            }], showFilter: [{
+                type: Input
+            }], localSearch: [{
+                type: Input
+            }] } });
+
+function getFilledControlCount(formGroup) {
+    let count = 0;
+    Object.keys(formGroup.controls).forEach((key) => {
+        const control = formGroup.get(key);
+        if (control?.value) {
+            if (typeof control.value === 'boolean') {
+                count++;
+            }
+            if (typeof control.value === 'string' && control.value.trim() !== '') {
+                count++;
+            }
+        }
+    });
+    return count;
+}
+
+class FilterComponent extends UnsubscribeComponent {
+    fieldDeclarations;
+    fields = [];
+    filters = [];
+    title;
+    fulltextFieldName = 'searchField';
+    showFulltext = true;
+    showFilters = true;
+    autoBind = true;
+    debounceTime = DEFAULT_DEBOUNCE_TIME;
+    icons = Icons;
+    fieldDefinitios$;
+    formGroup$;
+    simpleFormFieldDefinitions$;
+    searchField = {
+        name: this.fulltextFieldName,
+    };
+    onTouch;
+    onChange;
+    inputFields$ = new BehaviorSubject([...this.fields ?? [], ...this.filters ?? []]);
+    FieldSize = FieldSize;
+    screenSizeService = inject(ScreenSizeService);
+    changeDetectorRef = inject(ChangeDetectorRef);
+    dialogService = inject(DialogService);
+    service;
+    formGroup = new FormGroup({});
+    filledFiltersCount$ = this.formGroup.valueChanges.pipe(startWith(this.formGroup), map(() => getFilledControlCount(this.formGroup).toString()));
+    lastFormFields = [];
+    ngOnInit() {
+        this.formGroup.valueChanges
+            .pipe(takeUntil(this.destroyed$), debounceTime(this.debounceTime ?? DEFAULT_DEBOUNCE_TIME), map((x) => this.convertFilter(x)), distinctUntilChanged())
+            .subscribe((value) => this.onChange?.(value));
+    }
+    ngOnChanges(changes) {
+        if (changes['fields'] || changes['filters']) {
+            this.inputFields$.next([...this.fields ?? [], ...this.filters ?? []]);
+        }
+    }
+    ngAfterContentInit() {
+        const fieldDeclaratios$ = this.fieldDeclarations.changes.pipe(startWith({}), map(() => this.fieldDeclarations.toArray()));
+        this.fieldDefinitios$ = this.inputFields$.pipe(combineLatestWith(fieldDeclaratios$), map(([inputs, views]) => {
+            this.searchField.name = this.fulltextFieldName;
+            this.lastFormFields = [this.searchField, ...(inputs ?? []), ...views];
+            return this.lastFormFields;
+        }));
+        this.simpleFormFieldDefinitions$ = this.fieldDefinitios$.pipe(map((fields) => {
+            return fields
+                .filter((x) => x.name !== this.fulltextFieldName)
+                .map((x) => ({ ...x, floatLabel: true, size: FieldSize.large }));
+        }));
+        this.formGroup$ = this.fieldDefinitios$.pipe(map((fields) => generateFormGroup(fields, this.formGroup, undefined, false)));
+        this.changeDetectorRef.detectChanges();
+    }
+    openFilter() {
+        const fields = this.lastFormFields.map((x) => ({
+            ...x,
+            label: x.name === this.fulltextFieldName ? 'Fulltext' : x.label ?? x.name,
+        }));
+        const formGroup = generateFormGroup(this.lastFormFields, undefined, undefined, false);
+        formGroup.patchValue(this.formGroup.value);
+        this.dialogService.showDialog({
+            title: 'Set filters',
+            headerIcon: this.icons.filter,
+            severity: 'primary',
+            componentType: GenericFormComponent,
+            data: {
+                formGroup,
+                fields: fields,
+                columns: 1,
+            },
+            confirmButtonFn: () => this.setFilterValues(formGroup),
+            confirmButtonText: 'Apply',
+            cancelButtonFn: () => this.clear(),
+            cancelButtonText: 'Clear all',
+            showCancelButton: true,
+            closable: false,
+        });
+    }
+    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);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        isDisabled ? this.formGroup.disable() : this.formGroup.enable();
+    }
+    submitValue() {
+        if (!this.autoBind) {
+            this.onChange?.(this.formGroup.value);
+        }
+    }
+    setFilterValues(dialogFormGroup) {
+        this.formGroup.setValue(dialogFormGroup.value);
+        this.submitValue();
+    }
+    clear() {
+        this.formGroup.reset();
+        this.submitValue();
+    }
+    convertFilter(value) {
+        if (value == undefined) {
+            return undefined;
+        }
+        const isEmpty = isFilterEmpty(value);
+        if (isEmpty) {
+            return undefined;
+        }
+        return value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FilterComponent, isStandalone: true, selector: "v-filter", inputs: { fields: "fields", filters: "filters", title: "title", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", showFilters: "showFilters", autoBind: "autoBind", debounceTime: "debounceTime" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => FilterComponent),
+                multi: true,
+            },
+            {
+                provide: FILTER_COMPONENT_TOKEN,
+                useExisting: FilterComponent,
+            },
+        ], queries: [{ propertyName: "fieldDeclarations", predicate: FilterFieldDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-filter w-100 p-3 bg-primary\">\r\n  @if (formGroup$ | async; as formGroup){\r\n  <form [formGroup]=\"formGroup\" class=\"d-flex align-items-center\">\r\n    @if (title) {\r\n    <div class=\"v-filter_title pe-4\">\r\n      <h2 class=\"text-white m-0\">{{ title }}</h2>\r\n    </div>\r\n    }\r\n    <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\r\n      @if (showFulltext){\r\n      <v-textfield\r\n        class=\"d-none d-lg-block\"\r\n        placeholder=\"Search\"\r\n        size=\"large\"\r\n        formControlName=\"searchField\"\r\n        type=\"search\"\r\n        [clearable]=\"true\"\r\n      >\r\n      </v-textfield>\r\n      }\r\n    </div>\r\n    @if (simpleFormFieldDefinitions$ | async; as declaration){\r\n       @if (showFilters)\r\n    {\r\n    <div class=\"v-filter_filters d-none d-sm-block me-2\">\r\n      <v-generic-form\r\n        [fields]=\"declaration\"\r\n        [formGroup]=\"formGroup\"\r\n      ></v-generic-form>\r\n      <v-button label=\"X\" class=\"mt-3\" (click)=\"clear()\" />\r\n    </div>\r\n  }\r\n    <div class=\"v-filter_action-buttons d-flex\">\r\n      @if (declaration.length && !showFilters) {\r\n      <v-button \r\n        class=\"me-4\"\r\n        [icon]=\"icons.filter\"\r\n        [label]=\"$any(filledFiltersCount$ | async)\"\r\n        (click)=\"openFilter()\"\r\n      />\r\n      } @if (!autoBind) {\r\n      <v-button\r\n        useShortCut\r\n        [shortCutFn]=\"submitValue.bind(this)\"\r\n        shortCutKey=\"Enter\"\r\n        class=\"text-white mx-2\"\r\n        [outlined]=\"true\"\r\n        size=\"small\"\r\n        label=\"Apply\"\r\n        (click)=\"submitValue()\"\r\n      ></v-button>\r\n      <v-button\r\n        useShortCut\r\n        [shortCutFn]=\"clear.bind(this)\"\r\n        shortCutKey=\"Escape\"\r\n        class=\"text-white\"\r\n        [outlined]=\"true\"\r\n        size=\"small\"\r\n        label=\"Clear\"\r\n        (click)=\"clear()\"\r\n      ></v-button>\r\n      } \r\n    </div>\r\n    }\r\n    <ng-content select=\"v-action-button-group\"></ng-content>\r\n  </form>\r\n  }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { 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],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: BadgeModule }, { 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", "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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-filter', standalone: true, imports: [
+                        AsyncPipe,
+                        ReactiveFormsModule,
+                        BadgeModule,
+                        TextfieldComponent,
+                        GenericFormComponent,
+                        ButtonComponent,
+                        ButtonShortCutDirective,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FilterComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: FILTER_COMPONENT_TOKEN,
+                            useExisting: FilterComponent,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"v-filter w-100 p-3 bg-primary\">\r\n  @if (formGroup$ | async; as formGroup){\r\n  <form [formGroup]=\"formGroup\" class=\"d-flex align-items-center\">\r\n    @if (title) {\r\n    <div class=\"v-filter_title pe-4\">\r\n      <h2 class=\"text-white m-0\">{{ title }}</h2>\r\n    </div>\r\n    }\r\n    <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\r\n      @if (showFulltext){\r\n      <v-textfield\r\n        class=\"d-none d-lg-block\"\r\n        placeholder=\"Search\"\r\n        size=\"large\"\r\n        formControlName=\"searchField\"\r\n        type=\"search\"\r\n        [clearable]=\"true\"\r\n      >\r\n      </v-textfield>\r\n      }\r\n    </div>\r\n    @if (simpleFormFieldDefinitions$ | async; as declaration){\r\n       @if (showFilters)\r\n    {\r\n    <div class=\"v-filter_filters d-none d-sm-block me-2\">\r\n      <v-generic-form\r\n        [fields]=\"declaration\"\r\n        [formGroup]=\"formGroup\"\r\n      ></v-generic-form>\r\n      <v-button label=\"X\" class=\"mt-3\" (click)=\"clear()\" />\r\n    </div>\r\n  }\r\n    <div class=\"v-filter_action-buttons d-flex\">\r\n      @if (declaration.length && !showFilters) {\r\n      <v-button \r\n        class=\"me-4\"\r\n        [icon]=\"icons.filter\"\r\n        [label]=\"$any(filledFiltersCount$ | async)\"\r\n        (click)=\"openFilter()\"\r\n      />\r\n      } @if (!autoBind) {\r\n      <v-button\r\n        useShortCut\r\n        [shortCutFn]=\"submitValue.bind(this)\"\r\n        shortCutKey=\"Enter\"\r\n        class=\"text-white mx-2\"\r\n        [outlined]=\"true\"\r\n        size=\"small\"\r\n        label=\"Apply\"\r\n        (click)=\"submitValue()\"\r\n      ></v-button>\r\n      <v-button\r\n        useShortCut\r\n        [shortCutFn]=\"clear.bind(this)\"\r\n        shortCutKey=\"Escape\"\r\n        class=\"text-white\"\r\n        [outlined]=\"true\"\r\n        size=\"small\"\r\n        label=\"Clear\"\r\n        (click)=\"clear()\"\r\n      ></v-button>\r\n      } \r\n    </div>\r\n    }\r\n    <ng-content select=\"v-action-button-group\"></ng-content>\r\n  </form>\r\n  }\r\n</div>\r\n" }]
+        }], propDecorators: { fieldDeclarations: [{
+                type: ContentChildren,
+                args: [FilterFieldDirective]
+            }], fields: [{
+                type: Input
+            }], filters: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], fulltextFieldName: [{
+                type: Input
+            }], showFulltext: [{
+                type: Input
+            }], showFilters: [{
+                type: Input
+            }], autoBind: [{
+                type: Input
+            }], debounceTime: [{
+                type: Input
+            }] } });
+
+class LoaderComponent {
+    size = FieldSize.medium;
+    message;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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;\">\r\n  <gov-loading\r\n    [size]=\"size | govSize\"\r\n  >\r\n    {{ message }}\r\n  </gov-loading>\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "18.2.13", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-loader', standalone: true, imports: [
+                        CommonModule, GovDesignSystemModule, GovSizePipe
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: LOADER_COMPONENT_TOKEN,
+                            useExisting: LoaderComponent,
+                        }
+                    ], template: "<div style=\"min-height: 300px;\">\r\n  <gov-loading\r\n    [size]=\"size | govSize\"\r\n  >\r\n    {{ message }}\r\n  </gov-loading>\r\n</div>" }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }] } });
+
+class TablePaginationInfoComponent {
+    showingText = 'Showing';
+    toText = 'to';
+    ofText = 'of';
+    entriesText = 'entries';
+    currentPage = 0;
+    pageSize = 0;
+    total = 0;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TablePaginationInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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>\r\n  {{ showingText }} {{ (currentPage - 1) * pageSize + 1 }} {{ toText }}\r\n  {{\r\n    currentPage * pageSize < total\r\n      ? currentPage * pageSize\r\n      : total\r\n  }}\r\n  {{ ofText }} {{ total }} {{ entriesText }}\r\n</span>" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TablePaginationInfoComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: "v-table-pagination-info", template: "<span>\r\n  {{ showingText }} {{ (currentPage - 1) * pageSize + 1 }} {{ toText }}\r\n  {{\r\n    currentPage * pageSize < total\r\n      ? currentPage * pageSize\r\n      : total\r\n  }}\r\n  {{ ofText }} {{ total }} {{ entriesText }}\r\n</span>" }]
+        }], propDecorators: { showingText: [{
+                type: Input
+            }], toText: [{
+                type: Input
+            }], ofText: [{
+                type: Input
+            }], entriesText: [{
+                type: Input
+            }], currentPage: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], total: [{
+                type: Input
+            }] } });
+
+function getNextSortDirection(sortDirection, isNullable = false) {
+    return isNullable && sortDirection === SortDirection.desc
+        ? undefined
+        : !sortDirection || sortDirection === SortDirection.desc
+            ? SortDirection.asc
+            : SortDirection.desc;
+}
+function createCustomRoute(row, entityKey, customRoute) {
+    return customRoute && entityKey
+        ? customRoute + row[entityKey]
+        : undefined;
+}
+
+class TableComponent {
+    viewColumns;
+    rowDetailTemplate;
+    rowDetailButtonTemplate;
+    sorters;
+    data;
+    total = 0;
+    filter;
+    extraFilter;
+    loading = false;
+    scrollable = true;
+    pageSize = DEFAULT_SEARCH_LIMIT;
+    currentPage = 1;
+    showPaginator = true;
+    userTableWrapper = true;
+    sortMultiple = false;
+    lazy = false;
+    selectionMode;
+    selection = [];
+    showPageSizePicker = true;
+    entityKey;
+    customRoute;
+    disableCustomClicks = false;
+    tableName;
+    size = FieldSize.medium;
+    showActionButtons = false;
+    maximumColumnLength = MAX_COLUMN_CHAR_COUNT;
+    set columns(value) {
+        this._columns = value;
+        this.updateColumnModels();
+    }
+    get columns() {
+        return this._columns;
+    }
+    selectionChange = new EventEmitter();
+    lazyLoad = new EventEmitter();
+    download = new EventEmitter();
+    delete = new EventEmitter();
+    save = new EventEmitter();
+    cdRef = inject(ChangeDetectorRef);
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    service = inject(TableService);
+    _columns = [];
+    tableColumns = [];
+    tableRows = [];
+    pageSizeOptions = DEFAULT_PAGINATION.map((x) => ({ value: x.toString() }));
+    allSelected = false;
+    icons = Icons;
+    get govPageSize() {
+        return this.pageSize.toString();
+    }
+    get tableRowView() {
+        if (this.lazy) {
+            return this.tableRows;
+        }
+        else {
+            const start = (this.currentPage - 1) * this.pageSize;
+            const end = start + this.pageSize;
+            return this.tableRows.slice(start, end);
+        }
+    }
+    get selected() {
+        return this.tableRows.filter(r => r.selected);
+    }
+    get selectedCount() {
+        return this.selected.length;
+    }
+    constructor() {
+        effect(() => {
+            this.reactToSignals();
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['data']) {
+            this.updateRowModels();
+            if (!this.lazy && this.data) {
+                this.total = this.data.length;
+            }
+        }
+        if (changes['selection']) {
+            this.selectSelected();
+        }
+        if (changes['filter']) {
+            this.updateFilter();
+        }
+    }
+    ngAfterViewInit() {
+        if (this.viewColumns?.length) {
+            this.updateColumnModels();
+            this.cdRef.detectChanges();
+        }
+    }
+    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;
+                });
+            }
+            const sorts = this.getSorts().map((x) => ({
+                field: 'row.' + x.field,
+                direction: x.direction,
+            }));
+            if (!this.lazy) {
+                this.tableRows = multiSort(this.tableRows, sorts);
+            }
+            else {
+                this.fireLazyLoad();
+            }
+        }
+    }
+    changePage(event) {
+        this.currentPage = event.detail.pagination.currentPage;
+        this.fireLazyLoad();
+    }
+    changePageSize(event) {
+        this.pageSize = parseInt(event.detail.value);
+        this.currentPage = 1;
+        this.fireLazyLoad();
+    }
+    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.fireSelectionChange();
+        }
+        else if (this.selectionMode === 'multiple') {
+            row.selected = !row.selected;
+            this.fireSelectionChange();
+        }
+    }
+    navigate(row, event) {
+        if (this.disableCustomClicks) {
+            return;
+        }
+        event.preventDefault();
+        const targetUrl = this.createUrl(row);
+        if (event.ctrlKey || event.metaKey) {
+            setTimeout(() => {
+                window.open(this.router.serializeUrl(this.router.createUrlTree([targetUrl], { relativeTo: this.route })), '_blank');
+            }, 0);
+        }
+        else {
+            this.router.navigate([targetUrl], { relativeTo: this.route });
+        }
+    }
+    navigateNewWindow(row, event) {
+        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.fireSelectionChange();
+    }
+    toggleDetail(row) {
+        row.expanded = !row.expanded;
+        this.cdRef.detectChanges();
+    }
+    selectRowCheckbox(row, event) {
+        row.selected = event.detail.checked;
+        this.allSelected = this.tableRows.every((x) => x.selected);
+        this.fireSelectionChange();
+    }
+    truncate(text) {
+        return text.length > this.maximumColumnLength
+            ? text.slice(0, this.maximumColumnLength) + '...'
+            : text;
+    }
+    deselectAll() {
+        this.allSelected = false;
+        this.tableRows.forEach(x => (x.selected = this.allSelected));
+    }
+    createUrl(row) {
+        if (row.customRoute) {
+            return row.customRoute;
+        }
+        return row.id.toString();
+    }
+    reactToSignals() {
+        const reload = this.service.reload();
+        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));
+    }
+    updateRowModels() {
+        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);
+        this.selectionChange.emit(selectedRows);
+    }
+    selectSelected() {
+        if (this.selection?.length && this.selectionMode) {
+            const selection = this.selectionMode === TableSelectionMode.single
+                ? [this.selection[0]]
+                : this.selection;
+            const selectionSet = new Set(selection);
+            this.tableRows.forEach((item) => {
+                item.selected = selectionSet.has(item.row);
+            });
+            this.allSelected = this.tableRows.every((x) => x.selected);
+        }
+    }
+    fireLazyLoad() {
+        const lazyLoadEvent = {
+            sort: this.getSorts(),
+            offset: (this.currentPage - 1) * this.pageSize,
+            limit: this.pageSize,
+            filter: this.filter,
+        };
+        this.lazyLoad.emit(lazyLoadEvent);
+    }
+    updateFilter() {
+        this.fireLazyLoad();
+    }
+    getSorts() {
+        return this.tableColumns
+            .filter((x) => x.sortable && x.sortDirection)
+            .map((x) => ({
+            field: x.id,
+            direction: x.sortDirection,
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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 }], usesOnChanges: true, ngImport: i0, template: "@if (selectionMode === 'multiple' && showActionButtons) {\r\n<gov-flex\r\n  class=\"gov-table-complex__actions mt-2\"\r\n  justify-content=\"space-between\"\r\n  align-items=\"center\"\r\n>\r\n  <div class=\"gov-table-complex__records-selected\">\r\n    {{ selectedCount }} {{ ('TABLES.CHOSEN_RECORDS' | translate) ?? 'chosen records'}}\r\n  </div>\r\n  <div>\r\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"delete.emit(selected)\">\r\n      {{ ('BUTTONS.DELETE' | translate) ?? 'Delete'}}\r\n    </gov-button>\r\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"save.emit(selected)\">\r\n      {{ ('BUTTONS.SAVE' | translate) ?? 'Save'}}\r\n    </gov-button>\r\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"download.emit(selected)\">\r\n      {{ ('BUTTONS.DOWNLOAD' | translate) ?? 'Download'}}\r\n    </gov-button>\r\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"deselectAll()\">\r\n      {{ ('BUTTONS.CANCEL' | translate) ?? 'Cancel'}}\r\n    </gov-button>\r\n  </div>\r\n</gov-flex>\r\n}\r\n\r\n<div\r\n  class=\" v-table gov-table\"\r\n  [attr.size]=\"size | govSize\"\r\n>\r\n  <table class=\"v-table__table\">\r\n    <thead class=\"v-table__head\">\r\n      <tr class=\"v-table__header\">\r\n        @if (this.rowDetailTemplate) {\r\n          <th></th>\r\n        } @if (selectionMode === 'multiple') {\r\n        <th scope=\"col\">\r\n          <gov-form-checkbox\r\n            [checked]=\"allSelected\"\r\n            (gov-change)=\"toggleAll($event)\"\r\n          />\r\n        </th>\r\n        }\r\n        @for (column of tableColumns; track column; let index = $index) {\r\n        @if (column.visible && column.forceVisibility !== 'hidden') {\r\n        <th\r\n          scope=\"col\"\r\n          [style]=\"{'text-align': column.textAlign}\"\r\n        >\r\n          <span\r\n            class=\"gov-table--fit-width\"\r\n            [class.v-table__sortable]=\"column.sortable\"\r\n            [class.v-table__sortable--desc]=\"column.sortable && column.sortDirection === 'desc'\"\r\n            [class.v-table__sortable--asc]=\"column.sortable && column.sortDirection === 'asc'\"\r\n            (click)=\"sortColumn(column)\"\r\n          >\r\n            {{ column.headerGetter(column.id, index) | translate }}\r\n          </span>\r\n        </th>\r\n        } @if (this.rowDetailButtonTemplate) {\r\n        <th></th>\r\n        }}\r\n      </tr>\r\n    </thead>\r\n    @if (loading) {\r\n      <v-loader />\r\n    } @else {\r\n    <tbody class=\"v-table__body\">\r\n      @for (data of tableRowView; track data.id; let rowIndex = $index) {\r\n      <tr\r\n        class=\"v-table__row\"\r\n        [class.gov-table--highlight]=\"data.selected && selectionMode\"\r\n        (click)=\"selectRow(data, $event)\"\r\n        (dblclick)=\"navigate(data, $event)\"\r\n        (mousedown)=\"navigateNewWindow(data, $event)\"\r\n      >\r\n        @if (this.rowDetailTemplate) {\r\n        <td>\r\n          <gov-button\r\n            [size]=\"size | govSize\"\r\n            color=\"primary\"\r\n            type=\"solid\"\r\n            (gov-click)=\"toggleDetail(data)\"\r\n          >\r\n            <gov-icon\r\n              [name]=\"data.expanded ? 'chevron-up' : 'chevron-down'\"\r\n              [size]=\"size | govSize\"\r\n              slot=\"icon-start\"\r\n            ></gov-icon>\r\n          </gov-button>\r\n        </td>\r\n        } @if (selectionMode === 'multiple') {\r\n        <td class=\"gov-table--fit-content gov-table--border-right\">\r\n          <gov-form-checkbox\r\n            no-label\r\n            [checked]=\"data.selected\"\r\n            [size]=\"size | govSize\"\r\n            (gov-change)=\"selectRowCheckbox(data, $event)\"\r\n          ></gov-form-checkbox>\r\n        </td>\r\n        }\r\n        @for (column of tableColumns; track column; let columnIndex = $index) {\r\n        @if (column.visible && column.forceVisibility !== 'hidden') {\r\n        <td\r\n          [style]=\"{'text-align': column.textAlign}\"\r\n          [class]=\"column.columnClass!\"\r\n          [class.v-auto-cell]=\"column.template\"\r\n        >\r\n          @if (column.template) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              column.template;\r\n              context: { $implicit: data.row }\r\n            \"\r\n          ></ng-container>\r\n          } @else {\r\n          <span\r\n            [queryParams]=\"column.queryParams ? column.queryParams : undefined\"\r\n            [routerLink]=\"column.routerLink ? column.routerLink(data.row) : undefined\"\r\n            [innerHTML]=\"truncate(column.valueGetter(data.row, rowIndex))\"\r\n            [attr.title]=\"\r\n              column.valueGetter(data.row, rowIndex).length > maximumColumnLength\r\n                ? column.valueGetter(data.row, rowIndex)\r\n                : null\r\n            \"\r\n          ></span>\r\n          }\r\n        </td>\r\n        @if (this.rowDetailButtonTemplate) {\r\n        <td scope=\"\">\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              this.rowDetailButtonTemplate;\r\n              context: { $implicit: data.row }\r\n            \"\r\n          ></ng-container>\r\n        </td>\r\n        }}}\r\n      </tr>\r\n      @if (this.rowDetailTemplate && data.expanded) {\r\n      <tr>\r\n        <td [attr.colspan]=\"tableColumns.length + 1\">\r\n          <ng-container\r\n            class=\"w-100\"\r\n            *ngTemplateOutlet=\"\r\n              this.rowDetailTemplate;\r\n              context: { $implicit: data.row }\r\n            \"\r\n          ></ng-container>\r\n        </td>\r\n      </tr>\r\n      } } @if (!tableRows.length && !loading){\r\n      <td [attr.colspan]=\"tableColumns.length\">\r\n        <gov-empty align=\"center\" [size]=\"size | govSize\">\r\n          <gov-icon slot=\"icon\" name=\"empty-file\" type=\"colored\"/>\r\n          <p slot=\"headline\">\r\n            {{ ('TABLES.EMPTY' | translate) ?? 'No records were found!' }}\r\n          </p>\r\n        </gov-empty>\r\n      </td>\r\n      }\r\n    </tbody>\r\n  }\r\n  </table>\r\n  @if(showPaginator) {\r\n  <div class=\"v-table__paginator d-flex pt-3 pb-3\">\r\n    @if (tableRows.length) {\r\n    <div class=\"mt-2\">\r\n      <v-table-pagination-info\r\n        [showingText]=\"'TABLES.PAGINATION.SHOWING' | translate\"\r\n        [toText]=\"'TABLES.PAGINATION.TO' | translate\"\r\n        [ofText]=\"'TABLES.PAGINATION.OF' | translate\"\r\n        [entriesText]=\"'TABLES.PAGINATION.ENTRIES' | translate\"\r\n        [currentPage]=\"currentPage\"\r\n        [pageSize]=\"pageSize\"\r\n        [total]=\"total\"\r\n      />\r\n    </div>\r\n    <div class=\"ms-4\">\r\n      <gov-form-select\r\n        [options]=\"pageSizeOptions\"\r\n        [value]=\"govPageSize\"\r\n        (gov-change)=\"changePageSize($event)\"\r\n      ></gov-form-select>\r\n    </div>\r\n    }\r\n    <div class=\"ms-4\">\r\n      <gov-pagination\r\n        [current]=\"currentPage\"\r\n        [pageSize]=\"pageSize\"\r\n        [total]=\"total\"\r\n        [type]=\"'button'\"\r\n        (gov-page)=\"changePage($event)\"\r\n      ></gov-pagination>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.v-table{position:relative;height:100%;display:flex;flex-direction:column}.v-table__sortable{color:var(--text-primary-color);text-decoration:underline;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", "focusable", "href", "hreflang", "identifier", "loading", "name", "nativeType", "referrerpolicy", "rel", "size", "target", "type"] }, { kind: "component", type: i2.GovEmpty, selector: "gov-empty", inputs: ["size"] }, { kind: "component", type: i2.GovFlex, selector: "gov-flex", inputs: ["alignContent", "alignItems", "alignSelf", "direction", "justifyContent", "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: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: GovSizePipe, name: "govSize" }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-table', standalone: true, imports: [
+                        CommonModule,
+                        RouterModule,
+                        GovDesignSystemModule,
+                        NgTemplateOutlet,
+                        TranslateModule,
+                        GovSizePipe,
+                        LoaderComponent,
+                        TablePaginationInfoComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: TABLE_COMPONENT_TOKEN,
+                            useExisting: TableComponent,
+                        },
+                    ], template: "@if (selectionMode === 'multiple' && showActionButtons) {\r\n<gov-flex\r\n  class=\"gov-table-complex__actions mt-2\"\r\n  justify-content=\"space-between\"\r\n  align-items=\"center\"\r\n>\r\n  <div class=\"gov-table-complex__records-selected\">\r\n    {{ selectedCount }} {{ ('TABLES.CHOSEN_RECORDS' | translate) ?? 'chosen records'}}\r\n  </div>\r\n  <div>\r\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"delete.emit(selected)\">\r\n      {{ ('BUTTONS.DELETE' | translate) ?? 'Delete'}}\r\n    </gov-button>\r\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"save.emit(selected)\">\r\n      {{ ('BUTTONS.SAVE' | translate) ?? 'Save'}}\r\n    </gov-button>\r\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"download.emit(selected)\">\r\n      {{ ('BUTTONS.DOWNLOAD' | translate) ?? 'Download'}}\r\n    </gov-button>\r\n    <gov-button color=\"primary\" size=\"s\" type=\"solid\" (gov-click)=\"deselectAll()\">\r\n      {{ ('BUTTONS.CANCEL' | translate) ?? 'Cancel'}}\r\n    </gov-button>\r\n  </div>\r\n</gov-flex>\r\n}\r\n\r\n<div\r\n  class=\" v-table gov-table\"\r\n  [attr.size]=\"size | govSize\"\r\n>\r\n  <table class=\"v-table__table\">\r\n    <thead class=\"v-table__head\">\r\n      <tr class=\"v-table__header\">\r\n        @if (this.rowDetailTemplate) {\r\n          <th></th>\r\n        } @if (selectionMode === 'multiple') {\r\n        <th scope=\"col\">\r\n          <gov-form-checkbox\r\n            [checked]=\"allSelected\"\r\n            (gov-change)=\"toggleAll($event)\"\r\n          />\r\n        </th>\r\n        }\r\n        @for (column of tableColumns; track column; let index = $index) {\r\n        @if (column.visible && column.forceVisibility !== 'hidden') {\r\n        <th\r\n          scope=\"col\"\r\n          [style]=\"{'text-align': column.textAlign}\"\r\n        >\r\n          <span\r\n            class=\"gov-table--fit-width\"\r\n            [class.v-table__sortable]=\"column.sortable\"\r\n            [class.v-table__sortable--desc]=\"column.sortable && column.sortDirection === 'desc'\"\r\n            [class.v-table__sortable--asc]=\"column.sortable && column.sortDirection === 'asc'\"\r\n            (click)=\"sortColumn(column)\"\r\n          >\r\n            {{ column.headerGetter(column.id, index) | translate }}\r\n          </span>\r\n        </th>\r\n        } @if (this.rowDetailButtonTemplate) {\r\n        <th></th>\r\n        }}\r\n      </tr>\r\n    </thead>\r\n    @if (loading) {\r\n      <v-loader />\r\n    } @else {\r\n    <tbody class=\"v-table__body\">\r\n      @for (data of tableRowView; track data.id; let rowIndex = $index) {\r\n      <tr\r\n        class=\"v-table__row\"\r\n        [class.gov-table--highlight]=\"data.selected && selectionMode\"\r\n        (click)=\"selectRow(data, $event)\"\r\n        (dblclick)=\"navigate(data, $event)\"\r\n        (mousedown)=\"navigateNewWindow(data, $event)\"\r\n      >\r\n        @if (this.rowDetailTemplate) {\r\n        <td>\r\n          <gov-button\r\n            [size]=\"size | govSize\"\r\n            color=\"primary\"\r\n            type=\"solid\"\r\n            (gov-click)=\"toggleDetail(data)\"\r\n          >\r\n            <gov-icon\r\n              [name]=\"data.expanded ? 'chevron-up' : 'chevron-down'\"\r\n              [size]=\"size | govSize\"\r\n              slot=\"icon-start\"\r\n            ></gov-icon>\r\n          </gov-button>\r\n        </td>\r\n        } @if (selectionMode === 'multiple') {\r\n        <td class=\"gov-table--fit-content gov-table--border-right\">\r\n          <gov-form-checkbox\r\n            no-label\r\n            [checked]=\"data.selected\"\r\n            [size]=\"size | govSize\"\r\n            (gov-change)=\"selectRowCheckbox(data, $event)\"\r\n          ></gov-form-checkbox>\r\n        </td>\r\n        }\r\n        @for (column of tableColumns; track column; let columnIndex = $index) {\r\n        @if (column.visible && column.forceVisibility !== 'hidden') {\r\n        <td\r\n          [style]=\"{'text-align': column.textAlign}\"\r\n          [class]=\"column.columnClass!\"\r\n          [class.v-auto-cell]=\"column.template\"\r\n        >\r\n          @if (column.template) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              column.template;\r\n              context: { $implicit: data.row }\r\n            \"\r\n          ></ng-container>\r\n          } @else {\r\n          <span\r\n            [queryParams]=\"column.queryParams ? column.queryParams : undefined\"\r\n            [routerLink]=\"column.routerLink ? column.routerLink(data.row) : undefined\"\r\n            [innerHTML]=\"truncate(column.valueGetter(data.row, rowIndex))\"\r\n            [attr.title]=\"\r\n              column.valueGetter(data.row, rowIndex).length > maximumColumnLength\r\n                ? column.valueGetter(data.row, rowIndex)\r\n                : null\r\n            \"\r\n          ></span>\r\n          }\r\n        </td>\r\n        @if (this.rowDetailButtonTemplate) {\r\n        <td scope=\"\">\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              this.rowDetailButtonTemplate;\r\n              context: { $implicit: data.row }\r\n            \"\r\n          ></ng-container>\r\n        </td>\r\n        }}}\r\n      </tr>\r\n      @if (this.rowDetailTemplate && data.expanded) {\r\n      <tr>\r\n        <td [attr.colspan]=\"tableColumns.length + 1\">\r\n          <ng-container\r\n            class=\"w-100\"\r\n            *ngTemplateOutlet=\"\r\n              this.rowDetailTemplate;\r\n              context: { $implicit: data.row }\r\n            \"\r\n          ></ng-container>\r\n        </td>\r\n      </tr>\r\n      } } @if (!tableRows.length && !loading){\r\n      <td [attr.colspan]=\"tableColumns.length\">\r\n        <gov-empty align=\"center\" [size]=\"size | govSize\">\r\n          <gov-icon slot=\"icon\" name=\"empty-file\" type=\"colored\"/>\r\n          <p slot=\"headline\">\r\n            {{ ('TABLES.EMPTY' | translate) ?? 'No records were found!' }}\r\n          </p>\r\n        </gov-empty>\r\n      </td>\r\n      }\r\n    </tbody>\r\n  }\r\n  </table>\r\n  @if(showPaginator) {\r\n  <div class=\"v-table__paginator d-flex pt-3 pb-3\">\r\n    @if (tableRows.length) {\r\n    <div class=\"mt-2\">\r\n      <v-table-pagination-info\r\n        [showingText]=\"'TABLES.PAGINATION.SHOWING' | translate\"\r\n        [toText]=\"'TABLES.PAGINATION.TO' | translate\"\r\n        [ofText]=\"'TABLES.PAGINATION.OF' | translate\"\r\n        [entriesText]=\"'TABLES.PAGINATION.ENTRIES' | translate\"\r\n        [currentPage]=\"currentPage\"\r\n        [pageSize]=\"pageSize\"\r\n        [total]=\"total\"\r\n      />\r\n    </div>\r\n    <div class=\"ms-4\">\r\n      <gov-form-select\r\n        [options]=\"pageSizeOptions\"\r\n        [value]=\"govPageSize\"\r\n        (gov-change)=\"changePageSize($event)\"\r\n      ></gov-form-select>\r\n    </div>\r\n    }\r\n    <div class=\"ms-4\">\r\n      <gov-pagination\r\n        [current]=\"currentPage\"\r\n        [pageSize]=\"pageSize\"\r\n        [total]=\"total\"\r\n        [type]=\"'button'\"\r\n        (gov-page)=\"changePage($event)\"\r\n      ></gov-pagination>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.v-table{position:relative;height:100%;display:flex;flex-direction:column}.v-table__sortable{color:var(--text-primary-color);text-decoration:underline;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: [{
+                type: ContentChild,
+                args: ['rowDetail', { static: false }]
+            }], rowDetailButtonTemplate: [{
+                type: ContentChild,
+                args: ['rowDetailButton', { static: false }]
+            }], sorters: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], total: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], extraFilter: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], currentPage: [{
+                type: Input
+            }], showPaginator: [{
+                type: Input
+            }], userTableWrapper: [{
+                type: Input
+            }], sortMultiple: [{
+                type: Input
+            }], lazy: [{
+                type: Input
+            }], selectionMode: [{
+                type: Input
+            }], selection: [{
+                type: Input
+            }], showPageSizePicker: [{
+                type: Input
+            }], entityKey: [{
+                type: Input
+            }], customRoute: [{
+                type: Input
+            }], disableCustomClicks: [{
+                type: Input
+            }], tableName: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], showActionButtons: [{
+                type: Input
+            }], maximumColumnLength: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }], lazyLoad: [{
+                type: Output
+            }], download: [{
+                type: Output
+            }], delete: [{
+                type: Output
+            }], save: [{
+                type: Output
+            }] } });
+
+class FeatureListFilterFieldDirective extends FilterFieldDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureListFilterFieldDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: FeatureListFilterFieldDirective, isStandalone: true, selector: "v-feature-list-filter-field", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureListFilterFieldDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'v-feature-list-filter-field',
+                    standalone: true,
+                }]
+        }] });
+
+class FeatureListFilterPipe {
+    transform(value) {
+        if (!value) {
+            return undefined;
+        }
+        return value.filter(x => x.filter).map((x, index) => ({
+            name: x.id,
+            label: typeof x.headerName === 'function' ? x.headerName(x.id, index) : x.headerName ?? '',
+            type: x.type,
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureListFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FeatureListFilterPipe, isStandalone: true, name: "featureListColumn" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureListFilterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'featureListColumn',
+                    standalone: true,
+                }]
+        }] });
+
+class FeatureListPageComponent {
+    config;
+    constructor(activatedRoute) {
+        this.config =
+            activatedRoute.snapshot.data[FEATURE_LIST_PAGE_CONFIG_PROPERTY];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureListPageComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FeatureListPageComponent, isStandalone: true, selector: "v-feature-list-page", ngImport: i0, template: `
+    <v-feature-list
+      [title]="config.title"
+      [tableName]="config.tableName"
+      [showAdd]="config.showAdd ?? true"
+      [showDownload]="config.showDownload ?? true"
+      [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", "deleteConfirmMessage", "autoDeleteEnabled", "autoDownloadEnabled", "downloadFileName", "datasource", "extraFilter", "disableCustomClicks", "maximumColumnLength", "selectionMode"], outputs: ["addClick", "downloadClick", "deleteClick", "selectionChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureListPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'v-feature-list-page',
+                    standalone: true,
+                    imports: [FeatureListComponent],
+                    template: `
+    <v-feature-list
+      [title]="config.title"
+      [tableName]="config.tableName"
+      [showAdd]="config.showAdd ?? true"
+      [showDownload]="config.showDownload ?? true"
+      [showDelete]="config.showDelete ?? true"
+    >
+    </v-feature-list>
+  `,
+                }]
+        }], ctorParameters: () => [{ type: i1.ActivatedRoute }] });
+
+const FEATURE_LIST_PAGE_CONFIG_PROPERTY = 'feature_list_config';
+function addFeatureListPage(value) {
+    const { config, ...route } = value;
+    return {
+        component: FeatureListPageComponent,
+        ...route,
+        data: {
+            [FEATURE_LIST_PAGE_CONFIG_PROPERTY]: config,
+            ...(route.data ?? {}),
+        },
+    };
+}
+const FEATURE_LIST_COLUMN_PROVIDER = new InjectionToken('FEATURE_LIST_COLUMN_PROVIDER');
+
+class FeatureListComponent {
+    viewColumns;
+    fieldDeclarations;
+    tableDatasourceDirective;
+    autoBind = true;
+    title;
+    columns;
+    filters;
+    maxVisibleActions = 2;
+    tableName;
+    ngrxFeatureKey;
+    maxVisibleMobileActions = 0;
+    showExtendedFilter = false;
+    showDownload = false;
+    showDelete = false;
+    showAdd = false;
+    canDownload = true;
+    canDelete = true;
+    canAdd = true;
+    useRouterFilter = true;
+    fulltextFieldName = 'searchField';
+    showFulltext = true;
+    deleteConfirmMessage;
+    autoDeleteEnabled = true;
+    autoDownloadEnabled = true;
+    downloadFileName = 'export.csv';
+    datasource;
+    extraFilter;
+    disableCustomClicks = false;
+    maximumColumnLength = MAX_COLUMN_CHAR_COUNT;
+    addClick = new EventEmitter();
+    downloadClick = new EventEmitter();
+    deleteClick = new EventEmitter();
+    selectionChange = new EventEmitter();
+    set selectionMode(mode) {
+        this._selectionMode = mode;
+    }
+    get selectionMode() {
+        return this.canDelete
+            ? TableSelectionMode.single
+            : this._selectionMode;
+    }
+    icons = Icons;
+    httpClient = inject(HttpClient);
+    baseUrl = inject(BASE_URL_PATH);
+    _selectionMode;
+    cdRef = inject(ChangeDetectorRef);
+    dialogService = inject(DialogService);
+    selection = [];
+    ngAfterViewInit() {
+        if (this.viewColumns?.length) {
+            const vewColumns = this.viewColumns
+                ?.toArray()
+                .map((x) => x.getDefinition());
+            this.columns = [...(this.columns ?? []), ...(vewColumns ?? [])];
+            this.cdRef.detectChanges();
+        }
+        if (this.fieldDeclarations?.length) {
+            this.filters = this.fieldDeclarations?.toArray();
+        }
+        this.cdRef.detectChanges();
+    }
+    selectItems(items) {
+        this.selection = items ?? [];
+        if (this.selectionMode !== undefined) {
+            this.selectionChange.emit(this.selectionMode === 'multiple'
+                ? this.selection
+                : this.selection[0]);
+        }
+    }
+    startDeleteItems() {
+        if (!this.selection.length) {
+            return;
+        }
+        if (this.deleteConfirmMessage) {
+            const message = this.deleteConfirmMessage;
+            this.dialogService.showDialog({
+                innerHTML: message,
+                confirmButtonFn: () => this.deleteItems(this.selection),
+            });
+        }
+        else {
+            this.deleteItems(this.selection);
+        }
+    }
+    startDownload() {
+        this.downloadClick.emit();
+        if (!this.autoDownloadEnabled) {
+            return;
+        }
+        const dowloadFn = this.createDownloadFn(this.datasource);
+        if (dowloadFn) {
+            this.tableDatasourceDirective.params$
+                .pipe(take(1), switchMap((params) => dowloadFn(params)))
+                .subscribe((blob) => {
+                downloadFile(this.downloadFileName, blob);
+            });
+        }
+    }
+    deleteItems(items) {
+        if (!this.autoDeleteEnabled) {
+            this.deleteClick.emit(items);
+        }
+        else {
+            this.forceDelete(items);
+        }
+    }
+    forceDelete(items) {
+        const deleteFn = this.createDeleteFn(this.datasource);
+        if (deleteFn) {
+            const deleteMethods = items.map((x) => deleteFn(x));
+            forkJoin(deleteMethods)
+                .pipe(take(1))
+                .subscribe(() => this.finishDeletion(items));
+        }
+        else {
+            this.finishDeletion(items);
+        }
+    }
+    createDeleteFn(datasource) {
+        if (!datasource) {
+            return undefined;
+        }
+        if (typeof datasource === 'string') {
+            const service = new BaseHttpService(this.httpClient, this.baseUrl, datasource);
+            return (item) => service.delete(item.id);
+        }
+        if (datasource instanceof BaseHttpService) {
+            return (item) => datasource.delete(item.id);
+        }
+        return undefined;
+    }
+    createDownloadFn(datasource) {
+        if (!datasource) {
+            return undefined;
+        }
+        if (typeof datasource === 'string') {
+            const service = new BaseHttpService(this.httpClient, this.baseUrl, datasource);
+            return (request) => service.export(request);
+        }
+        if (datasource instanceof BaseHttpService) {
+            return (request) => datasource.export(request);
+        }
+        const fetchFunction = convertDatasource(datasource, this.baseUrl, this.httpClient);
+        return (request) => {
+            const allData = [];
+            let offset = 0;
+            const fetchAllData = () => {
+                return fetchFunction({
+                    ...request,
+                    offset,
+                    limit: DEFAULT_PAGE_SIZE,
+                }).pipe(take(1), switchMap((response) => {
+                    allData.push(...response.data);
+                    if (allData.length < response.total) {
+                        offset = offset + DEFAULT_PAGE_SIZE;
+                        return fetchAllData();
+                    }
+                    else {
+                        return of(this.convertToBlob(allData));
+                    }
+                }));
+            };
+            return fetchAllData();
+        };
+    }
+    finishDeletion(items) {
+        if (this.datasource && Array.isArray(this.datasource)) {
+            this.datasource = this.datasource.filter((x) => !items.includes(x));
+        }
+        else {
+            this.tableDatasourceDirective.reload();
+        }
+        this.deleteClick.emit(items);
+    }
+    convertToBlob(data) {
+        const columnModel = this.columns.map((x) => new ColumnModel(x));
+        const headers = columnModel.map((x, index) => x.headerGetter(x.id, index));
+        const dataValues = data.map((row, rowIndex) => columnModel.map((column) => column.valueGetter(row, rowIndex)));
+        const csvData = [headers, ...dataValues]
+            .map((row) => row.join(','))
+            .join('\n');
+        return new Blob([csvData], { type: 'text/csv' });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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", 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 }], ngImport: i0, template: "<div class=\"feature-list__container full-height-container\">\r\n  <v-filter\r\n    #filter\r\n    [title]=\"title\"\r\n    [fields]=\"columns | featureListColumn\"\r\n    [filters]=\"filters\"\r\n    [fulltextFieldName]=\"fulltextFieldName\"\r\n    [showFulltext]=\"showFulltext\"\r\n    [showFilters]=\"showExtendedFilter\"\r\n  >\r\n    <v-action-button-group\r\n      [maxItems]=\"maxVisibleActions\"\r\n      [maxItemsMobile]=\"maxVisibleMobileActions\"\r\n    >\r\n      @if (showAdd) {\r\n      <v-action-button\r\n        [icon]=\"icons.add\"\r\n        label=\"Add\"\r\n        [disabled]=\"!canAdd\"\r\n        (click)=\"addClick.emit()\"\r\n      ></v-action-button>\r\n      } @if (showDelete){\r\n      <v-action-button\r\n        [icon]=\"icons.delete\"\r\n        label=\"Delete\"\r\n        [disabled]=\"!canDelete || !selection.length\"\r\n        (click)=\"startDeleteItems()\"\r\n      ></v-action-button>\r\n      } @if (showDownload){\r\n      <v-action-button\r\n        [icon]=\"icons.download\"\r\n        label=\"Download\"\r\n        [disabled]=\"!canDownload\"\r\n        (click)=\"startDownload()\"\r\n      ></v-action-button>\r\n      }\r\n    </v-action-button-group>\r\n  </v-filter>\r\n  <div class=\"feature-list__table-container full-height-container\">\r\n    <div class=\"full-height-container\">\r\n      <v-table\r\n        useDatasource\r\n        useFilter\r\n        [filterComponent]=\"filter\"\r\n        class=\"full-height-container\"\r\n        [selectionMode]=\"selectionMode\"\r\n        [tableName]=\"tableName\"\r\n        [autoBind]=\"true\"\r\n        [datasource]=\"datasource\"\r\n        [columns]=\"columns\"\r\n        [extraFilter]=\"extraFilter\"\r\n        [maximumColumnLength]=\"maximumColumnLength\"\r\n        [disableCustomClicks]=\"disableCustomClicks\"\r\n        (selectionChange)=\"selectItems($event)\"\r\n      >\r\n      </v-table>\r\n    </div>\r\n  </div>\r\n</div>\r\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", "fulltextFieldName", "showFulltext", "showFilters", "autoBind", "debounceTime"] }, { 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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-feature-list', imports: [
+                        TableComponent,
+                        TableDatasourceDirective,
+                        FilterComponent,
+                        TableFilterDirective,
+                        ActionButtonGroupComponent,
+                        ActionButtonComponent,
+                        FeatureListFilterPipe,
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"feature-list__container full-height-container\">\r\n  <v-filter\r\n    #filter\r\n    [title]=\"title\"\r\n    [fields]=\"columns | featureListColumn\"\r\n    [filters]=\"filters\"\r\n    [fulltextFieldName]=\"fulltextFieldName\"\r\n    [showFulltext]=\"showFulltext\"\r\n    [showFilters]=\"showExtendedFilter\"\r\n  >\r\n    <v-action-button-group\r\n      [maxItems]=\"maxVisibleActions\"\r\n      [maxItemsMobile]=\"maxVisibleMobileActions\"\r\n    >\r\n      @if (showAdd) {\r\n      <v-action-button\r\n        [icon]=\"icons.add\"\r\n        label=\"Add\"\r\n        [disabled]=\"!canAdd\"\r\n        (click)=\"addClick.emit()\"\r\n      ></v-action-button>\r\n      } @if (showDelete){\r\n      <v-action-button\r\n        [icon]=\"icons.delete\"\r\n        label=\"Delete\"\r\n        [disabled]=\"!canDelete || !selection.length\"\r\n        (click)=\"startDeleteItems()\"\r\n      ></v-action-button>\r\n      } @if (showDownload){\r\n      <v-action-button\r\n        [icon]=\"icons.download\"\r\n        label=\"Download\"\r\n        [disabled]=\"!canDownload\"\r\n        (click)=\"startDownload()\"\r\n      ></v-action-button>\r\n      }\r\n    </v-action-button-group>\r\n  </v-filter>\r\n  <div class=\"feature-list__table-container full-height-container\">\r\n    <div class=\"full-height-container\">\r\n      <v-table\r\n        useDatasource\r\n        useFilter\r\n        [filterComponent]=\"filter\"\r\n        class=\"full-height-container\"\r\n        [selectionMode]=\"selectionMode\"\r\n        [tableName]=\"tableName\"\r\n        [autoBind]=\"true\"\r\n        [datasource]=\"datasource\"\r\n        [columns]=\"columns\"\r\n        [extraFilter]=\"extraFilter\"\r\n        [maximumColumnLength]=\"maximumColumnLength\"\r\n        [disableCustomClicks]=\"disableCustomClicks\"\r\n        (selectionChange)=\"selectItems($event)\"\r\n      >\r\n      </v-table>\r\n    </div>\r\n  </div>\r\n</div>\r\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]
+            }], fieldDeclarations: [{
+                type: ContentChildren,
+                args: [FeatureListFilterFieldDirective]
+            }], tableDatasourceDirective: [{
+                type: ViewChild,
+                args: [TableDatasourceDirective]
+            }], autoBind: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], filters: [{
+                type: Input
+            }], maxVisibleActions: [{
+                type: Input
+            }], tableName: [{
+                type: Input,
+                args: [{ required: true }]
+            }], ngrxFeatureKey: [{
+                type: Input
+            }], maxVisibleMobileActions: [{
+                type: Input
+            }], showExtendedFilter: [{
+                type: Input
+            }], showDownload: [{
+                type: Input
+            }], showDelete: [{
+                type: Input
+            }], showAdd: [{
+                type: Input
+            }], canDownload: [{
+                type: Input
+            }], canDelete: [{
+                type: Input
+            }], canAdd: [{
+                type: Input
+            }], useRouterFilter: [{
+                type: Input
+            }], fulltextFieldName: [{
+                type: Input
+            }], showFulltext: [{
+                type: Input
+            }], deleteConfirmMessage: [{
+                type: Input
+            }], autoDeleteEnabled: [{
+                type: Input
+            }], autoDownloadEnabled: [{
+                type: Input
+            }], downloadFileName: [{
+                type: Input
+            }], datasource: [{
+                type: Input
+            }], extraFilter: [{
+                type: Input
+            }], disableCustomClicks: [{
+                type: Input
+            }], maximumColumnLength: [{
+                type: Input
+            }], addClick: [{
+                type: Output
+            }], downloadClick: [{
+                type: Output
+            }], deleteClick: [{
+                type: Output
+            }], selectionChange: [{
+                type: Output
+            }], selectionMode: [{
+                type: Input
+            }] } });
+
+class FeatureListColumnDirective extends TableColumnDirective {
+    filter = false;
+    type = GenericFieldType.text;
+    getDefinition() {
+        const definition = super.getDefinition();
+        definition.filter = this.filter;
+        definition.type = this.type;
+        definition.format = this.format;
+        return definition;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureListColumnDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: FeatureListColumnDirective, isStandalone: true, selector: "v-feature-list-column", inputs: { filter: "filter", type: "type" }, providers: [
+            {
+                provide: FEATURE_LIST_COLUMN_PROVIDER,
+                useExisting: FeatureListColumnDirective,
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureListColumnDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'v-feature-list-column',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: FEATURE_LIST_COLUMN_PROVIDER,
+                            useExisting: FeatureListColumnDirective,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], propDecorators: { filter: [{
+                type: Input
+            }], type: [{
+                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);
+        viewContainerRef.clear();
+        const component = viewContainerRef.createComponent(componentFactory, undefined, injector);
+        this.setComponentDataInt(componentFactory, component, inputs);
+        this.fireComponentEvents(component.instance, inputs);
+        return component;
+    }
+    setComponentData(component, inputs) {
+        const factory = this.componentFactoryResolver.resolveComponentFactory(component.componentType);
+        this.setComponentDataInt(factory, component, inputs);
+    }
+    unsubscribeComponentEvents(instance) {
+        const subscriptionStoreKey = '__outputSubscriptions__';
+        const subscriptions = instance[subscriptionStoreKey];
+        if (subscriptions) {
+            subscriptions.forEach((sub) => sub.unsubscribe());
+            subscriptions.clear();
+        }
+    }
+    fireComponentEvents(instance, inputs) {
+        if (!instance || typeof instance !== 'object')
+            return;
+        this.fireInputComponentEvents(instance, inputs);
+        this.fireOutputComponentEvents(instance, inputs);
+    }
+    setComponentDataInt(factory, component, inputs) {
+        if (inputs) {
+            const propertyNames = factory.inputs.map((x) => x.propName);
+            const inputsHash = new Set(propertyNames);
+            Object.keys(inputs)
+                .filter((x) => inputsHash.has(x))
+                .forEach((x) => {
+                component.instance[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(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 callback = inputs[outputKey];
+            if (eventEmitter && typeof callback === 'function') {
+                if (subscriptions.has(outputKey)) {
+                    subscriptions.get(outputKey).unsubscribe();
+                }
+                const subscription = eventEmitter.subscribe((value) => callback(value));
+                subscriptions.set(outputKey, subscription);
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicComponentFactoryService, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicComponentFactoryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicComponentFactoryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }] });
+
+class DynamicComponent {
+    componentType;
+    data;
+    container;
+    factoryServices = inject(DynamicComponentFactoryService);
+    changeDetectorRef = inject(ChangeDetectorRef);
+    injector = inject(Injector);
+    ngOnChanges() {
+        this.createComponent();
+    }
+    ngAfterViewInit() {
+        this.createComponent();
+        this.changeDetectorRef.detectChanges();
+    }
+    createComponent() {
+        if (this.container) {
+            this.factoryServices.createDynamicComponent(this.componentType, this.container, this.data, this.injector);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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: "18.2.13", ngImport: i0, type: DynamicComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'v-dynamic-component',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-container #dynamicContainer></ng-container>`,
+                }]
+        }], propDecorators: { componentType: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], container: [{
+                type: ViewChild,
+                args: ['dynamicContainer', { read: ViewContainerRef, static: true }]
+            }] } });
+
+class ConfirmDialogComponent extends UnsubscribeComponent {
+    dialogService;
+    cdr;
+    constructor(dialogService, cdr) {
+        super();
+        this.dialogService = dialogService;
+        this.cdr = cdr;
+    }
+    visible = false;
+    closable = false;
+    data = { severity: 'primary', headerIcon: 'info-circle' };
+    ngOnInit() {
+        this.dialogService.showEvent
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe((x) => {
+            this.data = x;
+            this.visible = true;
+            this.cdr.detectChanges();
+        });
+        this.dialogService.closeEvent
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe(() => {
+            this.data = {};
+            this.visible = false;
+            this.cdr.detectChanges();
+        });
+    }
+    dialogClick(confirm) {
+        const { confirmButtonFn, cancelButtonFn } = this.data;
+        if (confirm && confirmButtonFn) {
+            confirmButtonFn();
+        }
+        if (!confirm && cancelButtonFn) {
+            cancelButtonFn();
+        }
+        this.visible = false;
+        this.cdr.detectChanges();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1$4.DialogService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ConfirmDialogComponent, isStandalone: true, selector: "v-confirm-dialog", providers: [
+            {
+                provide: CONFIRM_DIALOG_COMPONENT_TOKEN,
+                useExisting: ConfirmDialogComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<gov-dialog\r\n    [open]=\"visible\"\r\n    [attr.block-close]=\"data.closable !== undefined ? !data.closable : false\"\r\n    [attr.block-backdrop-close]=\"data.closable !== undefined ? !data.closable : false\" \r\n    [style.--dialog-max-width]=\"data.width\"\r\n    [style.--dialog-max-height]=\"data.height\"\r\n    role=\"dialog\"\r\n    accessible-close-label=\"Close dialog box with more information\"\r\n    (gov-close)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\r\n>\r\n    <gov-icon\r\n        type=\"components\"\r\n        [name]=\"data.headerIcon\"\r\n        slot=\"icon\"\r\n        [color]=\"data.severity | govColor\"\r\n    />\r\n    \r\n    <h2 slot=\"title\">{{ data.title ?? 'Title' }}</h2>\r\n\r\n    @if (data && data.innerHTML) {\r\n    <div [innerHTML]=\"data.innerHTML\"></div>\r\n    } @else if (data.componentType) {\r\n    <v-dynamic-component\r\n        [componentType]=\"data.componentType\"\r\n        [data]=\"$any(data.data)\"\r\n    ></v-dynamic-component>\r\n    }\r\n\r\n    <gov-button\r\n        color=\"primary\"\r\n        size=\"m\"\r\n        type=\"solid\"\r\n        slot=\"footer\"\r\n        (gov-click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\r\n    >\r\n        {{ data.confirmButtonText ?? 'Yes'}}\r\n    </gov-button>\r\n    \r\n    <gov-button\r\n        [ngClass]=\"!data.showCancelButton ? 'd-none' : ''\"\r\n        color=\"primary\"\r\n        size=\"m\"\r\n        type=\"outlined\"\r\n        slot=\"footer\"\r\n        [disabled]=\"!data.showCancelButton\"\r\n        (gov-click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\r\n    >\r\n        {{ data.cancelButtonText ?? 'No' }}\r\n    </gov-button>\r\n</gov-dialog>\r\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", "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: "pipe", type: GovColorPipe, name: "govColor" }, { kind: "component", type: DynamicComponent, selector: "v-dynamic-component", inputs: ["componentType", "data"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-confirm-dialog', standalone: true, imports: [
+                        CommonModule,
+                        GovDesignSystemModule,
+                        GovColorPipe,
+                        DynamicComponent,
+                    ], providers: [
+                        {
+                            provide: CONFIRM_DIALOG_COMPONENT_TOKEN,
+                            useExisting: ConfirmDialogComponent,
+                        },
+                    ], template: "<gov-dialog\r\n    [open]=\"visible\"\r\n    [attr.block-close]=\"data.closable !== undefined ? !data.closable : false\"\r\n    [attr.block-backdrop-close]=\"data.closable !== undefined ? !data.closable : false\" \r\n    [style.--dialog-max-width]=\"data.width\"\r\n    [style.--dialog-max-height]=\"data.height\"\r\n    role=\"dialog\"\r\n    accessible-close-label=\"Close dialog box with more information\"\r\n    (gov-close)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\r\n>\r\n    <gov-icon\r\n        type=\"components\"\r\n        [name]=\"data.headerIcon\"\r\n        slot=\"icon\"\r\n        [color]=\"data.severity | govColor\"\r\n    />\r\n    \r\n    <h2 slot=\"title\">{{ data.title ?? 'Title' }}</h2>\r\n\r\n    @if (data && data.innerHTML) {\r\n    <div [innerHTML]=\"data.innerHTML\"></div>\r\n    } @else if (data.componentType) {\r\n    <v-dynamic-component\r\n        [componentType]=\"data.componentType\"\r\n        [data]=\"$any(data.data)\"\r\n    ></v-dynamic-component>\r\n    }\r\n\r\n    <gov-button\r\n        color=\"primary\"\r\n        size=\"m\"\r\n        type=\"solid\"\r\n        slot=\"footer\"\r\n        (gov-click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\r\n    >\r\n        {{ data.confirmButtonText ?? 'Yes'}}\r\n    </gov-button>\r\n    \r\n    <gov-button\r\n        [ngClass]=\"!data.showCancelButton ? 'd-none' : ''\"\r\n        color=\"primary\"\r\n        size=\"m\"\r\n        type=\"outlined\"\r\n        slot=\"footer\"\r\n        [disabled]=\"!data.showCancelButton\"\r\n        (gov-click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\r\n    >\r\n        {{ data.cancelButtonText ?? 'No' }}\r\n    </gov-button>\r\n</gov-dialog>\r\n", styles: [":host ::ng-deep dialog{max-width:var(--dialog-max-width, 95%);max-height:var(--dialog-max-height, 95%)}\n"] }]
+        }], ctorParameters: () => [{ type: i1$4.DialogService }, { type: i0.ChangeDetectorRef }] });
+
+class HeaderComponent {
+    title;
+    userName;
+    logoUrl;
+    userRole;
+    menuRef;
+    items = [];
+    actionTemplate;
+    icons = Icons;
+    menuVisible = false;
+    openedIndexes = [];
+    tabsService = inject(SideMenuService);
+    router = inject(Router);
+    toggleMenu() {
+        this.menuVisible = !this.menuVisible;
+    }
+    canRedirect(url, canRedirect) {
+        if (url && canRedirect) {
+            this.router.navigateByUrl(url);
+        }
+    }
+    showOrHide(index, children) {
+        if (children === 0) {
+            return;
+        }
+        if (!this.openedIndexes.includes(index)) {
+            this.openedIndexes = [...[], index];
+        }
+        else if (this.openedIndexes.includes(index)) {
+            this.openedIndexes = this.openedIndexes.filter(x => x !== index);
+        }
+    }
+    canBeShown(index) {
+        return this.openedIndexes.includes(index);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: HeaderComponent, isStandalone: true, selector: "v-header", inputs: { title: "title", userName: "userName", logoUrl: "logoUrl", userRole: "userRole", menuRef: "menuRef", items: "items" }, providers: [
+            {
+                provide: HEADER_COMPONENT_TOKEN,
+                useExisting: HeaderComponent
+            }
+        ], queries: [{ propertyName: "actionTemplate", first: true, predicate: ["action"], descendants: true }], ngImport: i0, template: "<header class=\"gov-header\">\r\n    <div class=\"gov-header__divider\">\r\n        <div class=\"gov-header__content\">\r\n            <gov-flex\r\n                justify-content=\"space-between\"\r\n                align-items=\"center\"\r\n                responsive=\"false\"\r\n            >\r\n                <a\r\n                    href=\"/\"\r\n                    class=\"gov-header__logo\"\r\n                    aria-label=\"Zp\u011Bt na \u00FAvodn\u00ED str\u00E1nku\"\r\n                >\r\n                    <gov-flex\r\n                        align-items=\"center\"\r\n                        gap=\"s\"\r\n                        responsive=\"false\"\r\n                    >\r\n                        @if (logoUrl) {\r\n                        <img\r\n                            class=\"gov-header__logo-img\"\r\n                            src=\"{{ logoUrl }}\"\r\n                            width=\"125px\"\r\n                            height=\"43px\"\r\n                            alt=\"GA\u010CR Logo\"\r\n                        >\r\n                        }\r\n                    </gov-flex>\r\n                </a>\r\n            </gov-flex>\r\n            <gov-flex\r\n                class=\"gov-header__action\"\r\n                justify-content=\"space-between\"\r\n                align-items=\"center\"\r\n                gap=\"s\"\r\n            >\r\n                <gov-button\r\n                    color=\"primary\"\r\n                    size=\"m\"\r\n                    type=\"base\"\r\n                >{{ userName }}</gov-button>\r\n                <ng-content></ng-content>\r\n                <ng-container *ngTemplateOutlet=\"\r\n                    this.actionTemplate;\r\n                \"></ng-container>\r\n            </gov-flex>\r\n        </div>\r\n    </div>\r\n    <div class=\"gov-header__navigation\">\r\n        <nav\r\n            class=\"gov-navigation\"\r\n            aria-label=\"Main navigation\"\r\n            id=\"main-navigation\"\r\n        >\r\n            <ul>\r\n                @for (tab of tabsService.menuItems$ | async; track tab; let index = $index) {\r\n                <li\r\n                    *hasPermission=\"tab.data?.permissions ?? []\"\r\n                    class=\"gov-navigation--has-megamenu\"\r\n                >\r\n                    <gov-button\r\n                        type=\"base\"\r\n                        color=\"primary\"\r\n                        size=\"l\"\r\n                        [attr.aria-label]=\"tab.label\"\r\n                        (gov-click)=\"\r\n                            showOrHide(index, tab.children?.length ?? 0);\r\n                            canRedirect(tab.url, !tab.children?.length)\r\n                        \"\r\n                    >\r\n                        {{ tab.label }}\r\n                        @if (tab.children?.length) {\r\n                        <gov-icon\r\n                            slot=\"icon-end\"\r\n                            size=\"s\"\r\n                            [name]=\"canBeShown(index) ? 'chevron-up' : 'chevron-down'\"\r\n                        ></gov-icon>\r\n                        }\r\n                    </gov-button>\r\n                    @if (canBeShown(index)) {\r\n                    <ul\r\n                        id=\"megamenu{{index}}\"\r\n                        class=\"gov-mega-menu gov-header__submenu\"\r\n                        [attr.aria-hidden]=\"canBeShown(index)\"\r\n                    >\r\n                        @for (child of tab.children; track child) {\r\n                        <li\r\n                            *hasPermission=\"child.data?.permissions ?? []\"\r\n                            class=\"gov-mega-menu__heading\"\r\n                        >\r\n                            <a\r\n                                [routerLink]=\"child.url\"\r\n                                (click)=\"showOrHide(index)\"\r\n                            >\r\n                                @if (child.icon) {\r\n                                <gov-icon\r\n                                    [name]=\"child.icon\"\r\n                                    size=\"m\"\r\n                                ></gov-icon>\r\n                                }\r\n                                <span>{{ child.label }}</span>\r\n                            </a>\r\n                            @if (child.children) { @for(miniChild of child.children; track miniChild) {\r\n                            <ul>\r\n                                <li *hasPermission=\"miniChild.data?.permissions ?? []\">\r\n                                    <a\r\n                                        [routerLink]=\"miniChild.url\"\r\n                                        (click)=\"showOrHide(index)\"\r\n                                    >{{ miniChild.label }}</a>\r\n                                </li>\r\n                            </ul>\r\n                            } }\r\n                        </li>\r\n                        }\r\n                    </ul>\r\n                    }\r\n                </li>\r\n                }\r\n            </ul>\r\n        </nav>\r\n    </div>\r\n</header>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovButton, selector: "gov-button", inputs: ["color", "disabled", "download", "expanded", "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", "justifyContent", "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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "v-header", standalone: true, imports: [
+                        CommonModule,
+                        GovDesignSystemModule,
+                        AsyncPipe,
+                        RouterModule,
+                        HasPermissionDirective,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: HEADER_COMPONENT_TOKEN,
+                            useExisting: HeaderComponent
+                        }
+                    ], template: "<header class=\"gov-header\">\r\n    <div class=\"gov-header__divider\">\r\n        <div class=\"gov-header__content\">\r\n            <gov-flex\r\n                justify-content=\"space-between\"\r\n                align-items=\"center\"\r\n                responsive=\"false\"\r\n            >\r\n                <a\r\n                    href=\"/\"\r\n                    class=\"gov-header__logo\"\r\n                    aria-label=\"Zp\u011Bt na \u00FAvodn\u00ED str\u00E1nku\"\r\n                >\r\n                    <gov-flex\r\n                        align-items=\"center\"\r\n                        gap=\"s\"\r\n                        responsive=\"false\"\r\n                    >\r\n                        @if (logoUrl) {\r\n                        <img\r\n                            class=\"gov-header__logo-img\"\r\n                            src=\"{{ logoUrl }}\"\r\n                            width=\"125px\"\r\n                            height=\"43px\"\r\n                            alt=\"GA\u010CR Logo\"\r\n                        >\r\n                        }\r\n                    </gov-flex>\r\n                </a>\r\n            </gov-flex>\r\n            <gov-flex\r\n                class=\"gov-header__action\"\r\n                justify-content=\"space-between\"\r\n                align-items=\"center\"\r\n                gap=\"s\"\r\n            >\r\n                <gov-button\r\n                    color=\"primary\"\r\n                    size=\"m\"\r\n                    type=\"base\"\r\n                >{{ userName }}</gov-button>\r\n                <ng-content></ng-content>\r\n                <ng-container *ngTemplateOutlet=\"\r\n                    this.actionTemplate;\r\n                \"></ng-container>\r\n            </gov-flex>\r\n        </div>\r\n    </div>\r\n    <div class=\"gov-header__navigation\">\r\n        <nav\r\n            class=\"gov-navigation\"\r\n            aria-label=\"Main navigation\"\r\n            id=\"main-navigation\"\r\n        >\r\n            <ul>\r\n                @for (tab of tabsService.menuItems$ | async; track tab; let index = $index) {\r\n                <li\r\n                    *hasPermission=\"tab.data?.permissions ?? []\"\r\n                    class=\"gov-navigation--has-megamenu\"\r\n                >\r\n                    <gov-button\r\n                        type=\"base\"\r\n                        color=\"primary\"\r\n                        size=\"l\"\r\n                        [attr.aria-label]=\"tab.label\"\r\n                        (gov-click)=\"\r\n                            showOrHide(index, tab.children?.length ?? 0);\r\n                            canRedirect(tab.url, !tab.children?.length)\r\n                        \"\r\n                    >\r\n                        {{ tab.label }}\r\n                        @if (tab.children?.length) {\r\n                        <gov-icon\r\n                            slot=\"icon-end\"\r\n                            size=\"s\"\r\n                            [name]=\"canBeShown(index) ? 'chevron-up' : 'chevron-down'\"\r\n                        ></gov-icon>\r\n                        }\r\n                    </gov-button>\r\n                    @if (canBeShown(index)) {\r\n                    <ul\r\n                        id=\"megamenu{{index}}\"\r\n                        class=\"gov-mega-menu gov-header__submenu\"\r\n                        [attr.aria-hidden]=\"canBeShown(index)\"\r\n                    >\r\n                        @for (child of tab.children; track child) {\r\n                        <li\r\n                            *hasPermission=\"child.data?.permissions ?? []\"\r\n                            class=\"gov-mega-menu__heading\"\r\n                        >\r\n                            <a\r\n                                [routerLink]=\"child.url\"\r\n                                (click)=\"showOrHide(index)\"\r\n                            >\r\n                                @if (child.icon) {\r\n                                <gov-icon\r\n                                    [name]=\"child.icon\"\r\n                                    size=\"m\"\r\n                                ></gov-icon>\r\n                                }\r\n                                <span>{{ child.label }}</span>\r\n                            </a>\r\n                            @if (child.children) { @for(miniChild of child.children; track miniChild) {\r\n                            <ul>\r\n                                <li *hasPermission=\"miniChild.data?.permissions ?? []\">\r\n                                    <a\r\n                                        [routerLink]=\"miniChild.url\"\r\n                                        (click)=\"showOrHide(index)\"\r\n                                    >{{ miniChild.label }}</a>\r\n                                </li>\r\n                            </ul>\r\n                            } }\r\n                        </li>\r\n                        }\r\n                    </ul>\r\n                    }\r\n                </li>\r\n                }\r\n            </ul>\r\n        </nav>\r\n    </div>\r\n</header>" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], userName: [{
+                type: Input
+            }], logoUrl: [{
+                type: Input
+            }], userRole: [{
+                type: Input
+            }], menuRef: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], actionTemplate: [{
+                type: ContentChild,
+                args: ['action', { static: false }]
+            }] } });
+
+class PasswordComponent extends BaseFormInputComponent {
+    toggleMask = true;
+    feedback = false;
+    labelSlot = SlotPosition.top;
+    requiredStrength = PasswordStrength.None;
+    message;
+    name;
+    role;
+    icon;
+    iconPos = IconPosition.right;
+    size = FieldSize.medium;
+    messageSlot = SlotPosition.bottom;
+    icons = Icons;
+    passwordStrength = PasswordStrength.None;
+    type = FieldType.password;
+    constructor(ngControl) {
+        super(ngControl);
+    }
+    valueChange(value) {
+        if (!value) {
+            this.passwordStrength = 0;
+            return;
+        }
+        const result = zxcvbn(value);
+        this.passwordStrength = result.score;
+        if (!this.formControl) {
+            return;
+        }
+        if (result.score < this.requiredStrength) {
+            this.formControl.setErrors({ passwordLowStrength: true }, { emitEvent: false });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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\">\r\n    @if (label) {\r\n    <gov-form-label \r\n      [slot]=\"labelSlot\"\r\n      [size]=\"size | govSize\"\r\n    >\r\n      {{ label }}\r\n    </gov-form-label>\r\n    }\r\n  <gov-form-group>\r\n    @if (feedback) {\r\n    <gov-form-password-power [power]=\"passwordStrength - 1\" />\r\n    }\r\n    <gov-form-input\r\n      [formControl]=\"formControl\"\r\n      [attr.input-type]=\"type\"\r\n      [placeholder]=\"placeholder\"\r\n      [invalid]=\"ngControl?.errors\"\r\n      (ngModelChange)=\"valueChange($event)\"\r\n    />\r\n  </gov-form-group>\r\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  @if (message) {\r\n  <gov-form-message \r\n      [slot]=\"messageSlot\" \r\n      color=\"neutral\"\r\n      >\r\n      {{ message }}\r\n  </gov-form-message>\r\n  }\r\n</gov-form-control>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-password', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        GovDesignSystemModule,
+                        GovSizePipe,
+                        ErrorComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: PASSWORD_COMPONENT_TOKEN,
+                            useExisting: PasswordComponent
+                        }
+                    ], template: "<gov-form-control class=\"mb-3\">\r\n    @if (label) {\r\n    <gov-form-label \r\n      [slot]=\"labelSlot\"\r\n      [size]=\"size | govSize\"\r\n    >\r\n      {{ label }}\r\n    </gov-form-label>\r\n    }\r\n  <gov-form-group>\r\n    @if (feedback) {\r\n    <gov-form-password-power [power]=\"passwordStrength - 1\" />\r\n    }\r\n    <gov-form-input\r\n      [formControl]=\"formControl\"\r\n      [attr.input-type]=\"type\"\r\n      [placeholder]=\"placeholder\"\r\n      [invalid]=\"ngControl?.errors\"\r\n      (ngModelChange)=\"valueChange($event)\"\r\n    />\r\n  </gov-form-group>\r\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  @if (message) {\r\n  <gov-form-message \r\n      [slot]=\"messageSlot\" \r\n      color=\"neutral\"\r\n      >\r\n      {{ message }}\r\n  </gov-form-message>\r\n  }\r\n</gov-form-control>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { toggleMask: [{
+                type: Input
+            }], feedback: [{
+                type: Input
+            }], labelSlot: [{
+                type: Input
+            }], requiredStrength: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconPos: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], messageSlot: [{
+                type: Input
+            }] } });
+
+class RadioButtonComponent extends BaseFormInputComponent {
+    radioGroupName = Math.random().toString();
+    items = [];
+    size = FieldSize.medium;
+    icons = Icons;
+    constructor(ngControl) {
+        super(ngControl);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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>\r\n  <gov-form-radio-group [formControl]=\"formControl\">\r\n    @if (items) { @for(item of items; track item) {\r\n    <gov-form-radio\r\n      [size]=\"size | govSize\"\r\n      [value]=\"item.value\"\r\n      [required]=\"required\"\r\n      [identifier]=\"item.id\"\r\n      [name]=\"radioGroupName\"\r\n      [invalid]=\"ngControl?.errors\"\r\n      [disabled]=\"formControl.disabled\"\r\n    >\r\n      <gov-form-label\r\n        [size]=\"size | govSize\"\r\n        slot=\"label\"\r\n      >\r\n        {{ label }}\r\n      </gov-form-label>\r\n    </gov-form-radio>\r\n    } }\r\n  </gov-form-radio-group>\r\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n</gov-form-control>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "v-radiobutton", standalone: true, imports: [
+                        CommonModule, GovDesignSystemModule, RouterModule, ReactiveFormsModule, GovSizePipe, ErrorComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: RADIOBUTTON_COMPONENT_TOKEN,
+                            useExisting: RadioButtonComponent,
+                        },
+                    ], template: "<gov-form-control>\r\n  <gov-form-radio-group [formControl]=\"formControl\">\r\n    @if (items) { @for(item of items; track item) {\r\n    <gov-form-radio\r\n      [size]=\"size | govSize\"\r\n      [value]=\"item.value\"\r\n      [required]=\"required\"\r\n      [identifier]=\"item.id\"\r\n      [name]=\"radioGroupName\"\r\n      [invalid]=\"ngControl?.errors\"\r\n      [disabled]=\"formControl.disabled\"\r\n    >\r\n      <gov-form-label\r\n        [size]=\"size | govSize\"\r\n        slot=\"label\"\r\n      >\r\n        {{ label }}\r\n      </gov-form-label>\r\n    </gov-form-radio>\r\n    } }\r\n  </gov-form-radio-group>\r\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n</gov-form-control>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { radioGroupName: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
+class SwitchComponent extends BaseFormInputComponent {
+    size = FieldSize.medium;
+    noLabel = false;
+    name;
+    icons = Icons;
+    constructor(ngControl) {
+        super(ngControl);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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>\r\n  <gov-form-switch\r\n    [formControl]=\"formControl\"\r\n    [size]=\"size | govSize\"\r\n    [required]=\"required\"\r\n    [name]=\"name\"\r\n    [invalid]=\"ngControl?.errors\"\r\n  >\r\n    @if (label && !noLabel) {\r\n    <gov-form-label [size]=\"size\" slot=\"label\">\r\n      {{ label }}\r\n    </gov-form-label>\r\n    }\r\n  </gov-form-switch>\r\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n</gov-form-control>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "v-switch", standalone: true, imports: [
+                        CommonModule, GovDesignSystemModule, ReactiveFormsModule, GovSizePipe, ErrorComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
+                            provide: SWITCH_COMPONENT_TOKEN,
+                            useExisting: SwitchComponent,
+                        }], template: "<gov-form-control>\r\n  <gov-form-switch\r\n    [formControl]=\"formControl\"\r\n    [size]=\"size | govSize\"\r\n    [required]=\"required\"\r\n    [name]=\"name\"\r\n    [invalid]=\"ngControl?.errors\"\r\n  >\r\n    @if (label && !noLabel) {\r\n    <gov-form-label [size]=\"size\" slot=\"label\">\r\n      {{ label }}\r\n    </gov-form-label>\r\n    }\r\n  </gov-form-switch>\r\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n</gov-form-control>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { size: [{
+                type: Input
+            }], noLabel: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }] } });
+
+class SearchComponent {
+    placeholder;
+    size = FieldSize.medium;
+    searchTerm = new EventEmitter();
+    value;
+    icons = Icons;
+    setValue(event) {
+        this.value = event.detail.value;
+    }
+    search() {
+        this.searchTerm.emit(this.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchComponent, isStandalone: true, selector: "v-search", inputs: { placeholder: "placeholder", size: "size" }, outputs: { searchTerm: "searchTerm" }, ngImport: i0, template: "<gov-form-control>\r\n    <gov-form-group>\r\n        <gov-form-search color=\"neutral\">\r\n            <gov-form-input \r\n                [placeholder]=\"placeholder\"\r\n                [size]=\"size | govSize\"\r\n                slot=\"input\"\r\n                (gov-input)=\"setValue($event)\"\r\n            />\r\n            <gov-button\r\n                [size]=\"size | govSize\"\r\n                color=\"primary\"\r\n                type=\"solid\"\r\n                slot=\"button\"\r\n                (gov-click)=\"search()\"\r\n            >\r\n                <gov-icon\r\n                    [name]=\"icons.search\"\r\n                />\r\n            </gov-button>\r\n        </gov-form-search>\r\n    </gov-form-group>\r\n</gov-form-control>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i2.GovButton, selector: "gov-button", inputs: ["color", "disabled", "download", "expanded", "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: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-search', standalone: true, imports: [
+                        CommonModule,
+                        GovDesignSystemModule,
+                        GovSizePipe,
+                        ReactiveFormsModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<gov-form-control>\r\n    <gov-form-group>\r\n        <gov-form-search color=\"neutral\">\r\n            <gov-form-input \r\n                [placeholder]=\"placeholder\"\r\n                [size]=\"size | govSize\"\r\n                slot=\"input\"\r\n                (gov-input)=\"setValue($event)\"\r\n            />\r\n            <gov-button\r\n                [size]=\"size | govSize\"\r\n                color=\"primary\"\r\n                type=\"solid\"\r\n                slot=\"button\"\r\n                (gov-click)=\"search()\"\r\n            >\r\n                <gov-icon\r\n                    [name]=\"icons.search\"\r\n                />\r\n            </gov-button>\r\n        </gov-form-search>\r\n    </gov-form-group>\r\n</gov-form-control>" }]
+        }], propDecorators: { placeholder: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], searchTerm: [{
+                type: Output
+            }] } });
+
+class SectionComponent {
+    title;
+    badge;
+    showContent = false;
+    backgroundColor;
+    annotation;
+    identifier;
+    icon;
+    iconType;
+    size = FieldSize.medium;
+    badgeSlot = 'sufix';
+    open = false;
+    icons = Icons;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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>\r\n    <gov-accordion-item \r\n        [size]=\"size | govSize\"\r\n        [identifier]=\"identifier\"\r\n        [open]=\"open\"\r\n    >\r\n        @if (icon) {\r\n            <gov-icon\r\n                [name]=\"icons.chevronDown\"\r\n            />\r\n        } @if (title) {\r\n            <h2 slot=\"label\">{{ title | translate }}</h2>\r\n        } @if (badge) {\r\n            <gov-badge \r\n                inverse=\"true\"\r\n                size=\"s\"\r\n                [slot]=\"badgeSlot\"\r\n            >\r\n                {{ badge }}\r\n            </gov-badge>\r\n        } @if (annotation) {\r\n            <p slot=\"annotation\">{{ annotation | translate }}</p>\r\n        }\r\n        <ng-content></ng-content>\r\n    </gov-accordion-item>\r\n</gov-accordion>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-section', standalone: true, imports: [
+                        CommonModule,
+                        GovDesignSystemModule,
+                        GovSizePipe,
+                        TranslateModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: SECTION_COMPONENT_TOKEN,
+                            useExisting: SectionComponent,
+                        },
+                    ], schemas: [
+                        NO_ERRORS_SCHEMA
+                    ], template: "<gov-accordion>\r\n    <gov-accordion-item \r\n        [size]=\"size | govSize\"\r\n        [identifier]=\"identifier\"\r\n        [open]=\"open\"\r\n    >\r\n        @if (icon) {\r\n            <gov-icon\r\n                [name]=\"icons.chevronDown\"\r\n            />\r\n        } @if (title) {\r\n            <h2 slot=\"label\">{{ title | translate }}</h2>\r\n        } @if (badge) {\r\n            <gov-badge \r\n                inverse=\"true\"\r\n                size=\"s\"\r\n                [slot]=\"badgeSlot\"\r\n            >\r\n                {{ badge }}\r\n            </gov-badge>\r\n        } @if (annotation) {\r\n            <p slot=\"annotation\">{{ annotation | translate }}</p>\r\n        }\r\n        <ng-content></ng-content>\r\n    </gov-accordion-item>\r\n</gov-accordion>" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], badge: [{
+                type: Input
+            }], showContent: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], annotation: [{
+                type: Input
+            }], identifier: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconType: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], badgeSlot: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }] } });
+
+class SideMenuComponent {
+    menuService = inject(SideMenuService);
+    items = [];
+    logoUrl = '';
+    userName;
+    userRole;
+    minimalized = new EventEmitter();
+    itemSelected = new EventEmitter();
+    icons = Icons;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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=\"gov-sidemenu-inner\">\r\n    <div class=\"gov-category-list__col gov-category-list__categories\">\r\n        <div class=\"gov-category-list__col-inner\">\r\n            <ul class=\"gov-list--plain gov-category-list__nav\">\r\n            @for (item of items; track item) {\r\n                @for (child of item.children; track child) {\r\n                    <li class=\"gov-category-list__nav-item\">\r\n                        <a \r\n                            class=\"gov-category-list__nav-link\"\r\n                            [routerLink]=\"child.url\"\r\n                            routerLinkActive=\"gov-category-list__nav-active\"\r\n                            title=\"{{child.label}}\"\r\n                        >\r\n                            <span class=\"gov-link gov-link--standalone\">{{child.label}}</span>\r\n                            @if (child.children) {\r\n                            <gov-icon [name]=\"icons.chevronDown\" />\r\n                            }\r\n                        </a>\r\n                    </li>\r\n                }\r\n            }\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".gov-category-list__nav-link gov-icon{display:block;position:absolute;right:.625rem;top:1rem;font-size:1.5rem}.gov-category-list__nav-link gov-icon-:hover{color:--color-neutral-0}.gov-link{text-decoration:none}.gov-category-list__nav-active{background-color:var(--color-primary-600)}.gov-category-list__nav-active span{color:var(--color-neutral-0)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-side-menu', standalone: true, imports: [CommonModule, RouterModule, GovDesignSystemModule], providers: [
+                        {
+                            provide: SIDE_MENU_COMPONENT_TOKEN,
+                            useExisting: SideMenuComponent,
+                        },
+                    ], template: "<div class=\"gov-sidemenu-inner\">\r\n    <div class=\"gov-category-list__col gov-category-list__categories\">\r\n        <div class=\"gov-category-list__col-inner\">\r\n            <ul class=\"gov-list--plain gov-category-list__nav\">\r\n            @for (item of items; track item) {\r\n                @for (child of item.children; track child) {\r\n                    <li class=\"gov-category-list__nav-item\">\r\n                        <a \r\n                            class=\"gov-category-list__nav-link\"\r\n                            [routerLink]=\"child.url\"\r\n                            routerLinkActive=\"gov-category-list__nav-active\"\r\n                            title=\"{{child.label}}\"\r\n                        >\r\n                            <span class=\"gov-link gov-link--standalone\">{{child.label}}</span>\r\n                            @if (child.children) {\r\n                            <gov-icon [name]=\"icons.chevronDown\" />\r\n                            }\r\n                        </a>\r\n                    </li>\r\n                }\r\n            }\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".gov-category-list__nav-link gov-icon{display:block;position:absolute;right:.625rem;top:1rem;font-size:1.5rem}.gov-category-list__nav-link gov-icon-:hover{color:--color-neutral-0}.gov-link{text-decoration:none}.gov-category-list__nav-active{background-color:var(--color-primary-600)}.gov-category-list__nav-active span{color:var(--color-neutral-0)}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], logoUrl: [{
+                type: Input
+            }], userName: [{
+                type: Input
+            }], userRole: [{
+                type: Input
+            }], minimalized: [{
+                type: Output
+            }], itemSelected: [{
+                type: Output
+            }] } });
+
+class SideMenuModule extends UnsubscribeComponent {
+    service;
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    static forRoot(config) {
+        const moduleWithProvider = {
+            ngModule: SideMenuModule,
+        };
+        if (config?.items) {
+            moduleWithProvider.providers = [
+                {
+                    provide: MENU_TOKEN,
+                    useValue: config.items,
+                },
+            ];
+        }
+        return moduleWithProvider;
+    }
+    static forChild(menu) {
+        return {
+            ngModule: SideMenuModule,
+            providers: [
+                {
+                    provide: MENU_TOKEN,
+                    useValue: menu,
+                },
+            ],
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideMenuModule, deps: [{ token: i1$4.SideMenuProviderService }], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SideMenuModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideMenuModule, providers: [
+            SideMenuProviderService,
+            {
+                provide: SIDE_MENU_COMPONENT_TOKEN,
+                useExisting: SideMenuComponent,
+            },
+            {
+                provide: SIDE_MENU_STATE_TOKEN,
+                useValue: localStorage.getItem('SideMenuStateToken') ?? {
+                    expanded: [],
+                    minimalized: false,
+                },
+            },
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    providers: [
+                        SideMenuProviderService,
+                        {
+                            provide: SIDE_MENU_COMPONENT_TOKEN,
+                            useExisting: SideMenuComponent,
+                        },
+                        {
+                            provide: SIDE_MENU_STATE_TOKEN,
+                            useValue: localStorage.getItem('SideMenuStateToken') ?? {
+                                expanded: [],
+                                minimalized: false,
+                            },
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i1$4.SideMenuProviderService }] });
+
+class SnackbarComponent {
+    config;
+    message;
+    icon;
+    closeLabel;
+    color = "primary";
+    gravity = "top";
+    position = "right";
+    time = 4000;
+    type = "subtle";
+    icons = Icons;
+    constructor(config) {
+        this.config = config;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SnackbarComponent, deps: [{ token: 'TOAST_CONFIG', optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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\r\n    [closeLabel]=\"config.closeLabel ?? closeLabel\"\r\n    [color]=\"config.color || color\"\r\n    [gravity]=\"config.gravity || gravity\"\r\n    [position]=\"config.position || position\"\r\n    [time]=\"config.time ?? time\"\r\n    [type]=\"config.type || type\"\r\n>\r\n    @if (config.icon || icon) {\r\n    <gov-icon\r\n        [name]=\"config.icon || icon\"\r\n    />\r\n    } {{ config.message || message }}\r\n</gov-toast>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "18.2.13", ngImport: i0, type: SnackbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-snackbar', standalone: true, imports: [CommonModule, GovDesignSystemModule], providers: [
+                        {
+                            provide: SNACKBAR_COMPONENT_TOKEN,
+                            useExisting: SnackbarComponent,
+                        },
+                    ], template: "<gov-toast\r\n    [closeLabel]=\"config.closeLabel ?? closeLabel\"\r\n    [color]=\"config.color || color\"\r\n    [gravity]=\"config.gravity || gravity\"\r\n    [position]=\"config.position || position\"\r\n    [time]=\"config.time ?? time\"\r\n    [type]=\"config.type || type\"\r\n>\r\n    @if (config.icon || icon) {\r\n    <gov-icon\r\n        [name]=\"config.icon || icon\"\r\n    />\r\n    } {{ config.message || message }}\r\n</gov-toast>\r\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['TOAST_CONFIG']
+                }] }], propDecorators: { message: [{
+                type: Input,
+                args: [{ required: true }]
+            }], icon: [{
+                type: Input
+            }], closeLabel: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], gravity: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], time: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }] } });
+
+class SnackbarService {
+    overlay;
+    translate;
+    injector;
+    constructor(overlay, translate, injector) {
+        this.overlay = overlay;
+        this.translate = translate;
+        this.injector = injector;
+    }
+    showSuccess(message, icon) {
+        this.showToast({
+            message: this.translate.instant(message),
+            icon: icon,
+            color: 'success',
+        });
+    }
+    showInfo(message, icon) {
+        this.showToast({
+            message: this.translate.instant(message),
+            icon: icon,
+            color: 'primary',
+        });
+    }
+    showWarn(message, icon) {
+        this.showToast({
+            message: this.translate.instant(message),
+            icon: icon,
+            color: 'warning',
+        });
+    }
+    showError(message, icon) {
+        this.showToast({
+            message: this.translate.instant(message),
+            icon: icon,
+            color: 'error',
+        });
+    }
+    showToast(config) {
+        const positionStrategy = this.overlay
+            .position()
+            .global();
+        const overlayRef = this.overlay.create({
+            positionStrategy,
+            hasBackdrop: false,
+            scrollStrategy: this.overlay.scrollStrategies.noop(),
+        });
+        const toastPortal = new portal.ComponentPortal(SnackbarComponent, null, this.createInjector(config));
+        overlayRef.attach(toastPortal);
+    }
+    createInjector(config) {
+        return Injector.create({
+            providers: [
+                { provide: 'TOAST_CONFIG', useValue: config },
+            ],
+            parent: this.injector,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SnackbarService, deps: [{ token: i1$5.Overlay }, { token: i3.TranslateService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SnackbarService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SnackbarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$5.Overlay }, { type: i3.TranslateService }, { type: i0.Injector }] });
+
+class TextareaComponent extends BaseFormInputComponent {
+    floatLabel;
+    type = FieldType.text;
+    minlength = 0;
+    maxlength = 524288;
+    prefix;
+    sufix;
+    message;
+    name;
+    role;
+    size = FieldSize.medium;
+    icon;
+    iconPos = IconPosition.right;
+    labelSlot = SlotPosition.top;
+    messageSlot = SlotPosition.bottom;
+    rows = 0;
+    cols = 0;
+    icons = Icons;
+    constructor(ngControl) {
+        super(ngControl);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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" }, providers: [
+            {
+                provide: TEXTAREA_COMPONENT_TOKEN,
+                useExisting: TextareaComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<gov-form-control class=\"mb-3\">\r\n    @if (label) {\r\n    <gov-form-label \r\n        [slot]=\"labelSlot\"\r\n        [size]=\"size | govSize\"\r\n    >\r\n        {{ label | translate }}\r\n    </gov-form-label>\r\n    }\r\n    <gov-form-group>\r\n        <gov-form-input [type]=\"type\"\r\n            [formControl]=\"formControl\"\r\n            [minlength]=\"minlength\" \r\n            [maxlength]=\"maxlength\" \r\n            [size]='size | govSize'  \r\n            [name]='name' \r\n            [role]='role'\r\n            [required]=\"required\"\r\n            [readonly]=\"readonly\"\r\n            [invalid]=\"ngControl?.errors ? true : false\"\r\n            [multiline]=\"true\"\r\n            [rows]=\"rows\"\r\n            [cols]=\"cols\"\r\n        >\r\n            @if (icon) {\r\n            <gov-icon\r\n                [name]=\"icon\"\r\n                [slot]=\"iconPos === 'left' ? 'icon-start' : 'icon-end'\"\r\n            />\r\n            } @if (prefix) {\r\n            <p slot=\"prefix\">\r\n                {{ prefix }}\r\n            </p>\r\n            } @if (sufix) {\r\n            <p slot=\"sufix\">\r\n                {{ sufix }}\r\n            </p>\r\n            }\r\n        </gov-form-input>\r\n    </gov-form-group>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n    @if (message) {\r\n    <gov-form-message \r\n        [slot]=\"messageSlot\" \r\n        color=\"neutral\"\r\n        >\r\n        {{ message | translate }}\r\n    </gov-form-message>\r\n    }\r\n</gov-form-control>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-textarea', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        GovDesignSystemModule,
+                        GovSizePipe,
+                        ErrorComponent,
+                        TranslateModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: TEXTAREA_COMPONENT_TOKEN,
+                            useExisting: TextareaComponent,
+                        },
+                    ], template: "<gov-form-control class=\"mb-3\">\r\n    @if (label) {\r\n    <gov-form-label \r\n        [slot]=\"labelSlot\"\r\n        [size]=\"size | govSize\"\r\n    >\r\n        {{ label | translate }}\r\n    </gov-form-label>\r\n    }\r\n    <gov-form-group>\r\n        <gov-form-input [type]=\"type\"\r\n            [formControl]=\"formControl\"\r\n            [minlength]=\"minlength\" \r\n            [maxlength]=\"maxlength\" \r\n            [size]='size | govSize'  \r\n            [name]='name' \r\n            [role]='role'\r\n            [required]=\"required\"\r\n            [readonly]=\"readonly\"\r\n            [invalid]=\"ngControl?.errors ? true : false\"\r\n            [multiline]=\"true\"\r\n            [rows]=\"rows\"\r\n            [cols]=\"cols\"\r\n        >\r\n            @if (icon) {\r\n            <gov-icon\r\n                [name]=\"icon\"\r\n                [slot]=\"iconPos === 'left' ? 'icon-start' : 'icon-end'\"\r\n            />\r\n            } @if (prefix) {\r\n            <p slot=\"prefix\">\r\n                {{ prefix }}\r\n            </p>\r\n            } @if (sufix) {\r\n            <p slot=\"sufix\">\r\n                {{ sufix }}\r\n            </p>\r\n            }\r\n        </gov-form-input>\r\n    </gov-form-group>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n    @if (message) {\r\n    <gov-form-message \r\n        [slot]=\"messageSlot\" \r\n        color=\"neutral\"\r\n        >\r\n        {{ message | translate }}\r\n    </gov-form-message>\r\n    }\r\n</gov-form-control>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { floatLabel: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], minlength: [{
+                type: Input
+            }], maxlength: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], sufix: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconPos: [{
+                type: Input
+            }], labelSlot: [{
+                type: Input
+            }], messageSlot: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], cols: [{
+                type: Input
+            }] } });
+
+class FormFieldComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+    }
+    floatLabel;
+    type = FieldType.text;
+    minlength = 0;
+    maxlength = 524288;
+    prefix;
+    sufix;
+    message;
+    name;
+    role;
+    autocorrect = 'on';
+    size = FieldSize.medium;
+    icon;
+    iconPos = IconPosition.right;
+    display;
+    labelSlot = SlotPosition.top;
+    messageSlot = SlotPosition.bottom;
+    icons = Icons;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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>\r\n  @if (label) {\r\n  <gov-form-label \r\n    [slot]=\"labelSlot\"\r\n    [size]=\"size | govSize\"\r\n  >\r\n    {{ label }}\r\n  </gov-form-label>\r\n  }\r\n  <gov-form-group>\r\n    <ng-content />\r\n  </gov-form-group>\r\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n</gov-form-control>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-form-field', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        GovDesignSystemModule,
+                        GovSizePipe,
+                        ErrorComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: FORM_FIELD_COMPONENT_TOKEN,
+                            useExisting: FormFieldComponent,
+                        },
+                    ], template: "<gov-form-control>\r\n  @if (label) {\r\n  <gov-form-label \r\n    [slot]=\"labelSlot\"\r\n    [size]=\"size | govSize\"\r\n  >\r\n    {{ label }}\r\n  </gov-form-label>\r\n  }\r\n  <gov-form-group>\r\n    <ng-content />\r\n  </gov-form-group>\r\n  <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n</gov-form-control>" }]
+        }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { floatLabel: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], minlength: [{
+                type: Input
+            }], maxlength: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], sufix: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }], autocorrect: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconPos: [{
+                type: Input
+            }], display: [{
+                type: Input
+            }], labelSlot: [{
+                type: Input
+            }], messageSlot: [{
+                type: Input
+            }] } });
+
+class InputGroupComponent extends BaseFormInputComponent {
+    floatLabel;
+    type = FieldType.text;
+    minlength = 0;
+    items;
+    prefix;
+    sufix;
+    maxlength = 524288;
+    name;
+    role;
+    message;
+    size = FieldSize.medium;
+    icon;
+    iconPos = IconPosition.right;
+    labelSlot = SlotPosition.top;
+    messageSlot = SlotPosition.bottom;
+    icons = Icons;
+    constructor(ngControl) {
+        super(ngControl);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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>\r\n    @if (label) {\r\n    <gov-form-label \r\n        [slot]=\"labelSlot\"\r\n        [size]=\"size | govSize\"\r\n    >\r\n        {{ label }}\r\n    </gov-form-label>\r\n    }\r\n        @if(prefix) {\r\n            <gov-icon\r\n                [name]=\"name\"\r\n            />\r\n        }\r\n        <gov-form-input \r\n            input-type=\"input-type\"\r\n            [formControl]=\"formControl\"\r\n            [minlength]=\"minlength\" \r\n            [maxlength]=\"maxlength\" \r\n            [size]='size | govSize'  \r\n            [name]='name' \r\n            [role]='role'\r\n            [required]=\"required\"\r\n            [readonly]=\"readonly\"\r\n            [invalid]=\"ngControl?.errors ? true : false\"\r\n        />\r\n        @if(sufix) {\r\n            <gov-icon\r\n                [name]=\"name\"\r\n            />\r\n        }\r\n        <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n        @if (message) {\r\n        <gov-form-message \r\n            [slot]=\"messageSlot\" \r\n            color=\"neutral\"\r\n            >\r\n            {{ message }}\r\n        </gov-form-message>\r\n        }\r\n</gov-form-control>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-input-group', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        GovDesignSystemModule,
+                        GovSizePipe,
+                        ErrorComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: INPUT_GROUP_COMPONENT_TOKEN,
+                            useExisting: InputGroupComponent,
+                        },
+                    ], template: "<gov-form-control>\r\n    @if (label) {\r\n    <gov-form-label \r\n        [slot]=\"labelSlot\"\r\n        [size]=\"size | govSize\"\r\n    >\r\n        {{ label }}\r\n    </gov-form-label>\r\n    }\r\n        @if(prefix) {\r\n            <gov-icon\r\n                [name]=\"name\"\r\n            />\r\n        }\r\n        <gov-form-input \r\n            input-type=\"input-type\"\r\n            [formControl]=\"formControl\"\r\n            [minlength]=\"minlength\" \r\n            [maxlength]=\"maxlength\" \r\n            [size]='size | govSize'  \r\n            [name]='name' \r\n            [role]='role'\r\n            [required]=\"required\"\r\n            [readonly]=\"readonly\"\r\n            [invalid]=\"ngControl?.errors ? true : false\"\r\n        />\r\n        @if(sufix) {\r\n            <gov-icon\r\n                [name]=\"name\"\r\n            />\r\n        }\r\n        <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n        @if (message) {\r\n        <gov-form-message \r\n            [slot]=\"messageSlot\" \r\n            color=\"neutral\"\r\n            >\r\n            {{ message }}\r\n        </gov-form-message>\r\n        }\r\n</gov-form-control>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { floatLabel: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], minlength: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], sufix: [{
+                type: Input
+            }], maxlength: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconPos: [{
+                type: Input
+            }], labelSlot: [{
+                type: Input
+            }], messageSlot: [{
+                type: Input
+            }] } });
+
+class NumberInputComponent extends BaseFormInputComponent {
+    mode;
+    currency;
+    min;
+    max;
+    step = 1;
+    floatLabel;
+    type = FieldType.number;
+    minlength = 0;
+    maxlength = 524288;
+    prefix;
+    sufix;
+    message;
+    name;
+    role;
+    size = FieldSize.medium;
+    icon;
+    iconPos = IconPosition.right;
+    labelSlot = SlotPosition.top;
+    errorSlot = SlotPosition.bottom;
+    messageSlot = SlotPosition.bottom;
+    icons = Icons;
+    constructor(ngControl) {
+        super(ngControl);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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>\r\n    @if (label) {\r\n    <gov-form-label \r\n        [slot]=\"labelSlot\"\r\n        [size]=\"size | govSize\"\r\n    >\r\n        {{ label }}\r\n    </gov-form-label>\r\n    }\r\n    <gov-form-group>\r\n        <gov-form-input \r\n            [attr.input-type]=\"type\"\r\n            [formControl]=\"formControl\"\r\n            [minlength]=\"minlength\" \r\n            [maxlength]=\"maxlength\" \r\n            [size]='size | govSize'  \r\n            [name]='name' \r\n            [role]='role'\r\n            [required]=\"required\"\r\n            [readonly]=\"readonly\"\r\n            [invalid]=\"ngControl?.errors ? true : false\"\r\n        >\r\n            @if (icon) {\r\n            <gov-icon\r\n                [name]=\"icon\"\r\n                [slot]=\"iconPos === 'left' ? 'icon-start' : 'icon-end'\"\r\n            />\r\n            } @if (prefix) {\r\n            <p slot=\"prefix\">\r\n                {{ prefix }}\r\n            </p>\r\n            } @if (sufix) {\r\n            <p slot=\"sufix\">\r\n                {{ sufix }}\r\n            </p>\r\n            }\r\n        </gov-form-input>\r\n        <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n        @if (message) {\r\n        <gov-form-message \r\n            [slot]=\"messageSlot\" \r\n            color=\"neutral\"\r\n            >\r\n            {{ message }}\r\n        </gov-form-message>\r\n        }\r\n    </gov-form-group>\r\n</gov-form-control>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "pipe", type: GovSizePipe, name: "govSize" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NumberInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-number-input', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        GovDesignSystemModule,
+                        GovSizePipe,
+                        ErrorComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NUMBER_INPUT_COMPONENT_TOKEN,
+                            useExisting: NumberInputComponent,
+                        },
+                    ], template: "<gov-form-control>\r\n    @if (label) {\r\n    <gov-form-label \r\n        [slot]=\"labelSlot\"\r\n        [size]=\"size | govSize\"\r\n    >\r\n        {{ label }}\r\n    </gov-form-label>\r\n    }\r\n    <gov-form-group>\r\n        <gov-form-input \r\n            [attr.input-type]=\"type\"\r\n            [formControl]=\"formControl\"\r\n            [minlength]=\"minlength\" \r\n            [maxlength]=\"maxlength\" \r\n            [size]='size | govSize'  \r\n            [name]='name' \r\n            [role]='role'\r\n            [required]=\"required\"\r\n            [readonly]=\"readonly\"\r\n            [invalid]=\"ngControl?.errors ? true : false\"\r\n        >\r\n            @if (icon) {\r\n            <gov-icon\r\n                [name]=\"icon\"\r\n                [slot]=\"iconPos === 'left' ? 'icon-start' : 'icon-end'\"\r\n            />\r\n            } @if (prefix) {\r\n            <p slot=\"prefix\">\r\n                {{ prefix }}\r\n            </p>\r\n            } @if (sufix) {\r\n            <p slot=\"sufix\">\r\n                {{ sufix }}\r\n            </p>\r\n            }\r\n        </gov-form-input>\r\n        <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n        @if (message) {\r\n        <gov-form-message \r\n            [slot]=\"messageSlot\" \r\n            color=\"neutral\"\r\n            >\r\n            {{ message }}\r\n        </gov-form-message>\r\n        }\r\n    </gov-form-group>\r\n</gov-form-control>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { mode: [{
+                type: Input
+            }], currency: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], minlength: [{
+                type: Input
+            }], maxlength: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], sufix: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconPos: [{
+                type: Input
+            }], labelSlot: [{
+                type: Input
+            }], errorSlot: [{
+                type: Input
+            }], messageSlot: [{
+                type: Input
+            }] } });
+
+class PageHeaderComponent {
+    title = '';
+    subtitle;
+    showBackButton;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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\">\r\n  <h2>{{ title | translate }}</h2>\r\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: CommonModule }, { 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: "18.2.13", ngImport: i0, type: PageHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-page-header', standalone: true, imports: [
+                        CommonModule,
+                        GovDesignSystemModule,
+                        TranslateModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"d-flex gap-3 align-items-center\">\r\n  <h2>{{ title | translate }}</h2>\r\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"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], showBackButton: [{
+                type: Input
+            }] } });
+
+class StepperComponent {
+    items = [];
+    size = FieldSize.medium;
+    icon;
+    prefix;
+    annotation;
+    label;
+    layout = LayoutType.horizontal;
+    activeIndexChange = new EventEmitter();
+    steps = 0;
+    currentStep = 0;
+    ngOnInit() {
+        this.steps = this.items.length;
+    }
+    previousStep() {
+        if (this.currentStep > 0) {
+            this.currentStep--;
+        }
+    }
+    nextStep() {
+        if (this.currentStep < this.items.length - 1) {
+            this.currentStep++;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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 \r\n  [ngClass]=\"layout === 'vertical' ? 'd-block' : 'd-flex justify-content-between'\"\r\n  [size]=\"size | govSize\"\r\n>\r\n  @for (item of items; track item; let index = $index) {\r\n  <gov-stepper-item\r\n    [ngClass]=\"{ 'active-step': index === currentStep }\"\r\n  >\r\n    <span \r\n      slot=\"prefix\"\r\n      [ngStyle]=\"{ 'background-color': index === currentStep ? 'var(--gov-color-primary-300)' : 'var(--gov-color-primary)' }\"\r\n    >\r\n      {{ item.prefix }}\r\n    </span>\r\n    <p slot=\"headline\">{{ item.header }}</p>\r\n    <p slot=\"annotation\">{{ item.annotation }}</p>\r\n  </gov-stepper-item>\r\n  }\r\n</gov-stepper>\r\n<div class=\"d-flex pt-4 justify-content-between\">\r\n  @if (currentStep > 0) {\r\n  <v-button\r\n    [label]=\"'Back'\"\r\n    [size]=\"size\"\r\n    (click)=\"previousStep()\"\r\n  />\r\n  }\r\n  @if (currentStep < steps - 1) {\r\n  <v-button\r\n    [label]=\"'Next'\"\r\n    [size]=\"size\"\r\n    (click)=\"nextStep()\"\r\n  />\r\n  }\r\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", "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: "18.2.13", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-stepper', standalone: true, imports: [
+                        CommonModule,
+                        ButtonComponent,
+                        GovDesignSystemModule,
+                        GovSizePipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        { provide: STEPPER_COMPONENT_TOKEN, useExisting: StepperComponent },
+                    ], template: "<gov-stepper \r\n  [ngClass]=\"layout === 'vertical' ? 'd-block' : 'd-flex justify-content-between'\"\r\n  [size]=\"size | govSize\"\r\n>\r\n  @for (item of items; track item; let index = $index) {\r\n  <gov-stepper-item\r\n    [ngClass]=\"{ 'active-step': index === currentStep }\"\r\n  >\r\n    <span \r\n      slot=\"prefix\"\r\n      [ngStyle]=\"{ 'background-color': index === currentStep ? 'var(--gov-color-primary-300)' : 'var(--gov-color-primary)' }\"\r\n    >\r\n      {{ item.prefix }}\r\n    </span>\r\n    <p slot=\"headline\">{{ item.header }}</p>\r\n    <p slot=\"annotation\">{{ item.annotation }}</p>\r\n  </gov-stepper-item>\r\n  }\r\n</gov-stepper>\r\n<div class=\"d-flex pt-4 justify-content-between\">\r\n  @if (currentStep > 0) {\r\n  <v-button\r\n    [label]=\"'Back'\"\r\n    [size]=\"size\"\r\n    (click)=\"previousStep()\"\r\n  />\r\n  }\r\n  @if (currentStep < steps - 1) {\r\n  <v-button\r\n    [label]=\"'Next'\"\r\n    [size]=\"size\"\r\n    (click)=\"nextStep()\"\r\n  />\r\n  }\r\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"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], annotation: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], layout: [{
+                type: Input
+            }], activeIndexChange: [{
+                type: Output
+            }] } });
+
+class TabViewItemComponent {
+    id;
+    index;
+    disabled = false;
+    title;
+    content;
+    url;
+    contentTemplate;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabViewItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TabViewItemComponent, 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: "18.2.13", ngImport: i0, type: TabViewItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: false,
+                    selector: 'v-tab-view-item',
+                    template: `<ng-template #contentTemplate>
+    <ng-content></ng-content>
+  </ng-template>`
+                }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], contentTemplate: [{
+                type: ViewChild,
+                args: ['contentTemplate', { static: true }]
+            }] } });
+
+class TabViewComponent {
+    tabs;
+    highlight = false;
+    useRouting = false;
+    items = [];
+    activeIndex = 0;
+    activeIndexChange = new EventEmitter();
+    cd = inject(ChangeDetectorRef);
+    ngAfterContentInit() {
+        this.initTabs();
+    }
+    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();
+    }
+    setTabActive(options) {
+        options.forEach((_, index) => {
+            index === this.activeIndex;
+        });
+        this.cd.detectChanges();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: TabViewComponent, 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\">\r\n  <div class=\"gov-tabs__tabs\" role=\"tablist\">\r\n    @for (item of items; track item; let index = $index) {\r\n    @if (useRouting) {\r\n      <button\r\n        [attr.index]=\"index\"\r\n        class=\"gov-tabs__btn\"\r\n        [routerLink]=\"item.url\"\r\n        [routerLinkActive]=\"'active'\"\r\n        #rls=\"routerLinkActive\"\r\n        [attr.aria-selected]=\"rls.isActive\"\r\n        [disabled]=\"item.disabled\"\r\n        role=\"tab\"\r\n        [attr.activeIndex]=\"activeIndex\"\r\n        (click)=\"changeTabIndex(index)\"\r\n      >\r\n        {{ item.title | translate }}\r\n      </button>\r\n    } @else {\r\n      <button\r\n        [attr.index]=\"index\"\r\n        class=\"gov-tabs__btn\"\r\n        [attr.aria-selected]=\"activeIndex === index\"\r\n        [disabled]=\"item.disabled\"\r\n        role=\"tab\"\r\n        [attr.activeIndex]=\"activeIndex\"\r\n        (click)=\"changeTabIndex(index)\"\r\n      >\r\n        {{ item.title | translate }}\r\n      </button>}\r\n    }\r\n  </div>\r\n  <div class=\"gov-tabs__tabs\">\r\n    @for (item of items; track item; let index = $index) {\r\n      <div class=\"gov-tabs__tab\" [class.active]=\"activeIndex === index\" >\r\n        <div class=\"gov-tabs__list\">\r\n          <div class=\"gov-tabs__content\">\r\n            @if (item.contentTemplate) {\r\n              <ng-container *ngTemplateOutlet=\"item.contentTemplate\"></ng-container>\r\n            } @else if (item.content) {\r\n              {{ item.content }}\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n    @if (useRouting) {\r\n      <router-outlet class=\"gov-tabs__content\"></router-outlet>\r\n    }\r\n  </div>\r\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: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-tab-view', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"gov-tabs\">\r\n  <div class=\"gov-tabs__tabs\" role=\"tablist\">\r\n    @for (item of items; track item; let index = $index) {\r\n    @if (useRouting) {\r\n      <button\r\n        [attr.index]=\"index\"\r\n        class=\"gov-tabs__btn\"\r\n        [routerLink]=\"item.url\"\r\n        [routerLinkActive]=\"'active'\"\r\n        #rls=\"routerLinkActive\"\r\n        [attr.aria-selected]=\"rls.isActive\"\r\n        [disabled]=\"item.disabled\"\r\n        role=\"tab\"\r\n        [attr.activeIndex]=\"activeIndex\"\r\n        (click)=\"changeTabIndex(index)\"\r\n      >\r\n        {{ item.title | translate }}\r\n      </button>\r\n    } @else {\r\n      <button\r\n        [attr.index]=\"index\"\r\n        class=\"gov-tabs__btn\"\r\n        [attr.aria-selected]=\"activeIndex === index\"\r\n        [disabled]=\"item.disabled\"\r\n        role=\"tab\"\r\n        [attr.activeIndex]=\"activeIndex\"\r\n        (click)=\"changeTabIndex(index)\"\r\n      >\r\n        {{ item.title | translate }}\r\n      </button>}\r\n    }\r\n  </div>\r\n  <div class=\"gov-tabs__tabs\">\r\n    @for (item of items; track item; let index = $index) {\r\n      <div class=\"gov-tabs__tab\" [class.active]=\"activeIndex === index\" >\r\n        <div class=\"gov-tabs__list\">\r\n          <div class=\"gov-tabs__content\">\r\n            @if (item.contentTemplate) {\r\n              <ng-container *ngTemplateOutlet=\"item.contentTemplate\"></ng-container>\r\n            } @else if (item.content) {\r\n              {{ item.content }}\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n    @if (useRouting) {\r\n      <router-outlet class=\"gov-tabs__content\"></router-outlet>\r\n    }\r\n  </div>\r\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]
+            }], highlight: [{
+                type: Input
+            }], useRouting: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], activeIndex: [{
+                type: Input
+            }], activeIndexChange: [{
+                type: Output
+            }] } });
+
+class TabViewModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TabViewModule, declarations: [TabViewComponent, TabViewItemComponent], imports: [RouterOutlet,
+            NgTemplateOutlet,
+            GovDesignSystemModule,
+            RouterLinkActive,
+            RouterLink,
+            TranslateModule], exports: [TabViewComponent, TabViewItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabViewModule, providers: [
+            { provide: TAB_VIEW_COMPONENT_TOKEN, useExisting: TabViewComponent },
+        ], imports: [GovDesignSystemModule,
+            TranslateModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabViewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        RouterOutlet,
+                        NgTemplateOutlet,
+                        GovDesignSystemModule,
+                        RouterLinkActive,
+                        RouterLink,
+                        TranslateModule
+                    ],
+                    declarations: [TabViewComponent, TabViewItemComponent],
+                    exports: [TabViewComponent, TabViewItemComponent],
+                    providers: [
+                        { provide: TAB_VIEW_COMPONENT_TOKEN, useExisting: TabViewComponent },
+                    ],
+                }]
+        }] });
+
+class GovInitService {
+    constructor() {
+        defineCustomElements(window);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovInitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovInitService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovInitService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+class NotAuthenticatedComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotAuthenticatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NotAuthenticatedComponent, isStandalone: true, selector: "v-not-authenticated", ngImport: i0, template: "<gov-error-code>\r\n    <gov-icon type=\"complex\" name=\"card-401\" slot=\"icon\"></gov-icon>\r\n    <p>You are not logged in, please do so.</p>\r\n    <v-button color=\"primary\" size=\"medium\" type=\"solid\" label=\"Login\" [routerLink]=\"['/login']\" />\r\n</gov-error-code>\r\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", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotAuthenticatedComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'v-not-authenticated', imports: [
+                        GovDesignSystemModule,
+                        ButtonComponent,
+                    ], template: "<gov-error-code>\r\n    <gov-icon type=\"complex\" name=\"card-401\" slot=\"icon\"></gov-icon>\r\n    <p>You are not logged in, please do so.</p>\r\n    <v-button color=\"primary\" size=\"medium\" type=\"solid\" label=\"Login\" [routerLink]=\"['/login']\" />\r\n</gov-error-code>\r\n" }]
+        }] });
+
+class NotAuthorizedComponent {
+    goBack() {
+        history.back();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotAuthorizedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NotAuthorizedComponent, isStandalone: true, selector: "v-not-authorized", ngImport: i0, template: "<gov-error-code>\r\n    <gov-icon type=\"complex\" name=\"card-403\" slot=\"icon\"></gov-icon>\r\n    <p>You are not authorized to view this content.</p>\r\n    <v-button color=\"primary\" size=\"medium\" type=\"solid\" label=\"Go back\" (click)=\"goBack()\" />\r\n</gov-error-code>\r\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", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotAuthorizedComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'v-not-authorized', imports: [
+                        GovDesignSystemModule,
+                        ButtonComponent,
+                    ], template: "<gov-error-code>\r\n    <gov-icon type=\"complex\" name=\"card-403\" slot=\"icon\"></gov-icon>\r\n    <p>You are not authorized to view this content.</p>\r\n    <v-button color=\"primary\" size=\"medium\" type=\"solid\" label=\"Go back\" (click)=\"goBack()\" />\r\n</gov-error-code>\r\n" }]
+        }] });
+
+class NotFoundComponent {
+    goBack() {
+        history.back();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NotFoundComponent, isStandalone: true, selector: "v-not-found", ngImport: i0, template: "<gov-error-code>\r\n    <gov-icon type=\"complex\" name=\"card-404\" slot=\"icon\"></gov-icon>\r\n    <p>The item you are looking for does not exist.</p>\r\n    <v-button color=\"primary\" size=\"medium\" type=\"solid\" label=\"Go back\" (click)=\"goBack()\" />\r\n</gov-error-code>\r\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", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotFoundComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'v-not-found', imports: [
+                        GovDesignSystemModule,
+                        ButtonComponent
+                    ], template: "<gov-error-code>\r\n    <gov-icon type=\"complex\" name=\"card-404\" slot=\"icon\"></gov-icon>\r\n    <p>The item you are looking for does not exist.</p>\r\n    <v-button color=\"primary\" size=\"medium\" type=\"solid\" label=\"Go back\" (click)=\"goBack()\" />\r\n</gov-error-code>\r\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionButtonComponent, ActionButtonGroupComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, CheckboxComponent, ConfirmDialogComponent, DropdownComponent, DynamicComponent, DynamicComponentFactoryService, FEATURE_LIST_COLUMN_PROVIDER, FEATURE_LIST_PAGE_CONFIG_PROPERTY, FeatureListColumnDirective, FeatureListComponent, FeatureListFilterFieldDirective, FeatureListFilterPipe, FilterComponent, FilterFieldDirective, FormFieldComponent, GenericFieldComponent, GenericFormComponent, GovColorPipe, GovInitService, GovMultiselectOptionsPipe, GovSizePipe, HeaderComponent, Icons, InputGroupComponent, LoaderComponent, MultiselectComponent, NotAuthenticatedComponent, NotAuthorizedComponent, NotFoundComponent, NumberInputComponent, PageHeaderComponent, PasswordComponent, RadioButtonComponent, SearchComponent, SectionComponent, SideMenuComponent, SideMenuModule, SnackbarComponent, SnackbarService, StepperComponent, SwitchComponent, TabViewComponent, TabViewItemComponent, TabViewModule, TableComponent, TextareaComponent, TextfieldComponent, TooltipComponent, TristatecheckboxComponent, addFeatureListPage, generateFormGroup, getColumnClass };
+//# sourceMappingURL=verisoft-ui-govcz.mjs.map