@verisoft/ui-primeng 20.1.1 → 20.1.3

package/fesm2022/verisoft-ui-primeng.mjs

@@ -0,0 +1,3005 @@
+import * as i0 from '@angular/core';
+import { inject, Input, Optional, Self, Component, forwardRef, ChangeDetectionStrategy, Pipe, input, ViewEncapsulation, Inject, Injectable, EventEmitter, ViewChild, Output, NgModule, ChangeDetectorRef, ContentChild, ContentChildren, SimpleChange, Injector, ViewContainerRef, Directive, InjectionToken, computed } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule, UntypedFormGroup, UntypedFormControl, FormGroup, NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i1$4 from '@verisoft/ui-core';
+import { BaseFormInputComponent, WarningPipe, BaseInputControls, INPUT_GROUP_COMPONENT_TOKEN, SlotPosition, FieldSize, FieldType, TEXTFIELD_COMPONENT_TOKEN, BreadcrumbCoreComponent, BREADCRUMB_COMPONENT_TOKEN, CHECKBOX_COMPONENT_TOKEN, CALENDAR_COMPONENT_TOKEN, PASSWORD_COMPONENT_TOKEN, ControlSeverity, IconPosition, BUTTON_COMPONENT_TOKEN, SECTION_COMPONENT_TOKEN, DROPDOWN_BUTTON_COMPONENT_TOKEN, RADIOBUTTON_COMPONENT_TOKEN, NUMBER_INPUT_COMPONENT_TOKEN, SETTINGS_MENU, UnsubscribeComponent, HEADER_COMPONENT_TOKEN, TEXTAREA_COMPONENT_TOKEN, LOADER_COMPONENT_TOKEN, SNACKBAR_COMPONENT_TOKEN, SideMenuService, ScreenSizeService, MENU_TOKEN, SideMenuProviderService, SIDE_MENU_COMPONENT_TOKEN, SIDE_MENU_STATE_TOKEN, ColumnModel, RowModel, TABLE_COLUMN_PROVIDER, TABLE_COMPONENT_TOKEN, ACTION_BUTTON_GROUP_COMPONENT_TOKEN, queryListChanged, DROPDOWN_COMPONENT_TOKEN, MULTISELECT_COMPONENT_TOKEN, GenericFieldType, DatasourceDirective, GENERIC_FIELD_COMPONENT_TOKEN, PageHeaderCoreComponent, PAGE_HEADER_COMPONENT_TOKEN, LayoutType, STEPPER_COMPONENT_TOKEN, SLIDER_COMPONENT_TOKEN, CONFIRM_DIALOG_COMPONENT_TOKEN, SWITCH_COMPONENT_TOKEN, TAB_VIEW_COMPONENT_TOKEN, DEFAULT_DEBOUNCE_TIME, DialogService, isFilterEmpty, ButtonShortCutDirective, FILTER_COMPONENT_TOKEN, MAX_COLUMN_CHAR_COUNT, TableSelectionMode, downloadFile, TableDatasourceDirective, TableFilterDirective, TableColumnDirective, TAG_COMPONENT_TOKEN, IconsComponent } from '@verisoft/ui-core';
+import * as i3$1 from 'primeng/inputgroup';
+import { InputGroupModule } from 'primeng/inputgroup';
+import * as i2$1 from 'primeng/inputgroupaddon';
+import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
+import * as i4 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i2 from '@angular/common';
+import { CommonModule, NgClass, AsyncPipe, NgTemplateOutlet } from '@angular/common';
+import { ERROR_PROVIDER_TOKEN, DEFAULT_SEARCH_LIMIT, SortDirection, BASE_URL_PATH, BaseHttpService, convertDatasource, DEFAULT_PAGE_SIZE } from '@verisoft/core';
+import * as i1$1 from 'primeng/message';
+import { MessageModule } from 'primeng/message';
+import * as i3 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+import * as i2$2 from 'primeng/floatlabel';
+import { FloatLabelModule } from 'primeng/floatlabel';
+import * as i1$2 from 'primeng/breadcrumb';
+import { BreadcrumbModule } from 'primeng/breadcrumb';
+import * as i3$2 from 'primeng/checkbox';
+import { CheckboxModule } from 'primeng/checkbox';
+import { DatePicker } from 'primeng/datepicker';
+import * as i2$3 from 'primeng/password';
+import { PasswordModule } from 'primeng/password';
+import * as i2$4 from '@angular/router';
+import { RouterModule, Router, ActivatedRoute, RouterOutlet, RouterLink } from '@angular/router';
+import * as i1$3 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i6 from 'primeng/ripple';
+import { RippleModule } from 'primeng/ripple';
+import * as i3$3 from 'primeng/radiobutton';
+import { RadioButtonModule } from 'primeng/radiobutton';
+import * as i2$5 from 'primeng/inputnumber';
+import { InputNumberModule } from 'primeng/inputnumber';
+import * as i4$1 from 'primeng/avatar';
+import { AvatarModule } from 'primeng/avatar';
+import { Textarea } from 'primeng/textarea';
+import * as i1$5 from 'primeng/progressspinner';
+import { ProgressSpinnerModule } from 'primeng/progressspinner';
+import * as i1$6 from 'primeng/api';
+import * as i2$6 from 'primeng/toast';
+import { ToastModule } from 'primeng/toast';
+import * as i3$5 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i1$7 from 'primeng/tree';
+import { TreeModule } from 'primeng/tree';
+import * as i2$7 from 'primeng/table';
+import { TableModule } from 'primeng/table';
+import { Subject, takeUntil, combineLatestWith, catchError, throwError, BehaviorSubject, startWith, map, debounceTime, distinctUntilChanged, take, switchMap, forkJoin, of } from 'rxjs';
+import * as i2$8 from 'primeng/select';
+import { SelectModule } from 'primeng/select';
+import * as i3$4 from 'primeng/multiselect';
+import { MultiSelectModule } from 'primeng/multiselect';
+import * as i2$9 from 'primeng/stepper';
+import { StepperModule } from 'primeng/stepper';
+import * as i2$a from 'primeng/slider';
+import { SliderModule } from 'primeng/slider';
+import * as i3$6 from 'primeng/dialog';
+import { DialogModule } from 'primeng/dialog';
+import { ToggleSwitch } from 'primeng/toggleswitch';
+import { v4 } from 'uuid';
+import * as i1$8 from 'primeng/tabs';
+import { TabsModule } from 'primeng/tabs';
+import { HttpClient } from '@angular/common/http';
+import * as i2$b from 'primeng/tag';
+import { TagModule } from 'primeng/tag';
+
+const Icons = {
+    add: 'pi pi-plus',
+    minus: 'pi pi-minus',
+    delete: 'pi pi-trash',
+    filter: 'pi pi-filter',
+    download: 'pi pi-download',
+    save: 'pi pi-save',
+    print: 'pi pi-print',
+    calendar: 'pi pi-calendar',
+    edit: 'pi pi-pencil',
+    settings: 'pi pi-cog',
+    house: 'pi pi-home',
+    chevronRight: 'pi pi-chevron-right',
+    chevronLeft: 'pi pi-chevron-left',
+    chevronDown: 'pi pi-chevron-down',
+    chevronUp: 'pi pi-chevron-up',
+    checkbox: 'pi pi-check',
+    warning: 'pi pi-exclamation-triangle',
+    search: 'pi pi-search',
+    action: 'pi pi-bars',
+    user: 'pi pi-user',
+    logout: 'pi pi-user',
+    crossCircle: 'pi pi-times-circle',
+    infoCircle: 'pi pi-info-circle',
+    cross: 'pi pi-times',
+    arrowLeft: 'pi pi-arrow-left',
+    arrowRight: 'pi pi-arrow-right',
+    questionCircle: 'pi pi-question-circle',
+    checkCircle: 'pi pi-check-circle',
+    sitemap: 'pi pi-sitemap',
+    check: 'pi pi-check',
+    envelope: 'pi pi-envelope',
+    loader: 'pi pi-loader',
+};
+
+class FormFieldComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+        this.display = 'block';
+        this.errorProvider = inject(ERROR_PROVIDER_TOKEN);
+        this.icons = Icons;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FormFieldComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: FormFieldComponent, isStandalone: true, selector: "v-form-field", inputs: { display: "display", variant: "variant" }, usesInheritance: true, ngImport: i0, template: "<div class=\"v-form-field mt-3\" [attr.data-testId]=\"testId\">\n  <div [ngClass]=\"{ 'd-block d-md-flex': display === 'flex', 'd-lg-flex': display === 'block' }\">\n    <div class=\"col-12 col-md-4 d-flex align-items-center\">\n      <label\n        class=\"v-formfield-label d-flex align-items-center\"\n          [ngClass]=\"{\n            'pb-2': display === 'block',\n            'text-error': (errorProvider.mapError(ngControl?.errors ?? [])) && ngControl?.dirty, \n            'text-warning': (ngControl?.errors | warning) && ngControl?.dirty,\n            'text-default': !ngControl?.invalid && !ngControl?.dirty,\n            'text-secondary': !ngControl?.invalid && ngControl?.dirty\n          }\"\n        >{{ label }}@if (label) {\n        <span>:</span>\n      }\n      @if (required) {\n        <span class=\"text-error ps-1\">*</span>\n      }\n    </label>\n    @if (tooltip) {\n      <i\n        [pTooltip]=\"tooltip\"\n        class=\"ps-2 text-default v-tooltip {{ icons.infoCircle }}\"\n      ></i>\n    }\n  </div>\n  <div\n    class=\"col-sm-12 col-md-8 col-lg-8\"\n    >\n    <div\n      class=\"v-form-field-content align-items-center w-100\"\n      [ngClass]=\"{ 'd-flex': display === 'flex', 'd-block': display === 'block', 'input-warning': ngControl?.errors | warning }\"\n      >\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <div class=\"align-content-center\">\n    <ng-container>\n    </ng-container>\n  </div>\n</div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MessageModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "pipe", type: WarningPipe, name: "warning" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-form-field', imports: [
+                        CommonModule,
+                        WarningPipe,
+                        ReactiveFormsModule,
+                        MessageModule,
+                        TooltipModule,
+                    ], template: "<div class=\"v-form-field mt-3\" [attr.data-testId]=\"testId\">\n  <div [ngClass]=\"{ 'd-block d-md-flex': display === 'flex', 'd-lg-flex': display === 'block' }\">\n    <div class=\"col-12 col-md-4 d-flex align-items-center\">\n      <label\n        class=\"v-formfield-label d-flex align-items-center\"\n          [ngClass]=\"{\n            'pb-2': display === 'block',\n            'text-error': (errorProvider.mapError(ngControl?.errors ?? [])) && ngControl?.dirty, \n            'text-warning': (ngControl?.errors | warning) && ngControl?.dirty,\n            'text-default': !ngControl?.invalid && !ngControl?.dirty,\n            'text-secondary': !ngControl?.invalid && ngControl?.dirty\n          }\"\n        >{{ label }}@if (label) {\n        <span>:</span>\n      }\n      @if (required) {\n        <span class=\"text-error ps-1\">*</span>\n      }\n    </label>\n    @if (tooltip) {\n      <i\n        [pTooltip]=\"tooltip\"\n        class=\"ps-2 text-default v-tooltip {{ icons.infoCircle }}\"\n      ></i>\n    }\n  </div>\n  <div\n    class=\"col-sm-12 col-md-8 col-lg-8\"\n    >\n    <div\n      class=\"v-form-field-content align-items-center w-100\"\n      [ngClass]=\"{ 'd-flex': display === 'flex', 'd-block': display === 'block', 'input-warning': ngControl?.errors | warning }\"\n      >\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <div class=\"align-content-center\">\n    <ng-container>\n    </ng-container>\n  </div>\n</div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { display: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }] } });
+
+class InputGroupComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: InputGroupComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: InputGroupComponent, isStandalone: true, selector: "v-input-group", inputs: { items: "items" }, providers: [
+            {
+                provide: BaseInputControls,
+                useExisting: forwardRef(() => InputGroupComponent),
+            },
+            {
+                provide: INPUT_GROUP_COMPONENT_TOKEN,
+                useExisting: InputGroupComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-input-group w-100\">\n  <v-form-field\n    [label]=\"label\"\n    [required]=\"required\"\n    [tooltip]=\"tooltip\"  >\n    <p-inputGroup>\n      @for (item of items; track item) {\n        @if (item.position === 'left') {\n          <p-inputGroupAddon>\n            @if (item.icon) {\n              <i [class]=\"item.icon\"></i>\n            }\n            @if (item.text) {\n              {{ item.text }}\n            }\n          </p-inputGroupAddon>\n        }\n      }\n      <input pInputText [formControl]=\"formControl\" class=\"w-100\" />\n      @for (item of items; track item) {\n        @if (item.position === 'right') {\n          <p-inputGroupAddon>\n            @if (item.icon) {\n              <i [class]=\"item.icon\"></i>\n            }\n            @if (item.text) {\n              {{ item.text }}\n            }\n          </p-inputGroupAddon>\n        }\n      }\n    </p-inputGroup>\n  </v-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i2$1.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i3$1.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: InputGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-input-group', imports: [
+                        InputGroupAddonModule,
+                        InputGroupModule,
+                        InputTextModule,
+                        ReactiveFormsModule,
+                        FormFieldComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: BaseInputControls,
+                            useExisting: forwardRef(() => InputGroupComponent),
+                        },
+                        {
+                            provide: INPUT_GROUP_COMPONENT_TOKEN,
+                            useExisting: InputGroupComponent,
+                        },
+                    ], template: "<div class=\"v-input-group w-100\">\n  <v-form-field\n    [label]=\"label\"\n    [required]=\"required\"\n    [tooltip]=\"tooltip\"  >\n    <p-inputGroup>\n      @for (item of items; track item) {\n        @if (item.position === 'left') {\n          <p-inputGroupAddon>\n            @if (item.icon) {\n              <i [class]=\"item.icon\"></i>\n            }\n            @if (item.text) {\n              {{ item.text }}\n            }\n          </p-inputGroupAddon>\n        }\n      }\n      <input pInputText [formControl]=\"formControl\" class=\"w-100\" />\n      @for (item of items; track item) {\n        @if (item.position === 'right') {\n          <p-inputGroupAddon>\n            @if (item.icon) {\n              <i [class]=\"item.icon\"></i>\n            }\n            @if (item.text) {\n              {{ item.text }}\n            }\n          </p-inputGroupAddon>\n        }\n      }\n    </p-inputGroup>\n  </v-form-field>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { items: [{
+                type: Input
+            }] } });
+
+class ErrorComponent {
+    constructor() {
+        this.errorSlot = SlotPosition.bottom;
+        this.messageSlot = SlotPosition.bottom;
+        this.variant = 'simple';
+        this.severity = 'error';
+        this.errorService = inject(ERROR_PROVIDER_TOKEN);
+        this.icons = Icons;
+    }
+    getErrorMessage(errors) {
+        return this.errorService.mapError(errors);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: ErrorComponent, isStandalone: true, selector: "v-validation-message", inputs: { ngControl: "ngControl", errorSlot: "errorSlot", messageSlot: "messageSlot", variant: "variant", severity: "severity" }, ngImport: i0, template: "\n@if (ngControl && ngControl.errors) {\n  <p-message\n    [severity]=\"severity\"\n    text=\"{{ getErrorMessage(ngControl.errors) | async }}\">\n  </p-message>\n}\n", styles: [".p-message-content{color:#e60017}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i1$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "v-validation-message", imports: [CommonModule, MessageModule], template: "\n@if (ngControl && ngControl.errors) {\n  <p-message\n    [severity]=\"severity\"\n    text=\"{{ getErrorMessage(ngControl.errors) | async }}\">\n  </p-message>\n}\n", styles: [".p-message-content{color:#e60017}\n"] }]
+        }], propDecorators: { ngControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], errorSlot: [{
+                type: Input
+            }], messageSlot: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], severity: [{
+                type: Input
+            }] } });
+
+class TextfieldComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+        this.icons = Icons;
+        this.size = FieldSize.medium;
+        this.type = FieldType.text;
+        this.floatLabel = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TextfieldComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: TextfieldComponent, isStandalone: true, selector: "v-textfield", inputs: { size: "size", type: "type", floatLabel: "floatLabel" }, providers: [
+            {
+                provide: BaseInputControls,
+                useExisting: forwardRef(() => TextfieldComponent),
+            },
+            {
+                provide: TEXTFIELD_COMPONENT_TOKEN,
+                useExisting: TextfieldComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-text-field\">\n  @if (!floatLabel && label) {\n    <v-form-field\n      class=\"w-100\"\n      [label]=\"label\"\n      [tooltip]=\"tooltip\"\n      [required]=\"isRequired()\"\n      [testId]=\"testId\"\n      [display]=\"formDisplay\"\n      >\n      <span\n        class=\"w-100 flex-grow-1\"\n        [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\n        >\n        <input\n          pInputText\n          [id]=\"inputId\"\n          [formControl]=\"formControl\"\n          [type]=\"type === 'search' ? 'text' : type\"\n          class=\"w-100 flex-grow-1 v-text-field\"\n          [required]=\"isRequired()\"\n          [readOnly]=\"readonly\"\n          [title]=\"label\"\n          [placeholder]=\"placeholder ? placeholder : ''\"\n          [ngClass]=\"{\n            'p-inputtext-sm': size === 'small',\n            'p-inputtext-lg': size === 'large'\n          }\"\n          />\n        @if (type === 'search') {\n          <i\n            class=\"pi ms-2 v-text-field__icon\"\n            [ngStyle]=\"{\n              cursor: ngControl && ngControl.value ? 'pointer' : 'default'\n            }\"\n            [ngClass]=\"{\n              'pi-search': ngControl && !ngControl.value,\n              'pi-times': ngControl && ngControl.value,\n            }\"\n            (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\n          ></i>\n        }\n      </span>\n    </v-form-field>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  } @else {\n    <span\n      class=\"w-100 flex-grow-1\"\n      [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\n      >\n      <p-floatLabel>\n        <input\n          pInputText\n          type=\"text\"\n          [id]=\"inputId\"\n          class=\"w-100 flex-grow-1\"\n          [required]=\"isRequired()\"\n          [formControl]=\"formControl\"\n          [placeholder]=\"placeholder ? placeholder : ''\"\n          [ngClass]=\"{\n            'p-inputtext-sm': size === 'small',\n            'p-inputtext-lg': size === 'large'\n          }\"\n          />\n        <label [for]=\"inputId\" class=\"v-text-field__label\">{{ label }}</label>\n      </p-floatLabel>\n      @if (type === 'search') {\n        <i\n          class=\"pi ms-2 v-text-field__icon\"\n          [ngStyle]=\"{\n            cursor: ngControl && ngControl.value ? 'pointer' : 'default'\n          }\"\n          [ngClass]=\"{\n            'pi-search': ngControl && !ngControl.value,\n            'pi-times': ngControl && ngControl.value,\n          }\"\n          (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\n        ></i>\n      }\n    </span>\n  }\n</div>\n", styles: [".p-inputtext:focus .ng-invalid.ng-dirty{border-color:var(--error-color)}.p-inputtext.ng-dirty.ng-invalid{border-color:var(--error-color)}.verisoft-text-field{justify-content:center;width:100%}.p-input-icon-right i.pi-times:hover{cursor:pointer}.p-inputtext.p-inputtext-lg{font-size:1rem;padding:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i2$2.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TextfieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-textfield', imports: [
+                        CommonModule,
+                        InputTextModule,
+                        ReactiveFormsModule,
+                        FormFieldComponent,
+                        FloatLabelModule,
+                        ErrorComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: BaseInputControls,
+                            useExisting: forwardRef(() => TextfieldComponent),
+                        },
+                        {
+                            provide: TEXTFIELD_COMPONENT_TOKEN,
+                            useExisting: TextfieldComponent,
+                        },
+                    ], template: "<div class=\"v-text-field\">\n  @if (!floatLabel && label) {\n    <v-form-field\n      class=\"w-100\"\n      [label]=\"label\"\n      [tooltip]=\"tooltip\"\n      [required]=\"isRequired()\"\n      [testId]=\"testId\"\n      [display]=\"formDisplay\"\n      >\n      <span\n        class=\"w-100 flex-grow-1\"\n        [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\n        >\n        <input\n          pInputText\n          [id]=\"inputId\"\n          [formControl]=\"formControl\"\n          [type]=\"type === 'search' ? 'text' : type\"\n          class=\"w-100 flex-grow-1 v-text-field\"\n          [required]=\"isRequired()\"\n          [readOnly]=\"readonly\"\n          [title]=\"label\"\n          [placeholder]=\"placeholder ? placeholder : ''\"\n          [ngClass]=\"{\n            'p-inputtext-sm': size === 'small',\n            'p-inputtext-lg': size === 'large'\n          }\"\n          />\n        @if (type === 'search') {\n          <i\n            class=\"pi ms-2 v-text-field__icon\"\n            [ngStyle]=\"{\n              cursor: ngControl && ngControl.value ? 'pointer' : 'default'\n            }\"\n            [ngClass]=\"{\n              'pi-search': ngControl && !ngControl.value,\n              'pi-times': ngControl && ngControl.value,\n            }\"\n            (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\n          ></i>\n        }\n      </span>\n    </v-form-field>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  } @else {\n    <span\n      class=\"w-100 flex-grow-1\"\n      [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\n      >\n      <p-floatLabel>\n        <input\n          pInputText\n          type=\"text\"\n          [id]=\"inputId\"\n          class=\"w-100 flex-grow-1\"\n          [required]=\"isRequired()\"\n          [formControl]=\"formControl\"\n          [placeholder]=\"placeholder ? placeholder : ''\"\n          [ngClass]=\"{\n            'p-inputtext-sm': size === 'small',\n            'p-inputtext-lg': size === 'large'\n          }\"\n          />\n        <label [for]=\"inputId\" class=\"v-text-field__label\">{{ label }}</label>\n      </p-floatLabel>\n      @if (type === 'search') {\n        <i\n          class=\"pi ms-2 v-text-field__icon\"\n          [ngStyle]=\"{\n            cursor: ngControl && ngControl.value ? 'pointer' : 'default'\n          }\"\n          [ngClass]=\"{\n            'pi-search': ngControl && !ngControl.value,\n            'pi-times': ngControl && ngControl.value,\n          }\"\n          (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\n        ></i>\n      }\n    </span>\n  }\n</div>\n", styles: [".p-inputtext:focus .ng-invalid.ng-dirty{border-color:var(--error-color)}.p-inputtext.ng-dirty.ng-invalid{border-color:var(--error-color)}.verisoft-text-field{justify-content:center;width:100%}.p-input-icon-right i.pi-times:hover{cursor:pointer}.p-inputtext.p-inputtext-lg{font-size:1rem;padding:.75rem}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { size: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }] } });
+
+class ConvertMenuItemPipe {
+    transform(items) {
+        return items.map(i => i);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ConvertMenuItemPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: ConvertMenuItemPipe, isStandalone: true, name: "menuItem" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ConvertMenuItemPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'menuItem',
+                    standalone: true,
+                }]
+        }] });
+
+class BreadcrumbComponent extends BreadcrumbCoreComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: BreadcrumbComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: BreadcrumbComponent, isStandalone: true, selector: "v-breadcrumb", providers: [
+            {
+                provide: BREADCRUMB_COMPONENT_TOKEN,
+                useExisting: BreadcrumbComponent
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-breadcrumb card flex justify-content-center\">\n  @if (useHomeRoute) {\n    <p-breadcrumb\n      class=\"max-w-full\"\n      [model]=\"items | menuItem\"\n      [home]=\"home\"\n    ></p-breadcrumb>\n  } @else {\n    <p-breadcrumb class=\"max-w-full\" [model]=\"items | menuItem\"></p-breadcrumb>\n  }\n</div>\n", styles: ["p-breadcrumb>nav{border:none}p-breadcrumb>nav>ol{align-items:stretch;font-weight:600;font-size:1rem}p-breadcrumb>nav a[aria-current=page]>span{color:var(--primary-color)!important}.p-menuitem-link{gap:.5rem;text-align:center}.p-menuitem-text{align-self:baseline}\n"], dependencies: [{ kind: "ngmodule", type: BreadcrumbModule }, { kind: "component", type: i1$2.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "pipe", type: ConvertMenuItemPipe, name: "menuItem" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-breadcrumb', imports: [
+                        BreadcrumbModule,
+                        ConvertMenuItemPipe
+                    ], providers: [
+                        {
+                            provide: BREADCRUMB_COMPONENT_TOKEN,
+                            useExisting: BreadcrumbComponent
+                        },
+                    ], template: "<div class=\"v-breadcrumb card flex justify-content-center\">\n  @if (useHomeRoute) {\n    <p-breadcrumb\n      class=\"max-w-full\"\n      [model]=\"items | menuItem\"\n      [home]=\"home\"\n    ></p-breadcrumb>\n  } @else {\n    <p-breadcrumb class=\"max-w-full\" [model]=\"items | menuItem\"></p-breadcrumb>\n  }\n</div>\n", styles: ["p-breadcrumb>nav{border:none}p-breadcrumb>nav>ol{align-items:stretch;font-weight:600;font-size:1rem}p-breadcrumb>nav a[aria-current=page]>span{color:var(--primary-color)!important}.p-menuitem-link{gap:.5rem;text-align:center}.p-menuitem-text{align-self:baseline}\n"] }]
+        }] });
+
+class CheckboxComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+        this.indeterminate = input(false, ...(ngDevMode ? [{ debugName: "indeterminate" }] : []));
+        this.icon = Icons;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.1", type: CheckboxComponent, isStandalone: true, selector: "v-checkbox", inputs: { indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: BaseInputControls,
+                useExisting: CheckboxComponent,
+            },
+            {
+                provide: CHECKBOX_COMPONENT_TOKEN,
+                useExisting: CheckboxComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-checkbox d-flex align-items-center mt-2\">\n  <v-form-field\n    class=\"w-100\"\n    [label]=\"label\"\n    [tooltip]=\"tooltip\"\n    [required]=\"isRequired()\"\n    [testId]=\"testId\"\n    [display]=\"formDisplay\"\n  >\n    <p-checkbox\n      [ngClass]=\"{ 'checkbox-error': ngControl?.invalid && ngControl?.dirty && ngControl?.value === false }\"\n      [formControl]=\"formControl\"\n      [required]=\"required\"\n      [binary]=\"true\"\n      [readonly]=\"readonly\"\n      [indeterminate]=\"indeterminate()\"\n    />\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </v-form-field>\n</div>\n", styles: ["p-echeckbox.ng-dirty.ng-invalid .p-checkbox>.p-checkbox-box{border-color:var(--error-color)}p-echeckbox.ng-dirty.ng-invalid .p-checkbox-label{color:var(--error-color)}.checkbox-error .p-checkbox-box.p-highlight{background:var(--error-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i3$2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-checkbox', imports: [CommonModule, CheckboxModule, ReactiveFormsModule, FormFieldComponent, ErrorComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: BaseInputControls,
+                            useExisting: CheckboxComponent,
+                        },
+                        {
+                            provide: CHECKBOX_COMPONENT_TOKEN,
+                            useExisting: CheckboxComponent,
+                        },
+                    ], template: "<div class=\"v-checkbox d-flex align-items-center mt-2\">\n  <v-form-field\n    class=\"w-100\"\n    [label]=\"label\"\n    [tooltip]=\"tooltip\"\n    [required]=\"isRequired()\"\n    [testId]=\"testId\"\n    [display]=\"formDisplay\"\n  >\n    <p-checkbox\n      [ngClass]=\"{ 'checkbox-error': ngControl?.invalid && ngControl?.dirty && ngControl?.value === false }\"\n      [formControl]=\"formControl\"\n      [required]=\"required\"\n      [binary]=\"true\"\n      [readonly]=\"readonly\"\n      [indeterminate]=\"indeterminate()\"\n    />\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </v-form-field>\n</div>\n", styles: ["p-echeckbox.ng-dirty.ng-invalid .p-checkbox>.p-checkbox-box{border-color:var(--error-color)}p-echeckbox.ng-dirty.ng-invalid .p-checkbox-label{color:var(--error-color)}.checkbox-error .p-checkbox-box.p-highlight{background:var(--error-color)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }] });
+
+class CalendarComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+        this.icon = Icons.calendar;
+        this.selectionMode = 'single';
+        this.icons = Icons;
+        this.formDisplay = "block";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CalendarComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: CalendarComponent, isStandalone: true, selector: "v-calendar", inputs: { maxDate: "maxDate", icon: "icon", minDate: "minDate", header: "header", footer: "footer", floatLabel: "floatLabel", selectionMode: "selectionMode" }, providers: [
+            {
+                provide: BaseInputControls,
+                useExisting: forwardRef(() => CalendarComponent),
+            },
+            {
+                provide: CALENDAR_COMPONENT_TOKEN,
+                useExisting: CalendarComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-calendar w-100\">\n  @if (label && !floatLabel) {\n    <v-form-field\n      class=\"w-100\"\n      [label]=\"label\"\n      [tooltip]=\"tooltip\"\n      [required]=\"isRequired()\"\n      [display]=\"formDisplay\"\n      >\n      <p-date-picker\n        appendTo=\"body\"\n        [style]=\"{'width':'100%'}\"\n        [inputStyle]=\"{'width':'100%'}\"\n        [formControl]=\"formControl\"\n        [showClear]=\"clearable\"\n        [dataType]=\"'string'\"\n        [selectionMode]=\"selectionMode\"\n        [icon]=\"icon\"\n        [maxDate]=\"maxDate\"\n        [id]=\"inputId\"\n        [showButtonBar]=\"true\"\n        [placeholder]=\"placeholder\"\n        [required]=\"isRequired()\"\n        [minDate]=\"minDate\"\n        [showIcon]=\"formControl && !formControl.value\"\n        iconDisplay=\"input\"\n        />\n    </v-form-field>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  }\n  @if (floatLabel) {\n    <p-floatLabel>\n      <p-date-picker\n        appendTo=\"body\"\n        [style]=\"{'width':'100%'}\"\n        [inputStyle]=\"{'width':'100%'}\"\n        [formControl]=\"formControl\"\n        [showClear]=\"clearable\"\n        [maxDate]=\"maxDate\"\n        [id]=\"inputId\"\n        [icon]=\"icon\"\n        [selectionMode]=\"selectionMode\"\n        [showButtonBar]=\"true\"\n        [placeholder]=\"placeholder\"\n        [required]=\"isRequired()\"\n        [minDate]=\"minDate\"\n        iconDisplay=\"input\"\n        />\n      <label [for]=\"inputId\" [innerHTML]=\"floatLabel\"></label>\n    </p-floatLabel>\n  }\n</div>\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i2$2.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-calendar', imports: [
+                        ReactiveFormsModule,
+                        DatePicker,
+                        FormFieldComponent,
+                        FloatLabelModule,
+                        ErrorComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: BaseInputControls,
+                            useExisting: forwardRef(() => CalendarComponent),
+                        },
+                        {
+                            provide: CALENDAR_COMPONENT_TOKEN,
+                            useExisting: CalendarComponent,
+                        },
+                    ], template: "<div class=\"v-calendar w-100\">\n  @if (label && !floatLabel) {\n    <v-form-field\n      class=\"w-100\"\n      [label]=\"label\"\n      [tooltip]=\"tooltip\"\n      [required]=\"isRequired()\"\n      [display]=\"formDisplay\"\n      >\n      <p-date-picker\n        appendTo=\"body\"\n        [style]=\"{'width':'100%'}\"\n        [inputStyle]=\"{'width':'100%'}\"\n        [formControl]=\"formControl\"\n        [showClear]=\"clearable\"\n        [dataType]=\"'string'\"\n        [selectionMode]=\"selectionMode\"\n        [icon]=\"icon\"\n        [maxDate]=\"maxDate\"\n        [id]=\"inputId\"\n        [showButtonBar]=\"true\"\n        [placeholder]=\"placeholder\"\n        [required]=\"isRequired()\"\n        [minDate]=\"minDate\"\n        [showIcon]=\"formControl && !formControl.value\"\n        iconDisplay=\"input\"\n        />\n    </v-form-field>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  }\n  @if (floatLabel) {\n    <p-floatLabel>\n      <p-date-picker\n        appendTo=\"body\"\n        [style]=\"{'width':'100%'}\"\n        [inputStyle]=\"{'width':'100%'}\"\n        [formControl]=\"formControl\"\n        [showClear]=\"clearable\"\n        [maxDate]=\"maxDate\"\n        [id]=\"inputId\"\n        [icon]=\"icon\"\n        [selectionMode]=\"selectionMode\"\n        [showButtonBar]=\"true\"\n        [placeholder]=\"placeholder\"\n        [required]=\"isRequired()\"\n        [minDate]=\"minDate\"\n        iconDisplay=\"input\"\n        />\n      <label [for]=\"inputId\" [innerHTML]=\"floatLabel\"></label>\n    </p-floatLabel>\n  }\n</div>\n\n" }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { maxDate: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], minDate: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], footer: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], selectionMode: [{
+                type: Input
+            }] } });
+
+class PasswordComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+        this.toggleMask = true;
+        this.feedback = false;
+        this.formDisplay = "block";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PasswordComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: PasswordComponent, isStandalone: true, selector: "v-password", inputs: { toggleMask: "toggleMask", feedback: "feedback" }, providers: [
+            {
+                provide: BaseInputControls,
+                useExisting: PasswordComponent,
+            },
+            {
+                provide: PASSWORD_COMPONENT_TOKEN,
+                useExisting: PasswordComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-password d-flex align-items-center\">\n  <v-form-field\n    class=\"w-100\"\n    [label]=\"label\"\n    [tooltip]=\"tooltip\"\n    [required]=\"isRequired()\"\n    [testId]=\"testId\"\n    [display]=\"formDisplay\"\n  >\n    <p-password\n      [style]=\"{'width':'100%'}\"\n      [inputStyle]=\"{'width':'100%'}\" \n      [formControl]=\"formControl\"\n      [placeholder]=\"placeholder\"\n      [showClear]=\"clearable\"\n      [feedback]=\"feedback\"\n      [required]=\"isRequired()\"\n      [label]=\"label\"\n      [id]=\"inputId\"\n      [toggleMask]=\"toggleMask\"\n    />\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </v-form-field>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "component", type: i2$3.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-password', imports: [
+                        ReactiveFormsModule,
+                        PasswordModule,
+                        FloatLabelModule,
+                        FormFieldComponent,
+                        ErrorComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: BaseInputControls,
+                            useExisting: PasswordComponent,
+                        },
+                        {
+                            provide: PASSWORD_COMPONENT_TOKEN,
+                            useExisting: PasswordComponent,
+                        },
+                    ], template: "<div class=\"v-password d-flex align-items-center\">\n  <v-form-field\n    class=\"w-100\"\n    [label]=\"label\"\n    [tooltip]=\"tooltip\"\n    [required]=\"isRequired()\"\n    [testId]=\"testId\"\n    [display]=\"formDisplay\"\n  >\n    <p-password\n      [style]=\"{'width':'100%'}\"\n      [inputStyle]=\"{'width':'100%'}\" \n      [formControl]=\"formControl\"\n      [placeholder]=\"placeholder\"\n      [showClear]=\"clearable\"\n      [feedback]=\"feedback\"\n      [required]=\"isRequired()\"\n      [label]=\"label\"\n      [id]=\"inputId\"\n      [toggleMask]=\"toggleMask\"\n    />\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </v-form-field>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { toggleMask: [{
+                type: Input
+            }], feedback: [{
+                type: Input
+            }] } });
+
+class ButtonSeverityPipe {
+    transform(severity) {
+        if (severity === undefined || severity === null) {
+            return null;
+        }
+        if (severity === ControlSeverity.warning) {
+            return 'warn';
+        }
+        return severity;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ButtonSeverityPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: ButtonSeverityPipe, isStandalone: true, name: "buttonSeverity" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ButtonSeverityPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'buttonSeverity'
+                }]
+        }] });
+
+class ButtonComponent {
+    constructor() {
+        this.iconPos = IconPosition.right;
+    }
+    fireClick(event) {
+        if (this.disabled) {
+            event.stopPropagation();
+            event.stopImmediatePropagation();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: ButtonComponent, isStandalone: true, selector: "v-button", inputs: { label: "label", icon: "icon", badge: "badge", iconPos: "iconPos", disabled: "disabled", rounded: "rounded", outlined: "outlined", raised: "raised", severity: "severity", routerLink: "routerLink", size: "size", queryParams: "queryParams" }, providers: [
+            {
+                provide: BUTTON_COMPONENT_TOKEN,
+                useExisting: ButtonComponent,
+            },
+        ], ngImport: i0, template: "<div class=\"v-button d-inline-block\" \n(click)=\"fireClick($event)\">\n  <a\n    [routerLink]=\"routerLink ? routerLink : undefined\"\n    [queryParams]=\"queryParams ? queryParams : undefined\"\n  >\n    <p-button\n      [disabled]=\"disabled\"\n      [icon]=\"icon\"\n      [badge]=\"badge\"\n      [outlined]=\"outlined\"\n      [rounded]=\"rounded\"\n      [raised]=\"raised\"\n      [label]=\"label\"\n      [size]=\"$any(size)\"\n      [severity]=\"severity | buttonSeverity\"\n      [iconPos]=\"iconPos\"\n    />\n  </a>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RippleModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: ButtonSeverityPipe, name: "buttonSeverity" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-button', imports: [ButtonModule, RippleModule, RouterModule, ButtonSeverityPipe], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: BUTTON_COMPONENT_TOKEN,
+                            useExisting: ButtonComponent,
+                        },
+                    ], template: "<div class=\"v-button d-inline-block\" \n(click)=\"fireClick($event)\">\n  <a\n    [routerLink]=\"routerLink ? routerLink : undefined\"\n    [queryParams]=\"queryParams ? queryParams : undefined\"\n  >\n    <p-button\n      [disabled]=\"disabled\"\n      [icon]=\"icon\"\n      [badge]=\"badge\"\n      [outlined]=\"outlined\"\n      [rounded]=\"rounded\"\n      [raised]=\"raised\"\n      [label]=\"label\"\n      [size]=\"$any(size)\"\n      [severity]=\"severity | buttonSeverity\"\n      [iconPos]=\"iconPos\"\n    />\n  </a>\n</div>\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
+            }], severity: [{
+                type: Input
+            }], routerLink: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], queryParams: [{
+                type: Input
+            }] } });
+
+class SectionComponent {
+    constructor() {
+        this.showContent = true;
+        this.icons = Icons;
+        this.icon = Icons.chevronDown;
+    }
+    toggle() {
+        this.showContent = !this.showContent;
+        this.icon = this.showContent ? Icons.chevronDown : Icons.chevronUp;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: SectionComponent, isStandalone: true, selector: "v-section", inputs: { title: "title", showContent: "showContent", backgroundColor: "backgroundColor" }, providers: [
+            { provide: SECTION_COMPONENT_TOKEN, useExisting: SectionComponent },
+        ], ngImport: i0, template: "<div class=\"v-section\">\n  <div\n    class=\"v-section-header text-align-center d-flex\"\n    [ngStyle]=\"{ 'background-color': backgroundColor }\"\n    >\n    <p\n      class=\"text-primary align-items-center text-nowrap d-none d-md-block ps-3 m-0 w-100\"\n      >\n      {{ title }}\n    </p>\n    <div class=\"d-flex\">\n      <ng-content select=\"[actions]\"></ng-content>\n      <v-button\n        size=\"small\"\n        [icon]=\"icon\"\n        (click)=\"toggle()\"\n        />\n    </div>\n  </div>\n  @if (showContent) {\n    <div class=\"v-section-content\">\n      <ng-content></ng-content>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-section', imports: [CommonModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        { provide: SECTION_COMPONENT_TOKEN, useExisting: SectionComponent },
+                    ], template: "<div class=\"v-section\">\n  <div\n    class=\"v-section-header text-align-center d-flex\"\n    [ngStyle]=\"{ 'background-color': backgroundColor }\"\n    >\n    <p\n      class=\"text-primary align-items-center text-nowrap d-none d-md-block ps-3 m-0 w-100\"\n      >\n      {{ title }}\n    </p>\n    <div class=\"d-flex\">\n      <ng-content select=\"[actions]\"></ng-content>\n      <v-button\n        size=\"small\"\n        [icon]=\"icon\"\n        (click)=\"toggle()\"\n        />\n    </div>\n  </div>\n  @if (showContent) {\n    <div class=\"v-section-content\">\n      <ng-content></ng-content>\n    </div>\n  }\n</div>\n" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], showContent: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }] } });
+
+class DropdownButtonComponent {
+    constructor() {
+        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+        this.rounded = input(false, ...(ngDevMode ? [{ debugName: "rounded" }] : []));
+        this.raised = input(false, ...(ngDevMode ? [{ debugName: "raised" }] : []));
+        this.outlined = input(false, ...(ngDevMode ? [{ debugName: "outlined" }] : []));
+        this.severity = input(ControlSeverity.primary, ...(ngDevMode ? [{ debugName: "severity" }] : []));
+        this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+        this.items = input(undefined, ...(ngDevMode ? [{ debugName: "items" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: DropdownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.1", type: DropdownButtonComponent, isStandalone: true, selector: "v-dropdown-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, raised: { classPropertyName: "raised", publicName: "raised", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            { provide: DROPDOWN_BUTTON_COMPONENT_TOKEN, useExisting: DropdownButtonComponent }
+        ], ngImport: i0, template: "<p>NOT implemented </p>" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: DropdownButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-dropdown-button', providers: [
+                        { provide: DROPDOWN_BUTTON_COMPONENT_TOKEN, useExisting: DropdownButtonComponent }
+                    ], template: "<p>NOT implemented </p>" }]
+        }] });
+
+class RadioButtonComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+        this.radioGroupName = Math.random().toString();
+        this.items = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: RadioButtonComponent, isStandalone: true, selector: "v-radiobutton", inputs: { radioGroupName: "radioGroupName", items: "items" }, providers: [
+            {
+                provide: BaseInputControls,
+                useExisting: RadioButtonComponent,
+            },
+            {
+                provide: RADIOBUTTON_COMPONENT_TOKEN,
+                useExisting: RadioButtonComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-radiobutton\">\n  <v-form-field\n    [label]=\"label\"\n    [required]=\"required\"\n    [tooltip]=\"tooltip\"\n    [testId]=\"testId\"\n    >\n    <div class=\"d-flex align-items-center gap-3\">\n      @for (item of items; track item) {\n        <div>\n          <p-radioButton\n            [inputId]=\"item.id\"\n          [ngClass]=\"{\n                    'radio-error': ngControl?.invalid && ngControl?.dirty,\n                    }\"\n            [name]=\"radioGroupName\"\n            [value]=\"item.value\"\n            [formControl]=\"formControl\"\n            />\n          <label [for]=\"item.id\" class=\"ps-2\">\n            <span\n            [ngClass]=\"{\n              'text-error': ngControl?.invalid && ngControl?.dirty,\n              'text-primary': ngControl?.value === item.value\n            }\"\n              >{{ item.value }}</span\n              >\n            </label>\n          </div>\n        }\n        <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n      </div>\n    </v-form-field>\n  </div>\n", styles: [".radio-error .p-radiobutton .p-radiobutton-box.p-highlight{border-color:var(--error-color);background:var(--error-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3$3.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: RadioButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-radiobutton', imports: [
+                        CommonModule,
+                        FormFieldComponent,
+                        RadioButtonModule,
+                        ReactiveFormsModule,
+                        ErrorComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: BaseInputControls,
+                            useExisting: RadioButtonComponent,
+                        },
+                        {
+                            provide: RADIOBUTTON_COMPONENT_TOKEN,
+                            useExisting: RadioButtonComponent,
+                        },
+                    ], template: "<div class=\"v-radiobutton\">\n  <v-form-field\n    [label]=\"label\"\n    [required]=\"required\"\n    [tooltip]=\"tooltip\"\n    [testId]=\"testId\"\n    >\n    <div class=\"d-flex align-items-center gap-3\">\n      @for (item of items; track item) {\n        <div>\n          <p-radioButton\n            [inputId]=\"item.id\"\n          [ngClass]=\"{\n                    'radio-error': ngControl?.invalid && ngControl?.dirty,\n                    }\"\n            [name]=\"radioGroupName\"\n            [value]=\"item.value\"\n            [formControl]=\"formControl\"\n            />\n          <label [for]=\"item.id\" class=\"ps-2\">\n            <span\n            [ngClass]=\"{\n              'text-error': ngControl?.invalid && ngControl?.dirty,\n              'text-primary': ngControl?.value === item.value\n            }\"\n              >{{ item.value }}</span\n              >\n            </label>\n          </div>\n        }\n        <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n      </div>\n    </v-form-field>\n  </div>\n", styles: [".radio-error .p-radiobutton .p-radiobutton-box.p-highlight{border-color:var(--error-color);background:var(--error-color)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { radioGroupName: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
+
+class NumberInputComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+        this.step = 1;
+        this.errorMessage = 'test';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NumberInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: NumberInputComponent, isStandalone: true, selector: "v-number-input", inputs: { mode: "mode", currency: "currency", min: "min", max: "max", step: "step", errorMessage: "errorMessage" }, providers: [
+            {
+                provide: BaseInputControls,
+                useExisting: forwardRef(() => NumberInputComponent),
+            },
+            {
+                provide: NUMBER_INPUT_COMPONENT_TOKEN,
+                useExisting: NumberInputComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-number-input\">\n  <v-form-field\n    class=\"w-100\"\n    [label]=\"label\"\n    [tooltip]=\"tooltip\"\n    [required]=\"isRequired()\"\n    [testId]=\"testId\"\n  >\n    <p-inputNumber\n      class=\"w-100\"\n      [formControl]=\"formControl\"\n      [showButtons]=\"true\"\n      [inputId]=\"inputId\"\n      [mode]=\"mode\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [step]=\"step\"\n      [currency]=\"currency\"\n    />\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </v-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i2$5.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NumberInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-number-input', imports: [
+                        InputNumberModule,
+                        ReactiveFormsModule,
+                        FormFieldComponent,
+                        ErrorComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: BaseInputControls,
+                            useExisting: forwardRef(() => NumberInputComponent),
+                        },
+                        {
+                            provide: NUMBER_INPUT_COMPONENT_TOKEN,
+                            useExisting: NumberInputComponent,
+                        },
+                    ], template: "<div class=\"v-number-input\">\n  <v-form-field\n    class=\"w-100\"\n    [label]=\"label\"\n    [tooltip]=\"tooltip\"\n    [required]=\"isRequired()\"\n    [testId]=\"testId\"\n  >\n    <p-inputNumber\n      class=\"w-100\"\n      [formControl]=\"formControl\"\n      [showButtons]=\"true\"\n      [inputId]=\"inputId\"\n      [mode]=\"mode\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [step]=\"step\"\n      [currency]=\"currency\"\n    />\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </v-form-field>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { mode: [{
+                type: Input
+            }], currency: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }] } });
+
+class HeaderProviderService {
+    constructor(settingsMenu) {
+        this.settingsMenu = settingsMenu;
+        this.menu = [];
+    }
+    init() {
+        this.menu = this.settingsMenu;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: HeaderProviderService, deps: [{ token: SETTINGS_MENU }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: HeaderProviderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: HeaderProviderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SETTINGS_MENU]
+                }] }] });
+
+class HeaderComponent extends UnsubscribeComponent {
+    constructor(providerService, screenSizeService, cdr) {
+        super();
+        this.providerService = providerService;
+        this.screenSizeService = screenSizeService;
+        this.cdr = cdr;
+        this.exampleHeader = false;
+        this.icons = Icons;
+        this.menuVisible = false;
+    }
+    ngOnInit() {
+        this.providerService.init();
+    }
+    toggleMenu() {
+        if (this.menuRef) {
+            this.menuVisible = !this.menuVisible;
+            this.menuRef.classList.toggle('menu-visible');
+            this.cdr.detectChanges();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: HeaderComponent, deps: [{ token: HeaderProviderService }, { token: i1$4.ScreenSizeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: HeaderComponent, isStandalone: true, selector: "v-header", inputs: { title: "title", logoUrl: "logoUrl", userName: "userName", userRole: "userRole", menuRef: "menuRef", exampleHeader: "exampleHeader" }, providers: [
+            { provide: HEADER_COMPONENT_TOKEN, useExisting: HeaderComponent },
+        ], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"v-header d-flex w-100 text-align-end\"\n  [ngStyle]=\"{ position: exampleHeader ? 'relative' : 'fixed' }\"\n  >\n  @if (screenSizeService.isMobileBlock | async) {\n    <div class=\"burger-menu\">\n      <v-button\n        [icon]=\"menuVisible ? icons.cross : icons.action\"\n        (click)=\"toggleMenu()\"\n        />\n      <div class=\"logo mt-3\" [routerLink]=\"[logoRouterLink]\">\n        <img [src]=\"logoUrl\" alt=\"\"/>\n      </div>\n    </div>\n  }\n  <div class=\"v-header-title col-auto\">\n    <p class=\"text-primary text-nowrap d-none d-md-block ps-3 m-0 w-100\">\n      {{ title }}\n    </p>\n    <div class=\"col-8 col-md-auto ps-3 m-0 w-100\">\n      <ng-content select=\"[module]\"></ng-content>\n    </div>\n  </div>\n  @if ((screenSizeService.isMobileBlock | async) === false) {\n    <div class=\"w-100 text-start justify-content-start align-content-center\">\n      <ng-content select=\"[breadcrumbs]\"></ng-content>\n    </div>\n    <div class=\"col-auto d-flex align-items-center justify-content-end p-4\">\n      <div class=\"d-flex aling-items-center\">\n        <p-avatar\n          image=\"assets/primeng/images/_global/jara.png\"\n          styleClass=\"me-2\"\n          size=\"large\"\n          shape=\"circle\"\n          />\n        <div class=\"card align-content-center pe-3\">\n          <p\n            class=\"text-primary m-0 header-username\"\n            [innerHTML]=\"userName\"\n          ></p>\n          <p\n            class=\"text-default m-0 header-userrole\"\n            [innerHTML]=\"userRole\"\n          ></p>\n        </div>\n      </div>\n      <div class=\"d-flex gap-4 align-items-center\">\n        <ng-content select=\"[useractions]\"/>\n      </div>\n    </div>\n  }\n  @if (screenSizeService.isMobileBlock | async) {\n    <div class=\"user-info-container d-flex align-items-center\">\n      <div class=\"d-flex\">\n        <div class=\"card pe-3 align-content-center\">\n          <p-avatar\n            image=\"assets/images/_global/jara.png\"\n            styleClass=\"mr-2\"\n            size=\"large\"\n            shape=\"circle\"\n          ></p-avatar>\n        </div>\n        <div class=\"card align-content-center pe-3 d-flex\">\n          <div class=\"user-info\">\n            <p\n              class=\"text-default m-0 header-username\"\n              [innerHTML]=\"userName\"\n            ></p>\n            <p\n              class=\"text-default m-0 header-userrole\"\n              [innerHTML]=\"userRole\"\n            ></p>\n          </div>\n          <div class=\"user-actions\">\n            <ng-content select=\"[useractions]\"></ng-content>\n          </div>\n        </div>\n      </div>\n      <div class=\"d-flex gap-4 align-items-center justify-content-center\">\n        <ng-content select=\"[dbcontext]\" />\n      </div>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i4$1.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-header', imports: [CommonModule, AvatarModule, ButtonComponent, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        { provide: HEADER_COMPONENT_TOKEN, useExisting: HeaderComponent },
+                    ], template: "<div\n  class=\"v-header d-flex w-100 text-align-end\"\n  [ngStyle]=\"{ position: exampleHeader ? 'relative' : 'fixed' }\"\n  >\n  @if (screenSizeService.isMobileBlock | async) {\n    <div class=\"burger-menu\">\n      <v-button\n        [icon]=\"menuVisible ? icons.cross : icons.action\"\n        (click)=\"toggleMenu()\"\n        />\n      <div class=\"logo mt-3\" [routerLink]=\"[logoRouterLink]\">\n        <img [src]=\"logoUrl\" alt=\"\"/>\n      </div>\n    </div>\n  }\n  <div class=\"v-header-title col-auto\">\n    <p class=\"text-primary text-nowrap d-none d-md-block ps-3 m-0 w-100\">\n      {{ title }}\n    </p>\n    <div class=\"col-8 col-md-auto ps-3 m-0 w-100\">\n      <ng-content select=\"[module]\"></ng-content>\n    </div>\n  </div>\n  @if ((screenSizeService.isMobileBlock | async) === false) {\n    <div class=\"w-100 text-start justify-content-start align-content-center\">\n      <ng-content select=\"[breadcrumbs]\"></ng-content>\n    </div>\n    <div class=\"col-auto d-flex align-items-center justify-content-end p-4\">\n      <div class=\"d-flex aling-items-center\">\n        <p-avatar\n          image=\"assets/primeng/images/_global/jara.png\"\n          styleClass=\"me-2\"\n          size=\"large\"\n          shape=\"circle\"\n          />\n        <div class=\"card align-content-center pe-3\">\n          <p\n            class=\"text-primary m-0 header-username\"\n            [innerHTML]=\"userName\"\n          ></p>\n          <p\n            class=\"text-default m-0 header-userrole\"\n            [innerHTML]=\"userRole\"\n          ></p>\n        </div>\n      </div>\n      <div class=\"d-flex gap-4 align-items-center\">\n        <ng-content select=\"[useractions]\"/>\n      </div>\n    </div>\n  }\n  @if (screenSizeService.isMobileBlock | async) {\n    <div class=\"user-info-container d-flex align-items-center\">\n      <div class=\"d-flex\">\n        <div class=\"card pe-3 align-content-center\">\n          <p-avatar\n            image=\"assets/images/_global/jara.png\"\n            styleClass=\"mr-2\"\n            size=\"large\"\n            shape=\"circle\"\n          ></p-avatar>\n        </div>\n        <div class=\"card align-content-center pe-3 d-flex\">\n          <div class=\"user-info\">\n            <p\n              class=\"text-default m-0 header-username\"\n              [innerHTML]=\"userName\"\n            ></p>\n            <p\n              class=\"text-default m-0 header-userrole\"\n              [innerHTML]=\"userRole\"\n            ></p>\n          </div>\n          <div class=\"user-actions\">\n            <ng-content select=\"[useractions]\"></ng-content>\n          </div>\n        </div>\n      </div>\n      <div class=\"d-flex gap-4 align-items-center justify-content-center\">\n        <ng-content select=\"[dbcontext]\" />\n      </div>\n    </div>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [{ type: HeaderProviderService }, { type: i1$4.ScreenSizeService }, { type: i0.ChangeDetectorRef }], propDecorators: { title: [{
+                type: Input
+            }], logoUrl: [{
+                type: Input
+            }], userName: [{
+                type: Input
+            }], userRole: [{
+                type: Input
+            }], menuRef: [{
+                type: Input
+            }], exampleHeader: [{
+                type: Input
+            }] } });
+
+class TextareaComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+        this.rows = 5;
+        this.cols = 30;
+        this.autoResize = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TextareaComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: TextareaComponent, isStandalone: true, selector: "v-textarea", inputs: { rows: "rows", cols: "cols", autoResize: "autoResize", floatLabel: "floatLabel" }, providers: [
+            {
+                provide: BaseInputControls,
+                useExisting: TextareaComponent,
+            },
+            {
+                provide: TEXTAREA_COMPONENT_TOKEN,
+                useExisting: TextareaComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-textarea\">\n  @if (!floatLabel) {\n    <v-form-field\n      [label]=\"label\"\n      [tooltip]=\"tooltip\"\n      [required]=\"isRequired()\"\n      [display]=\"formDisplay\"\n      >\n      <textarea\n        class=\"flex-grow-1\"\n        pTextarea\n        [rows]=\"rows\"\n        [cols]=\"cols\"\n        [formControl]=\"formControl\"\n        [placeholder]=\"placeholder\"\n        [required]=\"isRequired()\"\n        [readOnly]=\"readonly\"\n        [autoResize]=\"autoResize\"\n      ></textarea>\n    </v-form-field>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  }\n  @if (floatLabel) {\n    <p-floatLabel>\n      <textarea\n        class=\"flex-grow-1\"\n        pTextarea\n        [rows]=\"rows\"\n        [cols]=\"cols\"\n        [id]=\"inputId\"\n        [formControl]=\"formControl\"\n        [placeholder]=\"placeholder\"\n        [required]=\"isRequired()\"\n        [readOnly]=\"readonly\"\n        [autoResize]=\"autoResize\"\n      ></textarea>\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\n    </p-floatLabel>\n  }\n</div>\n", styles: [".v-textarea textarea{line-height:1.75rem!important}\n"], dependencies: [{ kind: "directive", type: Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i2$2.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-textarea', imports: [
+                        Textarea,
+                        ReactiveFormsModule,
+                        FormFieldComponent,
+                        FloatLabelModule,
+                        ErrorComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: BaseInputControls,
+                            useExisting: TextareaComponent,
+                        },
+                        {
+                            provide: TEXTAREA_COMPONENT_TOKEN,
+                            useExisting: TextareaComponent,
+                        },
+                    ], template: "<div class=\"v-textarea\">\n  @if (!floatLabel) {\n    <v-form-field\n      [label]=\"label\"\n      [tooltip]=\"tooltip\"\n      [required]=\"isRequired()\"\n      [display]=\"formDisplay\"\n      >\n      <textarea\n        class=\"flex-grow-1\"\n        pTextarea\n        [rows]=\"rows\"\n        [cols]=\"cols\"\n        [formControl]=\"formControl\"\n        [placeholder]=\"placeholder\"\n        [required]=\"isRequired()\"\n        [readOnly]=\"readonly\"\n        [autoResize]=\"autoResize\"\n      ></textarea>\n    </v-form-field>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  }\n  @if (floatLabel) {\n    <p-floatLabel>\n      <textarea\n        class=\"flex-grow-1\"\n        pTextarea\n        [rows]=\"rows\"\n        [cols]=\"cols\"\n        [id]=\"inputId\"\n        [formControl]=\"formControl\"\n        [placeholder]=\"placeholder\"\n        [required]=\"isRequired()\"\n        [readOnly]=\"readonly\"\n        [autoResize]=\"autoResize\"\n      ></textarea>\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\n    </p-floatLabel>\n  }\n</div>\n", styles: [".v-textarea textarea{line-height:1.75rem!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { rows: [{
+                type: Input
+            }], cols: [{
+                type: Input
+            }], autoResize: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }] } });
+
+class LoaderComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: LoaderComponent, isStandalone: true, selector: "v-loader", providers: [
+            { provide: LOADER_COMPONENT_TOKEN, useExisting: LoaderComponent },
+        ], ngImport: i0, template: "<div class=\"v-loader d-flex justify-content-center\">\n  <div>\n    <p-progressSpinner class=\"p-progress-spinner-circle\"></p-progressSpinner>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i1$5.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-loader', imports: [ProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        { provide: LOADER_COMPONENT_TOKEN, useExisting: LoaderComponent },
+                    ], template: "<div class=\"v-loader d-flex justify-content-center\">\n  <div>\n    <p-progressSpinner class=\"p-progress-spinner-circle\"></p-progressSpinner>\n  </div>\n</div>\n" }]
+        }] });
+
+class SnackbarService {
+    constructor(messageService) {
+        this.messageService = messageService;
+    }
+    showSuccess(message, icon) {
+        this.messageService.add({
+            severity: 'success',
+            summary: 'Success',
+            detail: message,
+            icon: icon,
+        });
+    }
+    showInfo(message, icon) {
+        this.messageService.add({
+            severity: 'info',
+            summary: 'Info',
+            detail: message,
+            icon: icon,
+        });
+    }
+    showWarn(message, icon) {
+        this.messageService.add({
+            severity: 'warn',
+            summary: 'Warn',
+            detail: message,
+            icon: icon,
+        });
+    }
+    showError(message, icon) {
+        this.messageService.add({
+            severity: 'error',
+            summary: 'Error',
+            detail: message,
+            icon: icon,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SnackbarService, deps: [{ token: i1$6.MessageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SnackbarService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SnackbarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$6.MessageService }] });
+
+class SnackbarComponent {
+    constructor(snackbarService) {
+        this.snackbarService = snackbarService;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SnackbarComponent, deps: [{ token: SnackbarService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: SnackbarComponent, isStandalone: true, selector: "v-snackbar", providers: [
+            SnackbarService,
+            {
+                provide: SNACKBAR_COMPONENT_TOKEN,
+                useExisting: SnackbarComponent,
+            },
+        ], ngImport: i0, template: "<div class=\"v-snackbar\">\n    <p-toast />\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ToastModule }, { kind: "component", type: i2$6.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "ngmodule", type: RippleModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SnackbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-snackbar', imports: [ToastModule, RippleModule], providers: [
+                        SnackbarService,
+                        {
+                            provide: SNACKBAR_COMPONENT_TOKEN,
+                            useExisting: SnackbarComponent,
+                        },
+                    ], template: "<div class=\"v-snackbar\">\n    <p-toast />\n</div>\n" }]
+        }], ctorParameters: () => [{ type: SnackbarService }] });
+
+class SideMenuComponent extends UnsubscribeComponent {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+        this.logoUrl = '';
+        this.minimalized = new EventEmitter();
+        this.itemSelected = new EventEmitter();
+        this.menuService = inject(SideMenuService);
+        this.router = inject(Router);
+        this.icons = Icons;
+        this.screenSizeService = inject(ScreenSizeService);
+        this.isMinimalized = false;
+    }
+    ngAfterContentInit() {
+        if (this.menuService.menuMinimalized) {
+            this.setMenuMinimalized(this.menu);
+        }
+    }
+    menuMinimalize(menu) {
+        const audit = document.getElementsByClassName('detail-audit');
+        if (audit.length > 0) {
+            audit.item(0)?.classList.toggle('menu-close__audit');
+        }
+        if (menu) {
+            menu.classList.toggle('menu-closed');
+            this.isMinimalized = menu.classList.contains('menu-closed');
+            this.menuService.saveMinimalizedState(this.isMinimalized);
+            this.minimalized.emit(this.isMinimalized);
+        }
+    }
+    onSelectionChange(event) {
+        const item = event.node;
+        if (item.label) {
+            this.menuService.saveExpandedState(item);
+        }
+    }
+    onNodeSelect(event) {
+        const item = event.node;
+        if (item.url) {
+            this.router.navigateByUrl(item.url);
+        }
+    }
+    setMenuMinimalized(menu) {
+        if (menu) {
+            menu.nativeElement.classList.add("menu-closed");
+            this.minimalized.emit(true);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SideMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: SideMenuComponent, isStandalone: true, selector: "v-side-menu", inputs: { items: "items", logoUrl: "logoUrl", userName: "userName", userRole: "userRole" }, outputs: { minimalized: "minimalized", itemSelected: "itemSelected" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["sidemenu"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"v-side-menu\" #sidemenu>\n  <div\n    [ngClass]=\"\n      (screenSizeService.isMobileBlock | async)\n        ? 'v-side-menu-container__mobile'\n        : 'v-side-menu-container'\n    \"\n    >\n    @if ((screenSizeService.isMobileBlock | async) === false) {\n      <div class=\"v-side-menu-header pb-3 text-center\">\n        <div class=\"logo\" [routerLink]=\"[logoRouterLink]\">\n          <img [src]=\"logoUrl\" alt=\"\" />\n        </div>\n        <hr />\n      </div>\n    }\n    <div\n      [ngClass]=\"{\n        'v-side-menu-body__mobile': screenSizeService.isMobileBlock | async,\n        'v-side-menu-body': (screenSizeService.isMobileBlock | async) === false\n      }\"\n      class=\"text-center\"\n      >\n      <p-tree\n        selectionMode=\"single\"\n        [value]=\"items\"\n        (onNodeExpand)=\"onSelectionChange($event)\"\n        (onNodeCollapse)=\"onSelectionChange($event)\"\n        (onNodeSelect)=\"onNodeSelect($event)\"\n        >\n      </p-tree>\n    </div>\n    <div\n      class=\"text-center py-3 d-flex justify-content-end flex-column support\"\n      >\n      <hr class=\"mx-4 divider\" />\n      <v-button\n        class=\"support-button\"\n        [label]=\"isMinimalized ? undefined : 'Support'\"\n        severity=\"primary\"\n        [icon]=\"icons.questionCircle\"\n      ></v-button>\n    </div>\n  </div>\n  @if ((screenSizeService.isMobileBlock | async) === false) {\n    <div\n      class=\"close-button\"\n      (click)=\"menuMinimalize(sidemenu)\"\n      >\n      <i class=\"pi pi-chevron-left text-white close-icon\"></i>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i1$7.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "styleClass", "contextMenu", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterInputAutoFocus", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDoubleClick", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: AvatarModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SideMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-side-menu', imports: [
+                        NgClass,
+                        AsyncPipe,
+                        TreeModule,
+                        ButtonComponent,
+                        TranslateModule,
+                        AvatarModule,
+                        RouterModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"v-side-menu\" #sidemenu>\n  <div\n    [ngClass]=\"\n      (screenSizeService.isMobileBlock | async)\n        ? 'v-side-menu-container__mobile'\n        : 'v-side-menu-container'\n    \"\n    >\n    @if ((screenSizeService.isMobileBlock | async) === false) {\n      <div class=\"v-side-menu-header pb-3 text-center\">\n        <div class=\"logo\" [routerLink]=\"[logoRouterLink]\">\n          <img [src]=\"logoUrl\" alt=\"\" />\n        </div>\n        <hr />\n      </div>\n    }\n    <div\n      [ngClass]=\"{\n        'v-side-menu-body__mobile': screenSizeService.isMobileBlock | async,\n        'v-side-menu-body': (screenSizeService.isMobileBlock | async) === false\n      }\"\n      class=\"text-center\"\n      >\n      <p-tree\n        selectionMode=\"single\"\n        [value]=\"items\"\n        (onNodeExpand)=\"onSelectionChange($event)\"\n        (onNodeCollapse)=\"onSelectionChange($event)\"\n        (onNodeSelect)=\"onNodeSelect($event)\"\n        >\n      </p-tree>\n    </div>\n    <div\n      class=\"text-center py-3 d-flex justify-content-end flex-column support\"\n      >\n      <hr class=\"mx-4 divider\" />\n      <v-button\n        class=\"support-button\"\n        [label]=\"isMinimalized ? undefined : 'Support'\"\n        severity=\"primary\"\n        [icon]=\"icons.questionCircle\"\n      ></v-button>\n    </div>\n  </div>\n  @if ((screenSizeService.isMobileBlock | async) === false) {\n    <div\n      class=\"close-button\"\n      (click)=\"menuMinimalize(sidemenu)\"\n      >\n      <i class=\"pi pi-chevron-left text-white close-icon\"></i>\n    </div>\n  }\n</div>\n" }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], logoUrl: [{
+                type: Input
+            }], userName: [{
+                type: Input
+            }], userRole: [{
+                type: Input
+            }], minimalized: [{
+                type: Output
+            }], itemSelected: [{
+                type: Output
+            }], menu: [{
+                type: ViewChild,
+                args: ['sidemenu', { static: true }]
+            }] } });
+
+class SideMenuModule extends UnsubscribeComponent {
+    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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SideMenuModule, deps: [{ token: i1$4.SideMenuProviderService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: SideMenuModule, imports: [SideMenuComponent], exports: [SideMenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", 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,
+                },
+            },
+        ], imports: [SideMenuComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SideMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SideMenuComponent],
+                    exports: [SideMenuComponent],
+                    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 TableFilterPipe {
+    transform(value) {
+        if (value == undefined) {
+            return undefined;
+        }
+        return Object.entries(value)
+            .filter((x) => x[0] != undefined)
+            .reduce((currentFilter, [key, value]) => {
+            const filterValue = this.convertToFilterMetadata(value);
+            if (filterValue) {
+                if (key === 'searchField') {
+                    key = 'global';
+                }
+                currentFilter[key] = filterValue;
+            }
+            return currentFilter;
+        }, {});
+    }
+    convertToFilterMetadata(value) {
+        if (value == undefined) {
+            return undefined;
+        }
+        if (typeof value == 'string') {
+            return {
+                matchMode: 'contains',
+                value: value,
+            };
+        }
+        if (Array.isArray(value)) {
+            return value.map((x) => this.convertToFilterMetadata(x));
+        }
+        return {
+            matchMode: 'equals',
+            value: value,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TableFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: TableFilterPipe, isStandalone: true, name: "primengFilter" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TableFilterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'primengFilter',
+                    standalone: true,
+                }]
+        }] });
+
+function convertToFilter(value) {
+    if (value == undefined) {
+        return undefined;
+    }
+    const filter = {};
+    Object.keys(value).map((key) => {
+        const filterValue = value[key];
+        if (filterValue != undefined && typeof filterValue === 'object') {
+            filter[key] = filterValue.value;
+        }
+        else {
+            filter[key] = filterValue;
+        }
+    });
+    return filter;
+}
+
+class TableComponent {
+    constructor() {
+        this.total = 0;
+        this.scrollable = true;
+        this.pageSize = DEFAULT_SEARCH_LIMIT;
+        this.showPaginator = true;
+        this.sortMultiple = false;
+        this.lazy = false;
+        this.showPageSizePicker = true;
+        this.maximumColumnLength = 0;
+        this.disableCustomClicks = false;
+        this.selection = [];
+        this.pageSizeChange = new EventEmitter();
+        this.selectionChange = new EventEmitter();
+        this.pageChange = new EventEmitter();
+        this.sortChange = new EventEmitter();
+        this.lazyLoad = new EventEmitter();
+        this.cdRef = inject(ChangeDetectorRef);
+        this.tableColumns = [];
+        this.tableRows = [];
+        this.expandedRows = {};
+        this.router = inject(Router);
+        this.route = inject(ActivatedRoute);
+        this.icons = Icons;
+    }
+    set columns(value) {
+        this._columns = value;
+        this.tableColumns = (value ?? []).map((x) => new ColumnModel(x));
+    }
+    get columns() {
+        return this._columns;
+    }
+    ngOnChanges(changes) {
+        if (changes['data']) {
+            this.updateRowModels();
+        }
+        if (changes['selection'] || changes['data']) {
+            this.tableSelection = this.selection
+                ? this.tableRows.filter((x) => this.selection.includes(x.row))
+                : undefined;
+        }
+        if (changes['filter'] && !changes['filter'].isFirstChange()) {
+            this.globalFilterFields = this.columns.filter(x => x.id).map(x => 'row.' + x.id);
+            setTimeout(() => {
+                this.table?._filter();
+            }, 0);
+        }
+    }
+    ngAfterViewInit() {
+        if (this.viewColumns?.length) {
+            const templateColumnModel = this.viewColumns
+                .toArray()
+                .map((provider) => new ColumnModel(provider.getDefinition()));
+            this.tableColumns = [...this.tableColumns, ...templateColumnModel];
+        }
+        this.expansionTemplate = {
+            template: this.rowDetailTemplate,
+        };
+        this.cdRef.detectChanges();
+    }
+    updateRowModels() {
+        this.tableRows = (this.data ?? []).map((x) => new RowModel(x, false, false));
+    }
+    pageChanged(page) {
+        this.pageChange.emit(page);
+    }
+    pageSizeChanged(pageSize) {
+        this.pageSizeChange.emit(pageSize);
+        this.pageSize = pageSize;
+    }
+    sortChanged(event) {
+        let eventEmiterArg;
+        if (event.field) {
+            const singleEvent = event;
+            eventEmiterArg = this.getSorts([singleEvent]);
+            this.sortMeta = undefined;
+            this.sortSignleColumn = singleEvent;
+        }
+        else {
+            const multiEvent = event;
+            eventEmiterArg = this.getSorts(multiEvent.multisortmeta);
+            this.sortMeta = multiEvent.multisortmeta;
+            this.sortSignleColumn = undefined;
+        }
+        this.sortChange.emit(eventEmiterArg);
+    }
+    selectionChanged(event) {
+        this.tableSelection = event;
+        if (this.selectionMode) {
+            const eventArgArray = Array.isArray(event) ? event : [event];
+            const selection = event ? eventArgArray.map((x) => x.row) : [];
+            this.selectionChange.emit(selection);
+        }
+    }
+    fireLazyLoad(event) {
+        if (this.lazy) {
+            const sort = this.sortSignleColumn
+                ? this.getSorts([this.sortSignleColumn])
+                : this.sortMeta
+                    ? this.getSorts(this.sortMeta)
+                    : undefined;
+            const lazyLoadEvent = {
+                sort,
+                offset: event.first ?? 0,
+                limit: event.rows ?? this.pageSize,
+                filter: convertToFilter(event.filters),
+            };
+            this.lazyLoad.emit(lazyLoadEvent);
+        }
+    }
+    removePrefix(input, prefix) {
+        return input.startsWith(prefix) ? input.slice(prefix.length) : input;
+    }
+    convertToSortDirection(value) {
+        return value === 1 ? SortDirection.asc : SortDirection.desc;
+    }
+    getSorts(value) {
+        return value
+            ? value.map((x) => ({
+                field: this.removePrefix(x.field, 'row.'),
+                direction: this.convertToSortDirection(x.order),
+            }))
+            : undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: TableComponent, isStandalone: true, selector: "v-table", inputs: { data: "data", total: "total", filter: "filter", loading: "loading", scrollable: "scrollable", pageSize: "pageSize", currentPage: "currentPage", showPaginator: "showPaginator", sortMultiple: "sortMultiple", lazy: "lazy", selectionMode: "selectionMode", showPageSizePicker: "showPageSizePicker", entityKey: "entityKey", maximumColumnLength: "maximumColumnLength", disableCustomClicks: "disableCustomClicks", columns: "columns", selection: "selection" }, outputs: { pageSizeChange: "pageSizeChange", selectionChange: "selectionChange", pageChange: "pageChange", sortChange: "sortChange", lazyLoad: "lazyLoad" }, providers: [
+            {
+                provide: TABLE_COMPONENT_TOKEN,
+                useExisting: TableComponent,
+            },
+        ], queries: [{ propertyName: "rowDetailTemplate", first: true, predicate: ["rowDetail"], descendants: true }, { propertyName: "viewColumns", predicate: TABLE_COLUMN_PROVIDER }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"v-table\">\n  <p-table\n    #table\n    class=\"v-table\"\n    [value]=\"tableRows\"\n    [filters]=\"filter | primengFilter\"\n    [paginator]=\"showPaginator\"\n    [rows]=\"pageSize\"\n    [totalRecords]=\"total\"\n    [loading]=\"loading\"\n    [lazy]=\"lazy\"\n    dataKey=\"id\"\n    [scrollable]=\"scrollable\"\n    [sortMode]=\"sortMultiple ? 'multiple' : 'single'\"\n    [scrollHeight]=\"'flex'\"\n    [selectionMode]=\"selectionMode\"\n    [selection]=\"tableSelection\"\n    [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\n    [expandedRowKeys]=\"expandedRows\"\n    [showCurrentPageReport]=\"true\"\n    currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} entries\"\n    [customSort]=\"lazy\"\n    [multiSortMeta]=\"sortMeta\"\n    [resizableColumns]=\"true\"\n    columnResizeMode=\"expand\"\n    [globalFilterFields]=\"globalFilterFields\"\n    (onPage)=\"pageChanged($event)\"\n    (onSort)=\"sortChanged($event)\"\n    (selectionChange)=\"selectionChanged($event)\"\n    (onLazyLoad)=\"fireLazyLoad($event)\"\n    >\n    <ng-template pTemplate=\"header\">\n      <tr>\n        @if (selectionMode === 'multiple') {\n          <th>\n            <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n          </th>\n          } @for (column of tableColumns; track column; let index = $index) {\n          @if (column.sortable) {\n            <th\n              pResizableColumn\n              [pSortableColumn]=\"'row.' + column.id\"\n              [style.width]=\"column.width\"\n              >\n              {{ column.headerGetter(column.id, index) }}\n              <p-sortIcon [field]=\"'row.' + column.id\"></p-sortIcon>\n            </th>\n          }\n          @if (!column.sortable) {\n            <th\n              pResizableColumn\n              [class.v-auto-cell]=\"column.template\"\n              [style.width]=\"column.width\"\n              >\n              {{ column.headerGetter(column.id, index) }}\n            </th>\n          }\n          } @if (rowDetailTemplate){\n          <th></th>\n        }\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\" let-row let-expanded=\"expanded\">\n      <tr\n        [pSelectableRow]=\"row\"\n        [pSelectableRowDisabled]=\"selectionMode !== 'single'\"\n        (dblclick)=\"\n          router.navigate(['./' + row.row[entityKey ?? 'id']], {\n            relativeTo: route\n          })\n        \"\n        >\n        @if (selectionMode === 'multiple'){\n          <td>\n            <p-tableCheckbox [value]=\"row\"></p-tableCheckbox>\n          </td>\n        }\n        @for (cd of tableColumns; track cd; let index = $index) {\n          <td\n            [class]=\"cd.columnClass!\"\n            [class.v-auto-cell]=\"cd.template\"\n            >\n            @if (cd.template) {\n              <ng-container\n                *ngTemplateOutlet=\"cd.template; context: { $implicit: row.row }\"\n              ></ng-container>\n            }\n            @if (!row.template) {\n              <span\n                [queryParams]=\"cd.queryParams ? cd.queryParams : undefined\"\n                [routerLink]=\"cd.routerLink ? cd.routerLink(row.row) : undefined\"\n                [innerHTML]=\"cd.valueGetter(row.row, index)\"\n              ></span>\n            }\n          </td>\n        }\n        @if (rowDetailTemplate){\n          <td>\n            <p-button\n              type=\"button\"\n              pRipple\n              severity=\"primary\"\n              [pRowToggler]=\"row\"\n              [text]=\"true\"\n              [rounded]=\"true\"\n              [plain]=\"true\"\n              [icon]=\"expanded ? icons.chevronDown : icons.chevronRight\"\n              />\n          </td>\n        }\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"rowexpansion\" let-row>\n      <tr>\n        <td [attr.colspan]=\"tableColumns.length + 1\">\n          <ng-container\n            class=\"w-100\"\n            *ngTemplateOutlet=\"\n              expansionTemplate.template;\n              context: { $implicit: row.row }\n            \"\n          ></ng-container>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n</div>\n", styles: [".v-auto-cell{width:1%;white-space:nowrap}.v-table{display:flex;flex-direction:column;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$7.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$6.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$7.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i2$7.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i2$7.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: i2$7.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "component", type: i2$7.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$7.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2$7.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i6.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: TableFilterPipe, name: "primengFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-table', imports: [
+                        CommonModule,
+                        TableModule,
+                        RouterModule,
+                        ButtonModule,
+                        RippleModule,
+                        TableFilterPipe,
+                    ], providers: [
+                        {
+                            provide: TABLE_COMPONENT_TOKEN,
+                            useExisting: TableComponent,
+                        },
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"v-table\">\n  <p-table\n    #table\n    class=\"v-table\"\n    [value]=\"tableRows\"\n    [filters]=\"filter | primengFilter\"\n    [paginator]=\"showPaginator\"\n    [rows]=\"pageSize\"\n    [totalRecords]=\"total\"\n    [loading]=\"loading\"\n    [lazy]=\"lazy\"\n    dataKey=\"id\"\n    [scrollable]=\"scrollable\"\n    [sortMode]=\"sortMultiple ? 'multiple' : 'single'\"\n    [scrollHeight]=\"'flex'\"\n    [selectionMode]=\"selectionMode\"\n    [selection]=\"tableSelection\"\n    [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\n    [expandedRowKeys]=\"expandedRows\"\n    [showCurrentPageReport]=\"true\"\n    currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} entries\"\n    [customSort]=\"lazy\"\n    [multiSortMeta]=\"sortMeta\"\n    [resizableColumns]=\"true\"\n    columnResizeMode=\"expand\"\n    [globalFilterFields]=\"globalFilterFields\"\n    (onPage)=\"pageChanged($event)\"\n    (onSort)=\"sortChanged($event)\"\n    (selectionChange)=\"selectionChanged($event)\"\n    (onLazyLoad)=\"fireLazyLoad($event)\"\n    >\n    <ng-template pTemplate=\"header\">\n      <tr>\n        @if (selectionMode === 'multiple') {\n          <th>\n            <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n          </th>\n          } @for (column of tableColumns; track column; let index = $index) {\n          @if (column.sortable) {\n            <th\n              pResizableColumn\n              [pSortableColumn]=\"'row.' + column.id\"\n              [style.width]=\"column.width\"\n              >\n              {{ column.headerGetter(column.id, index) }}\n              <p-sortIcon [field]=\"'row.' + column.id\"></p-sortIcon>\n            </th>\n          }\n          @if (!column.sortable) {\n            <th\n              pResizableColumn\n              [class.v-auto-cell]=\"column.template\"\n              [style.width]=\"column.width\"\n              >\n              {{ column.headerGetter(column.id, index) }}\n            </th>\n          }\n          } @if (rowDetailTemplate){\n          <th></th>\n        }\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\" let-row let-expanded=\"expanded\">\n      <tr\n        [pSelectableRow]=\"row\"\n        [pSelectableRowDisabled]=\"selectionMode !== 'single'\"\n        (dblclick)=\"\n          router.navigate(['./' + row.row[entityKey ?? 'id']], {\n            relativeTo: route\n          })\n        \"\n        >\n        @if (selectionMode === 'multiple'){\n          <td>\n            <p-tableCheckbox [value]=\"row\"></p-tableCheckbox>\n          </td>\n        }\n        @for (cd of tableColumns; track cd; let index = $index) {\n          <td\n            [class]=\"cd.columnClass!\"\n            [class.v-auto-cell]=\"cd.template\"\n            >\n            @if (cd.template) {\n              <ng-container\n                *ngTemplateOutlet=\"cd.template; context: { $implicit: row.row }\"\n              ></ng-container>\n            }\n            @if (!row.template) {\n              <span\n                [queryParams]=\"cd.queryParams ? cd.queryParams : undefined\"\n                [routerLink]=\"cd.routerLink ? cd.routerLink(row.row) : undefined\"\n                [innerHTML]=\"cd.valueGetter(row.row, index)\"\n              ></span>\n            }\n          </td>\n        }\n        @if (rowDetailTemplate){\n          <td>\n            <p-button\n              type=\"button\"\n              pRipple\n              severity=\"primary\"\n              [pRowToggler]=\"row\"\n              [text]=\"true\"\n              [rounded]=\"true\"\n              [plain]=\"true\"\n              [icon]=\"expanded ? icons.chevronDown : icons.chevronRight\"\n              />\n          </td>\n        }\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"rowexpansion\" let-row>\n      <tr>\n        <td [attr.colspan]=\"tableColumns.length + 1\">\n          <ng-container\n            class=\"w-100\"\n            *ngTemplateOutlet=\"\n              expansionTemplate.template;\n              context: { $implicit: row.row }\n            \"\n          ></ng-container>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n</div>\n", styles: [".v-auto-cell{width:1%;white-space:nowrap}.v-table{display:flex;flex-direction:column;height:100%}\n"] }]
+        }], propDecorators: { viewColumns: [{
+                type: ContentChildren,
+                args: [TABLE_COLUMN_PROVIDER]
+            }], table: [{
+                type: ViewChild,
+                args: ['table']
+            }], rowDetailTemplate: [{
+                type: ContentChild,
+                args: ['rowDetail', { static: false }]
+            }], data: [{
+                type: Input
+            }], total: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], currentPage: [{
+                type: Input
+            }], showPaginator: [{
+                type: Input
+            }], sortMultiple: [{
+                type: Input
+            }], lazy: [{
+                type: Input
+            }], selectionMode: [{
+                type: Input
+            }], showPageSizePicker: [{
+                type: Input
+            }], entityKey: [{
+                type: Input
+            }], maximumColumnLength: [{
+                type: Input
+            }], disableCustomClicks: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], selection: [{
+                type: Input
+            }], pageSizeChange: [{
+                type: Output
+            }], selectionChange: [{
+                type: Output
+            }], pageChange: [{
+                type: Output
+            }], sortChange: [{
+                type: Output
+            }], lazyLoad: [{
+                type: Output
+            }] } });
+
+class ActionButtonComponent {
+    constructor() {
+        this.disabled = false;
+        this.outlined = false;
+        this.raised = false;
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.click = new EventEmitter();
+        this.icons = Icons;
+        this.propertyChangeSubject = new Subject();
+        this.propertyChanged = this.propertyChangeSubject.asObservable();
+        this.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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: ActionButtonComponent, isStandalone: true, selector: "v-action-button", inputs: { disabled: "disabled", toolTip: "toolTip", id: "id", icon: "icon", outlined: "outlined", raised: "raised", severity: "severity", label: "label", size: "size" }, outputs: { click: "click" }, usesOnChanges: true, ngImport: i0, template: "<v-button\n  [label]=\"label\"\n  [disabled]=\"disabled\"\n  [icon]=\"icon\"\n  [outlined]=\"outlined\"\n  tooltipPosition=\"bottom\"\n  [size]=\"size\"\n  [severity]=\"severity\"\n  (click)=\"handleClick($event)\"\n/>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ActionButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-action-button', imports: [ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<v-button\n  [label]=\"label\"\n  [disabled]=\"disabled\"\n  [icon]=\"icon\"\n  [outlined]=\"outlined\"\n  tooltipPosition=\"bottom\"\n  [size]=\"size\"\n  [severity]=\"severity\"\n  (click)=\"handleClick($event)\"\n/>\n" }]
+        }], propDecorators: { disabled: [{
+                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 {
+    constructor(changeDetectorRef, screenSizeService) {
+        super();
+        this.changeDetectorRef = changeDetectorRef;
+        this.screenSizeService = screenSizeService;
+        this.maxItems = 3;
+        this.maxItemsMobile = 0;
+        this.items = [];
+        this.menuIconPos = 'right';
+        this.menuIcon = Icons.action;
+        this.icons = Icons;
+        this.allItems = [];
+        this.visibleActions = [];
+        this.menuItems = [];
+    }
+    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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ActionButtonGroupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$4.ScreenSizeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", 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\n  class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\n>\n  <div class=\"v-action-button-group__actions d-flex gap-2\">\n    @for (action of visibleActions; track action) {\n    <v-action-button\n      [disabled]=\"action.disabled\"\n      [icon]=\"action.icon\"\n      [id]=\"action.id\"\n      [outlined]=\"action.outlined\"\n      [raised]=\"action.raised\"\n      [toolTip]=\"action.toolTip || action.label\"\n      [severity]=\"action.severity\"\n      [size]=\"action.size\"\n      (click)=\"fireClick(action, $event)\"\n    ></v-action-button>\n    } @if (actions.length > visibleActions.length) {\n    <v-dropdown-button\n      [label]=\"label\"\n      [icon]=\"menuIcon\"\n      [items]=\"menuItems\"\n    />\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }, { kind: "component", type: DropdownButtonComponent, selector: "v-dropdown-button", inputs: ["label", "icon", "rounded", "raised", "outlined", "severity", "size", "items"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ActionButtonGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-action-button-group', imports: [ActionButtonComponent, DropdownButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ACTION_BUTTON_GROUP_COMPONENT_TOKEN,
+                            useExisting: ActionButtonGroupComponent,
+                        },
+                    ], template: "<div\n  class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\n>\n  <div class=\"v-action-button-group__actions d-flex gap-2\">\n    @for (action of visibleActions; track action) {\n    <v-action-button\n      [disabled]=\"action.disabled\"\n      [icon]=\"action.icon\"\n      [id]=\"action.id\"\n      [outlined]=\"action.outlined\"\n      [raised]=\"action.raised\"\n      [toolTip]=\"action.toolTip || action.label\"\n      [severity]=\"action.severity\"\n      [size]=\"action.size\"\n      (click)=\"fireClick(action, $event)\"\n    ></v-action-button>\n    } @if (actions.length > visibleActions.length) {\n    <v-dropdown-button\n      [label]=\"label\"\n      [icon]=\"menuIcon\"\n      [items]=\"menuItems\"\n    />\n    }\n  </div>\n</div>\n" }]
+        }], 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 DropdownComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+        this.options = [];
+        this.editable = false;
+        this.loading = false;
+        this.lazy = false;
+        this.filter = true;
+        this.forceMinWidth = false;
+        this.showFilter = false;
+        this.localSearch = false;
+        this.showed = new EventEmitter();
+        this.cleared = new EventEmitter();
+        this.lazyLoad = new EventEmitter();
+        this.filtered = new EventEmitter();
+        this.destroy$ = new Subject();
+        this.virtualOptionSize = 37.5;
+    }
+    ngOnChanges(changes) {
+        if (changes['lazy'] || changes['loading']) {
+            this.virtualScrollOptions = this.lazy
+                ? {
+                    showLoader: this.loading,
+                    lazy: true,
+                    onLazyLoad: this.onLazyLoad.bind(this),
+                }
+                : undefined;
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    onLazyLoad(event) {
+        this.lazyLoad.emit({
+            offset: event.first,
+            limit: event.last - event.first,
+        });
+    }
+    filterChange(event) {
+        this.filtered.emit({
+            filter: event.filter,
+        });
+    }
+    onDropdownShow() {
+        this.showed.emit();
+    }
+    onDropdownClear() {
+        this.cleared.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: DropdownComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: DropdownComponent, isStandalone: true, selector: "v-dropdown", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", dropdownIcon: "dropdownIcon", floatLabel: "floatLabel", editable: "editable", loading: "loading", lazy: "lazy", filter: "filter", forceMinWidth: "forceMinWidth", showFilter: "showFilter", localSearch: "localSearch" }, outputs: { showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, providers: [
+            {
+                provide: BaseInputControls,
+                useExisting: forwardRef(() => DropdownComponent),
+                multi: true,
+            },
+            {
+                provide: DROPDOWN_COMPONENT_TOKEN,
+                useExisting: DropdownComponent,
+            },
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-dropdown\">\n  @if (label && !floatLabel) {\n    <v-form-field\n      [label]=\"label\"\n      [tooltip]=\"tooltip\"\n      [required]=\"isRequired()\"\n      [testId]=\"testId\"\n      [display]=\"formDisplay\"\n      >\n      <p-select\n        class=\"w-100\"\n        appendTo=\"body\"\n        [formControl]=\"formControl\"\n        [filter]=\"filter\"\n        [title]=\"label\"\n        [options]=\"options\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [loading]=\"loading\"\n        [placeholder]=\"placeholder ?? ''\"\n        [virtualScroll]=\"lazy\"\n        [virtualScrollItemSize]=\"virtualOptionSize\"\n        [virtualScrollOptions]=\"virtualScrollOptions\"\n        [tooltip]=\"tooltip\"\n        [required]=\"isRequired()\"\n        [showClear]=\"formControl && clearable && !readonly\"\n        [editable]=\"editable\"\n        [dataKey]=\"optionValue\"\n        (showEvent)=\"onDropdownShow()\"\n        (clearEvent)=\"onDropdownClear()\"\n        (onFilter)=\"filterChange($event)\"\n        >\n      </p-select>\n    </v-form-field>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  }\n  @if (!label && !floatLabel) {\n    <p-select\n      class=\"w-100\"\n      appendTo=\"body\"\n      [formControl]=\"formControl\"\n      [filter]=\"filter\"\n      [title]=\"label\"\n      [options]=\"options\"\n      [optionLabel]=\"optionLabel\"\n      [optionValue]=\"optionValue\"\n      [loading]=\"loading\"\n      [placeholder]=\"placeholder ? placeholder : label\"\n      [tooltip]=\"tooltip\"\n      [required]=\"isRequired()\"\n      [showClear]=\"formControl && clearable && !readonly\"\n      [editable]=\"editable\"\n      [dataKey]=\"optionValue\"\n      [virtualScroll]=\"lazy\"\n      [virtualScrollItemSize]=\"virtualOptionSize\"\n      [virtualScrollOptions]=\"virtualScrollOptions\"\n      (showEvent)=\"onDropdownShow()\"\n      (clearEvent)=\"onDropdownClear()\"\n      (onFilter)=\"filterChange($event)\"\n      >\n    </p-select>\n  }\n  @if (floatLabel && !label) {\n    <p-floatLabel>\n      <p-select\n        class=\"w-100\"\n        appendTo=\"body\"\n        [formControl]=\"formControl\"\n        [title]=\"label\"\n        [options]=\"options\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [loading]=\"loading\"\n        [placeholder]=\"placeholder ? placeholder : label\"\n        [filter]=\"filter\"\n        [tooltip]=\"tooltip\"\n        [required]=\"isRequired()\"\n        [showClear]=\"formControl && clearable && !readonly\"\n        [editable]=\"editable\"\n        [dataKey]=\"optionValue\"\n        [virtualScroll]=\"lazy\"\n        [virtualScrollItemSize]=\"virtualOptionSize\"\n        [virtualScrollOptions]=\"virtualScrollOptions\"\n        (showEvent)=\"onDropdownShow()\"\n        (clearEvent)=\"onDropdownClear()\"\n        (onFilter)=\"filterChange($event)\"\n        (lazyLoad)=\"onLazyLoad($any($event))\"\n        >\n      </p-select>\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\n    </p-floatLabel>\n  }\n</div>", styles: [".v-dropdown{justify-content:center;width:100%}.p-dropdown-items-wrapper,.p-scroller-viewport,.p-scroller{min-width:8rem!important;overflow-x:hidden;overflow-y:auto}.p-dropdown{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$8.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i2$2.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-dropdown', imports: [
+                        ReactiveFormsModule,
+                        SelectModule,
+                        TooltipModule,
+                        FormFieldComponent,
+                        MessageModule,
+                        FloatLabelModule,
+                        ErrorComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: BaseInputControls,
+                            useExisting: forwardRef(() => DropdownComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: DROPDOWN_COMPONENT_TOKEN,
+                            useExisting: DropdownComponent,
+                        },
+                    ], template: "<div class=\"v-dropdown\">\n  @if (label && !floatLabel) {\n    <v-form-field\n      [label]=\"label\"\n      [tooltip]=\"tooltip\"\n      [required]=\"isRequired()\"\n      [testId]=\"testId\"\n      [display]=\"formDisplay\"\n      >\n      <p-select\n        class=\"w-100\"\n        appendTo=\"body\"\n        [formControl]=\"formControl\"\n        [filter]=\"filter\"\n        [title]=\"label\"\n        [options]=\"options\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [loading]=\"loading\"\n        [placeholder]=\"placeholder ?? ''\"\n        [virtualScroll]=\"lazy\"\n        [virtualScrollItemSize]=\"virtualOptionSize\"\n        [virtualScrollOptions]=\"virtualScrollOptions\"\n        [tooltip]=\"tooltip\"\n        [required]=\"isRequired()\"\n        [showClear]=\"formControl && clearable && !readonly\"\n        [editable]=\"editable\"\n        [dataKey]=\"optionValue\"\n        (showEvent)=\"onDropdownShow()\"\n        (clearEvent)=\"onDropdownClear()\"\n        (onFilter)=\"filterChange($event)\"\n        >\n      </p-select>\n    </v-form-field>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  }\n  @if (!label && !floatLabel) {\n    <p-select\n      class=\"w-100\"\n      appendTo=\"body\"\n      [formControl]=\"formControl\"\n      [filter]=\"filter\"\n      [title]=\"label\"\n      [options]=\"options\"\n      [optionLabel]=\"optionLabel\"\n      [optionValue]=\"optionValue\"\n      [loading]=\"loading\"\n      [placeholder]=\"placeholder ? placeholder : label\"\n      [tooltip]=\"tooltip\"\n      [required]=\"isRequired()\"\n      [showClear]=\"formControl && clearable && !readonly\"\n      [editable]=\"editable\"\n      [dataKey]=\"optionValue\"\n      [virtualScroll]=\"lazy\"\n      [virtualScrollItemSize]=\"virtualOptionSize\"\n      [virtualScrollOptions]=\"virtualScrollOptions\"\n      (showEvent)=\"onDropdownShow()\"\n      (clearEvent)=\"onDropdownClear()\"\n      (onFilter)=\"filterChange($event)\"\n      >\n    </p-select>\n  }\n  @if (floatLabel && !label) {\n    <p-floatLabel>\n      <p-select\n        class=\"w-100\"\n        appendTo=\"body\"\n        [formControl]=\"formControl\"\n        [title]=\"label\"\n        [options]=\"options\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [loading]=\"loading\"\n        [placeholder]=\"placeholder ? placeholder : label\"\n        [filter]=\"filter\"\n        [tooltip]=\"tooltip\"\n        [required]=\"isRequired()\"\n        [showClear]=\"formControl && clearable && !readonly\"\n        [editable]=\"editable\"\n        [dataKey]=\"optionValue\"\n        [virtualScroll]=\"lazy\"\n        [virtualScrollItemSize]=\"virtualOptionSize\"\n        [virtualScrollOptions]=\"virtualScrollOptions\"\n        (showEvent)=\"onDropdownShow()\"\n        (clearEvent)=\"onDropdownClear()\"\n        (onFilter)=\"filterChange($event)\"\n        (lazyLoad)=\"onLazyLoad($any($event))\"\n        >\n      </p-select>\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\n    </p-floatLabel>\n  }\n</div>", styles: [".v-dropdown{justify-content:center;width:100%}.p-dropdown-items-wrapper,.p-scroller-viewport,.p-scroller{min-width:8rem!important;overflow-x:hidden;overflow-y:auto}.p-dropdown{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1.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
+            }], loading: [{
+                type: Input
+            }], lazy: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], forceMinWidth: [{
+                type: Input
+            }], showFilter: [{
+                type: Input
+            }], localSearch: [{
+                type: Input
+            }], showed: [{
+                type: Output
+            }], cleared: [{
+                type: Output
+            }], lazyLoad: [{
+                type: Output
+            }], filtered: [{
+                type: Output
+            }] } });
+
+class MultiselectComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+        this.options = [];
+        this.editable = true;
+        this.loading = false;
+        this.lazy = false;
+        this.filter = true;
+        this.size = FieldSize.medium;
+        this.changed = new EventEmitter();
+        this.showed = new EventEmitter();
+        this.cleared = new EventEmitter();
+        this.lazyLoad = new EventEmitter();
+        this.filtered = new EventEmitter();
+        this.virtualOptionSize = 37.5;
+    }
+    ngOnChanges(changes) {
+        if (changes['lazy'] || changes['loading']) {
+            this.virtualScrollOptions = this.lazy
+                ? {
+                    showLoader: this.loading,
+                    lazy: true,
+                    onLazyLoad: this.onLazyLoad.bind(this),
+                }
+                : undefined;
+        }
+    }
+    onLazyLoad(event) {
+        this.lazyLoad.emit({
+            offset: event.first,
+            limit: event.last - event.first,
+        });
+    }
+    selectionChange(event) {
+        this.cleared.emit(event);
+    }
+    onDropdownShow() {
+        this.showed.emit();
+    }
+    onDropdownClear() {
+        this.cleared.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MultiselectComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: MultiselectComponent, isStandalone: true, selector: "v-multiselect", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", dropdownIcon: "dropdownIcon", floatLabel: "floatLabel", editable: "editable", loading: "loading", lazy: "lazy", filter: "filter", size: "size" }, outputs: { changed: "changed", showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, providers: [
+            {
+                provide: BaseInputControls,
+                useExisting: forwardRef(() => MultiselectComponent),
+                multi: true,
+            },
+            {
+                provide: MULTISELECT_COMPONENT_TOKEN,
+                useExisting: MultiselectComponent,
+            },
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-multiple-select\">\n  @if (label && !floatLabel) {\n    <v-form-field\n      class=\"w-100\"\n      [label]=\"label\"\n      [tooltip]=\"tooltip\"\n      [required]=\"isRequired()\"\n      [testId]=\"testId\"\n      [display]=\"formDisplay\"\n      >\n      <p-multiSelect\n        class=\"w-100\"\n        appendTo=\"body\"\n        [formControl]=\"formControl\"\n        [title]=\"label\"\n        display=\"chip\"\n        [options]=\"options\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [loading]=\"loading\"\n        [placeholder]=\"placeholder ? placeholder : label\"\n        [virtualScrollItemSize]=\"25\"\n        [lazy]=\"true\"\n        [tooltip]=\"tooltip\"\n        [required]=\"isRequired()\"\n        [showClear]=\"formControl && clearable && !readonly\"\n        [virtualScroll]=\"lazy\"\n        [virtualScrollItemSize]=\"virtualOptionSize\"\n        [virtualScrollOptions]=\"virtualScrollOptions\"\n        (showEvent)=\"onDropdownShow()\"\n        (clearEvent)=\"onDropdownClear()\"\n        (changeEvent)=\"selectionChange($event)\"\n        (lazyLoadEvent)=\"onLazyLoad($any($event))\"\n      ></p-multiSelect>\n    </v-form-field>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  }\n  @if (floatLabel) {\n    <p-floatLabel>\n      <p-multiSelect\n        class=\"w-100\"\n        appendTo=\"body\"\n        [formControl]=\"formControl\"\n        [title]=\"label\"\n        [options]=\"options\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [loading]=\"loading\"\n        [placeholder]=\"placeholder ? placeholder : label\"\n        [virtualScrollItemSize]=\"25\"\n        [lazy]=\"true\"\n        [tooltip]=\"tooltip\"\n        [required]=\"isRequired()\"\n        [inputId]=\"inputId\"\n        [showClear]=\"formControl && clearable && !readonly\"\n        [virtualScroll]=\"lazy\"\n        [virtualScrollItemSize]=\"virtualOptionSize\"\n        [virtualScrollOptions]=\"virtualScrollOptions\"\n        (showEvent)=\"onDropdownShow()\"\n        (clearEvent)=\"onDropdownClear()\"\n        (changeEvent)=\"selectionChange($event)\"\n        (lazyLoadEvent)=\"onLazyLoad($any($event))\"\n      ></p-multiSelect>\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\n    </p-floatLabel>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i2$2.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i3$4.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MultiselectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-multiselect', imports: [
+                        ReactiveFormsModule,
+                        FloatLabelModule,
+                        MultiSelectModule,
+                        ErrorComponent,
+                        FormFieldComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: BaseInputControls,
+                            useExisting: forwardRef(() => MultiselectComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: MULTISELECT_COMPONENT_TOKEN,
+                            useExisting: MultiselectComponent,
+                        },
+                    ], template: "<div class=\"v-multiple-select\">\n  @if (label && !floatLabel) {\n    <v-form-field\n      class=\"w-100\"\n      [label]=\"label\"\n      [tooltip]=\"tooltip\"\n      [required]=\"isRequired()\"\n      [testId]=\"testId\"\n      [display]=\"formDisplay\"\n      >\n      <p-multiSelect\n        class=\"w-100\"\n        appendTo=\"body\"\n        [formControl]=\"formControl\"\n        [title]=\"label\"\n        display=\"chip\"\n        [options]=\"options\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [loading]=\"loading\"\n        [placeholder]=\"placeholder ? placeholder : label\"\n        [virtualScrollItemSize]=\"25\"\n        [lazy]=\"true\"\n        [tooltip]=\"tooltip\"\n        [required]=\"isRequired()\"\n        [showClear]=\"formControl && clearable && !readonly\"\n        [virtualScroll]=\"lazy\"\n        [virtualScrollItemSize]=\"virtualOptionSize\"\n        [virtualScrollOptions]=\"virtualScrollOptions\"\n        (showEvent)=\"onDropdownShow()\"\n        (clearEvent)=\"onDropdownClear()\"\n        (changeEvent)=\"selectionChange($event)\"\n        (lazyLoadEvent)=\"onLazyLoad($any($event))\"\n      ></p-multiSelect>\n    </v-form-field>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  }\n  @if (floatLabel) {\n    <p-floatLabel>\n      <p-multiSelect\n        class=\"w-100\"\n        appendTo=\"body\"\n        [formControl]=\"formControl\"\n        [title]=\"label\"\n        [options]=\"options\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [loading]=\"loading\"\n        [placeholder]=\"placeholder ? placeholder : label\"\n        [virtualScrollItemSize]=\"25\"\n        [lazy]=\"true\"\n        [tooltip]=\"tooltip\"\n        [required]=\"isRequired()\"\n        [inputId]=\"inputId\"\n        [showClear]=\"formControl && clearable && !readonly\"\n        [virtualScroll]=\"lazy\"\n        [virtualScrollItemSize]=\"virtualOptionSize\"\n        [virtualScrollOptions]=\"virtualScrollOptions\"\n        (showEvent)=\"onDropdownShow()\"\n        (clearEvent)=\"onDropdownClear()\"\n        (changeEvent)=\"selectionChange($event)\"\n        (lazyLoadEvent)=\"onLazyLoad($any($event))\"\n      ></p-multiSelect>\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\n    </p-floatLabel>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.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
+            }], loading: [{
+                type: Input
+            }], lazy: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], changed: [{
+                type: Output
+            }], showed: [{
+                type: Output
+            }], cleared: [{
+                type: Output
+            }], lazyLoad: [{
+                type: Output
+            }], filtered: [{
+                type: Output
+            }] } });
+
+class GenericFieldComponent extends BaseFormInputComponent {
+    constructor() {
+        super(...arguments);
+        this.type = GenericFieldType.text;
+        this.size = FieldSize.medium;
+        this.loading = false;
+        this.lazy = false;
+        this.filter = true;
+        this.changed = new EventEmitter();
+        this.showed = new EventEmitter();
+        this.cleared = new EventEmitter();
+        this.lazyLoad = new EventEmitter();
+        this.filtered = new EventEmitter();
+        this.fieldTypes = GenericFieldType;
+        this.icons = Icons;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: GenericFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: GenericFieldComponent, isStandalone: true, selector: "v-generic-field", inputs: { type: "type", floatLabel: "floatLabel", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", size: "size", loading: "loading", lazy: "lazy", filter: "filter", datasource: "datasource", filterField: "filterField", showFilter: "showFilter", localSearch: "localSearch" }, outputs: { changed: "changed", showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, providers: [
+            {
+                provide: GENERIC_FIELD_COMPONENT_TOKEN,
+                useExisting: GenericFieldComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "@if (!type || type === fieldTypes.text) {\n<v-textfield\n  [label]=\"label\"\n  [floatLabel]=\"floatLabel === true\"\n  [size]=\"size\"\n  [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.dropdown && !datasource) {\n<v-dropdown\n  [label]=\"!floatLabel ? label : ''\"\n  [floatLabel]=\"floatLabel ? label : ''\"\n  [testId]=\"testId\"\n  [options]=\"options\"\n  [optionLabel]=\"optionLabel\"\n  [optionValue]=\"optionValue ?? optionLabel\"\n  [loading]=\"loading\"\n  [forceMinWidth]=\"true\"\n  [formControl]=\"formControl\"\n  [showFilter]=\"showFilter ?? false\"\n  [localSearch]=\"localSearch ?? false\"\n  (changeEvent)=\"changed.emit($event)\"\n  (clearEvent)=\"cleared.emit($event)\"\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n  (showEvent)=\"showed.emit($event)\"\n/> \n} @else if (type === fieldTypes.dropdown && datasource) {\n  <v-dropdown\n    useDatasource\n    [forceMinWidth]=\"true\"\n    [datasource]=\"datasource\"\n    [optionLabel]=\"optionLabel\"\n    [optionValue]=\"optionValue ?? optionLabel\"\n    [label]=\"!floatLabel ? label : ''\"\n    [floatLabel]=\"floatLabel ? label : ''\"\n    [testId]=\"testId\"\n    [loading]=\"loading\"\n    [formControl]=\"formControl\"\n    [showFilter]=\"showFilter ?? false\"\n    [filterField]=\"filterField ?? 'fulltext'\"\n    [localSearch]=\"localSearch ?? false\"\n    (changeEvent)=\"changed.emit($event)\"\n    (clearEvent)=\"cleared.emit($event)\"\n    (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n    (showEvent)=\"showed.emit($event)\"\n  />\n} @else if (type === fieldTypes.multiselect && !datasource) {\n<v-multiselect\n  [label]=\"!floatLabel ? label : ''\"\n  [floatLabel]=\"floatLabel ? label : ''\"\n  [testId]=\"testId\"\n  [options]=\"options\"\n  [optionLabel]=\"optionLabel\"\n  [optionValue]=\"optionValue ?? optionLabel\"\n  [loading]=\"loading\"\n  [formControl]=\"formControl\"\n  (changeEvent)=\"changed.emit($event)\"\n  (clearEvent)=\"cleared.emit($event)\"\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n  (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.multiselect && datasource) {\n<v-multiselect\n  useDatasource\n  [datasource]=\"datasource\"\n  [optionLabel]=\"optionLabel\"\n  [optionValue]=\"optionValue ?? optionLabel\"\n  [label]=\"!floatLabel ? label : ''\"\n  [floatLabel]=\"floatLabel ? label : ''\"\n  [testId]=\"testId\"\n  [loading]=\"loading\"\n  [formControl]=\"formControl\"\n  (changeEvent)=\"changed.emit($event)\"\n  (clearEvent)=\"cleared.emit($event)\"\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n  (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.checkbox) {\n<v-checkbox\n  [label]=\"label\"\n  [testId]=\"testId\"\n  [formControl]=\"formControl\"\n  [indeterminate]=\"true\"\n/>\n} @else if (type === fieldTypes.simplecheckbox) {\n<v-checkbox\n  [label]=\"label\"\n  [testId]=\"testId\"\n  [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.calendar) {\n<v-calendar\n  [label]=\"!floatLabel ? label : ''\"\n  [floatLabel]=\"floatLabel ? label : ''\"\n  [testId]=\"testId\"\n  [formControl]=\"formControl\"\n  [icon]=\"icons.calendar\"\n/>\n}\n", dependencies: [{ kind: "component", type: DropdownComponent, selector: "v-dropdown", inputs: ["options", "optionLabel", "optionValue", "dropdownIcon", "floatLabel", "editable", "loading", "lazy", "filter", "forceMinWidth", "showFilter", "localSearch"], outputs: ["showed", "cleared", "lazyLoad", "filtered"] }, { kind: "component", type: CalendarComponent, selector: "v-calendar", inputs: ["maxDate", "icon", "minDate", "header", "footer", "floatLabel", "selectionMode"] }, { kind: "component", type: MultiselectComponent, selector: "v-multiselect", inputs: ["options", "optionLabel", "optionValue", "dropdownIcon", "floatLabel", "editable", "loading", "lazy", "filter", "size"], outputs: ["changed", "showed", "cleared", "lazyLoad", "filtered"] }, { kind: "component", type: TextfieldComponent, selector: "v-textfield", inputs: ["size", "type", "floatLabel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CheckboxComponent, selector: "v-checkbox", inputs: ["indeterminate"] }, { 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: "20.2.1", ngImport: i0, type: GenericFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-generic-field', imports: [
+                        DropdownComponent,
+                        CalendarComponent,
+                        MultiselectComponent,
+                        TextfieldComponent,
+                        ReactiveFormsModule,
+                        CheckboxComponent,
+                        DatasourceDirective
+                    ], providers: [
+                        {
+                            provide: GENERIC_FIELD_COMPONENT_TOKEN,
+                            useExisting: GenericFieldComponent,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!type || type === fieldTypes.text) {\n<v-textfield\n  [label]=\"label\"\n  [floatLabel]=\"floatLabel === true\"\n  [size]=\"size\"\n  [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.dropdown && !datasource) {\n<v-dropdown\n  [label]=\"!floatLabel ? label : ''\"\n  [floatLabel]=\"floatLabel ? label : ''\"\n  [testId]=\"testId\"\n  [options]=\"options\"\n  [optionLabel]=\"optionLabel\"\n  [optionValue]=\"optionValue ?? optionLabel\"\n  [loading]=\"loading\"\n  [forceMinWidth]=\"true\"\n  [formControl]=\"formControl\"\n  [showFilter]=\"showFilter ?? false\"\n  [localSearch]=\"localSearch ?? false\"\n  (changeEvent)=\"changed.emit($event)\"\n  (clearEvent)=\"cleared.emit($event)\"\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n  (showEvent)=\"showed.emit($event)\"\n/> \n} @else if (type === fieldTypes.dropdown && datasource) {\n  <v-dropdown\n    useDatasource\n    [forceMinWidth]=\"true\"\n    [datasource]=\"datasource\"\n    [optionLabel]=\"optionLabel\"\n    [optionValue]=\"optionValue ?? optionLabel\"\n    [label]=\"!floatLabel ? label : ''\"\n    [floatLabel]=\"floatLabel ? label : ''\"\n    [testId]=\"testId\"\n    [loading]=\"loading\"\n    [formControl]=\"formControl\"\n    [showFilter]=\"showFilter ?? false\"\n    [filterField]=\"filterField ?? 'fulltext'\"\n    [localSearch]=\"localSearch ?? false\"\n    (changeEvent)=\"changed.emit($event)\"\n    (clearEvent)=\"cleared.emit($event)\"\n    (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n    (showEvent)=\"showed.emit($event)\"\n  />\n} @else if (type === fieldTypes.multiselect && !datasource) {\n<v-multiselect\n  [label]=\"!floatLabel ? label : ''\"\n  [floatLabel]=\"floatLabel ? label : ''\"\n  [testId]=\"testId\"\n  [options]=\"options\"\n  [optionLabel]=\"optionLabel\"\n  [optionValue]=\"optionValue ?? optionLabel\"\n  [loading]=\"loading\"\n  [formControl]=\"formControl\"\n  (changeEvent)=\"changed.emit($event)\"\n  (clearEvent)=\"cleared.emit($event)\"\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n  (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.multiselect && datasource) {\n<v-multiselect\n  useDatasource\n  [datasource]=\"datasource\"\n  [optionLabel]=\"optionLabel\"\n  [optionValue]=\"optionValue ?? optionLabel\"\n  [label]=\"!floatLabel ? label : ''\"\n  [floatLabel]=\"floatLabel ? label : ''\"\n  [testId]=\"testId\"\n  [loading]=\"loading\"\n  [formControl]=\"formControl\"\n  (changeEvent)=\"changed.emit($event)\"\n  (clearEvent)=\"cleared.emit($event)\"\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n  (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.checkbox) {\n<v-checkbox\n  [label]=\"label\"\n  [testId]=\"testId\"\n  [formControl]=\"formControl\"\n  [indeterminate]=\"true\"\n/>\n} @else if (type === fieldTypes.simplecheckbox) {\n<v-checkbox\n  [label]=\"label\"\n  [testId]=\"testId\"\n  [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.calendar) {\n<v-calendar\n  [label]=\"!floatLabel ? label : ''\"\n  [floatLabel]=\"floatLabel ? label : ''\"\n  [testId]=\"testId\"\n  [formControl]=\"formControl\"\n  [icon]=\"icons.calendar\"\n/>\n}\n" }]
+        }], 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) {
+            if ('value' in field) {
+                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 {
+    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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: GenericFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", 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: i2.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: GenericFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-generic-form', 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
+            }] } });
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class DynamicComponentFactoryService {
+    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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: DynamicComponentFactoryService, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: DynamicComponentFactoryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: DynamicComponentFactoryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }] });
+
+class DynamicComponent {
+    constructor() {
+        this.factoryServices = inject(DynamicComponentFactoryService);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: DynamicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: "20.2.1", 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 PageHeaderComponent extends PageHeaderCoreComponent {
+    constructor() {
+        super(...arguments);
+        this.icons = Icons;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: PageHeaderComponent, isStandalone: true, selector: "v-page-header", providers: [
+            { provide: PAGE_HEADER_COMPONENT_TOKEN, useExisting: PageHeaderComponent },
+        ], queries: [{ propertyName: "buttonGroup", first: true, predicate: ActionButtonGroupComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"v-page-header d-block d-md-flex px-3 w-100 gap-0 gap-md-4 align-items-center text-center text-md-start\"\n  >\n  @if (showBackButton) {\n    <v-button\n      size=\"small\"\n      [icon]=\"icons.arrowLeft\"\n      label=\"Back\"\n      [outlined]=\"true\"\n      (click)=\"locationBack()\"\n    ></v-button>\n  }\n  <div\n    class=\"align-items-center justify-content-center justify-content-md-start gap-2 w-100 d-flex\"\n    >\n    <h1 class=\"text-primary m-0\" [innerText]=\"title\"></h1>\n    @if (subtitle) {\n      <div\n        class=\"d-flex gap-2 align-items-center text-center text-md-start\"\n        >\n        <h1 class=\"text-default m-0\" [innerText]=\"'-'\"></h1>\n        <h1 class=\"text-default\" [innerText]=\"subtitle\"></h1>\n      </div>\n    }\n  </div>\n  <div\n    class=\"align-content-center page-header-action-buttons justify-content-center w-100\"\n    >\n    @if (buttonGroup) {\n      <div>\n        <ng-content [select]=\"buttonGroup\"></ng-content>\n      </div>\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PageHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-page-header', imports: [ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        { provide: PAGE_HEADER_COMPONENT_TOKEN, useExisting: PageHeaderComponent },
+                    ], template: "<div\n  class=\"v-page-header d-block d-md-flex px-3 w-100 gap-0 gap-md-4 align-items-center text-center text-md-start\"\n  >\n  @if (showBackButton) {\n    <v-button\n      size=\"small\"\n      [icon]=\"icons.arrowLeft\"\n      label=\"Back\"\n      [outlined]=\"true\"\n      (click)=\"locationBack()\"\n    ></v-button>\n  }\n  <div\n    class=\"align-items-center justify-content-center justify-content-md-start gap-2 w-100 d-flex\"\n    >\n    <h1 class=\"text-primary m-0\" [innerText]=\"title\"></h1>\n    @if (subtitle) {\n      <div\n        class=\"d-flex gap-2 align-items-center text-center text-md-start\"\n        >\n        <h1 class=\"text-default m-0\" [innerText]=\"'-'\"></h1>\n        <h1 class=\"text-default\" [innerText]=\"subtitle\"></h1>\n      </div>\n    }\n  </div>\n  <div\n    class=\"align-content-center page-header-action-buttons justify-content-center w-100\"\n    >\n    @if (buttonGroup) {\n      <div>\n        <ng-content [select]=\"buttonGroup\"></ng-content>\n      </div>\n    }\n  </div>\n</div>\n" }]
+        }], propDecorators: { buttonGroup: [{
+                type: ContentChild,
+                args: [ActionButtonGroupComponent]
+            }] } });
+
+class StepperComponent {
+    constructor() {
+        this.icons = Icons;
+        this.size = FieldSize.medium;
+        this.layout = LayoutType.horizontal;
+        this.activeIndex = 0;
+        this.activeIndexChange = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: StepperComponent, isStandalone: true, selector: "v-stepper", inputs: { items: "items", prefix: "prefix", label: "label", size: "size", layout: "layout", icon: "icon", activeIndex: "activeIndex", annotation: "annotation" }, outputs: { activeIndexChange: "activeIndexChange" }, providers: [
+            { provide: STEPPER_COMPONENT_TOKEN, useExisting: StepperComponent },
+        ], ngImport: i0, template: "<div class=\"v-stepper\">\n  <p-stepper>\n    <p-step-list>\n      @for(item of items; track item; let idx = $index) {\n        <p-step [value]=\"idx\">{{ item.header }}</p-step>\n      }\n    </p-step-list>\n    <p-step-panels>\n      @for(item of items; track item; let idx = $index) {\n        <p-step-panel [value]=\"idx\">\n          <ng-template pTemplate=\"content\" let-nextCallback=\"nextCallback\" let-prevCallback=\"prevCallback\"\n            let-index=\"index\">\n            @if (item.template && item.template.elementRef) {\n            <ng-template *ngTemplateOutlet=\"\n              item.template;\n              context: { item: item, index: index }\n            \" />\n            }\n            <div class=\"d-flex pt-4 justify-content-between\">\n              @if (index > 0) {\n                <v-button label=\"Back\" [icon]=\"icons.arrowLeft\" size=\"small\" [outlined]=\"true\"\n                  (click)=\"prevCallback.emit()\" />\n              }\n\n              @if (index < items.length - 1) {\n                <v-button label=\"Next\" size=\"small\" [icon]=\"icons.arrowRight\"\n                  iconPos=\"right\" (click)=\"nextCallback.emit()\" />\n              }\n            </div>\n          </ng-template>\n        </p-step-panel>\n      }\n    </p-step-panels>\n  </p-stepper>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: StepperModule }, { kind: "component", type: i2$9.Stepper, selector: "p-stepper", inputs: ["value", "linear", "transitionOptions"], outputs: ["valueChange"] }, { kind: "component", type: i2$9.StepList, selector: "p-step-list" }, { kind: "component", type: i2$9.StepPanels, selector: "p-step-panels" }, { kind: "component", type: i2$9.StepPanel, selector: "p-step-panel", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: i2$9.Step, selector: "p-step", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "directive", type: i1$6.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-stepper', imports: [CommonModule, ButtonComponent, StepperModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        { provide: STEPPER_COMPONENT_TOKEN, useExisting: StepperComponent },
+                    ], template: "<div class=\"v-stepper\">\n  <p-stepper>\n    <p-step-list>\n      @for(item of items; track item; let idx = $index) {\n        <p-step [value]=\"idx\">{{ item.header }}</p-step>\n      }\n    </p-step-list>\n    <p-step-panels>\n      @for(item of items; track item; let idx = $index) {\n        <p-step-panel [value]=\"idx\">\n          <ng-template pTemplate=\"content\" let-nextCallback=\"nextCallback\" let-prevCallback=\"prevCallback\"\n            let-index=\"index\">\n            @if (item.template && item.template.elementRef) {\n            <ng-template *ngTemplateOutlet=\"\n              item.template;\n              context: { item: item, index: index }\n            \" />\n            }\n            <div class=\"d-flex pt-4 justify-content-between\">\n              @if (index > 0) {\n                <v-button label=\"Back\" [icon]=\"icons.arrowLeft\" size=\"small\" [outlined]=\"true\"\n                  (click)=\"prevCallback.emit()\" />\n              }\n\n              @if (index < items.length - 1) {\n                <v-button label=\"Next\" size=\"small\" [icon]=\"icons.arrowRight\"\n                  iconPos=\"right\" (click)=\"nextCallback.emit()\" />\n              }\n            </div>\n          </ng-template>\n        </p-step-panel>\n      }\n    </p-step-panels>\n  </p-stepper>\n</div>" }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], layout: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], activeIndex: [{
+                type: Input
+            }], annotation: [{
+                type: Input
+            }], activeIndexChange: [{
+                type: Output
+            }] } });
+
+class SliderComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+        this.step = 1;
+        this.min = 0;
+        this.max = 100;
+        this.range = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SliderComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: SliderComponent, isStandalone: true, selector: "v-slider", inputs: { step: "step", min: "min", max: "max", range: "range" }, providers: [
+            {
+                provide: BaseInputControls,
+                useExisting: forwardRef(() => SliderComponent),
+            },
+            {
+                provide: SLIDER_COMPONENT_TOKEN,
+                useExisting: SliderComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-slider\">\n  <v-form-field\n    class=\"w-100\"\n    [label]=\"label\"\n    [tooltip]=\"tooltip\"\n    [required]=\"isRequired()\"\n    [testId]=\"testId\"\n  >\n    <p-slider\n      class=\"w-100\"\n      [formControl]=\"formControl\"\n      [step]=\"step\"\n      [range]=\"range\"\n      [min]=\"min\"\n      [max]=\"max\"\n    />\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </v-form-field>\n</div>", dependencies: [{ kind: "ngmodule", type: SliderModule }, { kind: "component", type: i2$a.Slider, selector: "p-slider", inputs: ["animate", "min", "max", "orientation", "step", "range", "styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "autofocus"], outputs: ["onChange", "onSlideEnd"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-slider', imports: [
+                        SliderModule,
+                        ReactiveFormsModule,
+                        FormFieldComponent,
+                        ErrorComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: BaseInputControls,
+                            useExisting: forwardRef(() => SliderComponent),
+                        },
+                        {
+                            provide: SLIDER_COMPONENT_TOKEN,
+                            useExisting: SliderComponent,
+                        },
+                    ], template: "<div class=\"v-slider\">\n  <v-form-field\n    class=\"w-100\"\n    [label]=\"label\"\n    [tooltip]=\"tooltip\"\n    [required]=\"isRequired()\"\n    [testId]=\"testId\"\n  >\n    <p-slider\n      class=\"w-100\"\n      [formControl]=\"formControl\"\n      [step]=\"step\"\n      [range]=\"range\"\n      [min]=\"min\"\n      [max]=\"max\"\n    />\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </v-form-field>\n</div>" }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { step: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], range: [{
+                type: Input
+            }] } });
+
+class ConfirmDialogComponent extends UnsubscribeComponent {
+    constructor(dialogService, cdr) {
+        super();
+        this.dialogService = dialogService;
+        this.cdr = cdr;
+        this.visible = false;
+        this.closable = false;
+    }
+    ngOnInit() {
+        this.dialogService.showEvent
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe((x) => {
+            this.data = x;
+            this.visible = true;
+            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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1$4.DialogService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: ConfirmDialogComponent, isStandalone: true, selector: "v-confirm-dialog", providers: [
+            {
+                provide: CONFIRM_DIALOG_COMPONENT_TOKEN,
+                useExisting: ConfirmDialogComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "@if (data) {\n  <div class=\"v-dialog d-flex justify-content-center\">\n    <p-dialog\n      [(visible)]=\"visible\"\n      [modal]=\"true\"\n      [closable]=\"closable\"\n      [style]=\"{ width: '25rem' }\"\n      >\n      <ng-template pTemplate=\"header\">\n        <div\n          class=\"v-dialog-header w-100 align-items-center d-flex justify-content-center\"\n          >\n          <h1 class=\"text-center me-3\">{{ data.title }}</h1>\n          <i class=\"{{ data.headerIcon }} text-{{ data.severity }}\"></i>\n        </div>\n      </ng-template>\n      <div class=\"v-dialog-content w-100 align-items-center text-center\">\n        @if (data.innerHTML) {\n          <div [innerHTML]=\"data.innerHTML\"></div>\n        } @else if (data.componentType) {\n          <v-dynamic-component\n            [componentType]=\"data.componentType\"\n            [data]=\"$any(data.data)\"\n          ></v-dynamic-component>\n        }\n      </div>\n      <ng-template pTemplate=\"footer\">\n        <div\n          class=\"v-dialog-footer d-flex justify-content-center w-100 gap-3\"\n        [ngClass]=\"{\n          'flex-row-reverse': data.buttonOrder === 'cancel-confirm'\n        }\"\n          >\n          <v-button\n            [label]=\"data.confirmButtonText ?? 'Yes'\"\n            [severity]=\"data.severity\"\n            (click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\n            />\n          @if (data.showCancelButton && data.severity !== 'success') {\n            <v-button\n              [label]=\"data.cancelButtonText ?? 'No'\"\n              [outlined]=\"true\"\n              [severity]=\"'secondary'\"\n              (click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n              />\n          }\n        </div>\n      </ng-template>\n    </p-dialog>\n  </div>\n}\n", styles: [".v-dialog-content *{line-height:1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$6.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i1$6.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: DynamicComponent, selector: "v-dynamic-component", inputs: ["componentType", "data"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-confirm-dialog', imports: [
+                        CommonModule,
+                        DialogModule,
+                        ButtonComponent,
+                        AvatarModule,
+                        DynamicComponent,
+                    ], providers: [
+                        {
+                            provide: CONFIRM_DIALOG_COMPONENT_TOKEN,
+                            useExisting: ConfirmDialogComponent,
+                        },
+                    ], template: "@if (data) {\n  <div class=\"v-dialog d-flex justify-content-center\">\n    <p-dialog\n      [(visible)]=\"visible\"\n      [modal]=\"true\"\n      [closable]=\"closable\"\n      [style]=\"{ width: '25rem' }\"\n      >\n      <ng-template pTemplate=\"header\">\n        <div\n          class=\"v-dialog-header w-100 align-items-center d-flex justify-content-center\"\n          >\n          <h1 class=\"text-center me-3\">{{ data.title }}</h1>\n          <i class=\"{{ data.headerIcon }} text-{{ data.severity }}\"></i>\n        </div>\n      </ng-template>\n      <div class=\"v-dialog-content w-100 align-items-center text-center\">\n        @if (data.innerHTML) {\n          <div [innerHTML]=\"data.innerHTML\"></div>\n        } @else if (data.componentType) {\n          <v-dynamic-component\n            [componentType]=\"data.componentType\"\n            [data]=\"$any(data.data)\"\n          ></v-dynamic-component>\n        }\n      </div>\n      <ng-template pTemplate=\"footer\">\n        <div\n          class=\"v-dialog-footer d-flex justify-content-center w-100 gap-3\"\n        [ngClass]=\"{\n          'flex-row-reverse': data.buttonOrder === 'cancel-confirm'\n        }\"\n          >\n          <v-button\n            [label]=\"data.confirmButtonText ?? 'Yes'\"\n            [severity]=\"data.severity\"\n            (click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\n            />\n          @if (data.showCancelButton && data.severity !== 'success') {\n            <v-button\n              [label]=\"data.cancelButtonText ?? 'No'\"\n              [outlined]=\"true\"\n              [severity]=\"'secondary'\"\n              (click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n              />\n          }\n        </div>\n      </ng-template>\n    </p-dialog>\n  </div>\n}\n", styles: [".v-dialog-content *{line-height:1.5rem}\n"] }]
+        }], ctorParameters: () => [{ type: i1$4.DialogService }, { type: i0.ChangeDetectorRef }] });
+
+class SwitchComponent extends BaseFormInputComponent {
+    constructor(ngControl) {
+        super(ngControl);
+        this.id = v4();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SwitchComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: SwitchComponent, isStandalone: true, selector: "v-switch", providers: [
+            {
+                provide: BaseInputControls,
+                useExisting: forwardRef(() => SwitchComponent),
+                multi: true,
+            },
+            {
+                provide: SWITCH_COMPONENT_TOKEN,
+                useExisting: SwitchComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-switch d-flex align-items-center\">\n  <v-form-field\n    class=\"w-100\"\n    [label]=\"label\"\n    [tooltip]=\"tooltip\"\n    [required]=\"isRequired()\"\n    [testId]=\"testId\"\n    [display]=\"formDisplay\"\n  >\n    <p-toggle-switch\n      [formControl]=\"formControl\"\n      [required]=\"isRequired()\"\n      [title]=\"label\"\n      [readonly]=\"readonly\"\n      [inputId]=\"id\"\n    /><v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </v-form-field>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-switch', imports: [
+                        ToggleSwitch,
+                        ReactiveFormsModule,
+                        FormFieldComponent,
+                        ErrorComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: BaseInputControls,
+                            useExisting: forwardRef(() => SwitchComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: SWITCH_COMPONENT_TOKEN,
+                            useExisting: SwitchComponent,
+                        },
+                    ], template: "<div class=\"v-switch d-flex align-items-center\">\n  <v-form-field\n    class=\"w-100\"\n    [label]=\"label\"\n    [tooltip]=\"tooltip\"\n    [required]=\"isRequired()\"\n    [testId]=\"testId\"\n    [display]=\"formDisplay\"\n  >\n    <p-toggle-switch\n      [formControl]=\"formControl\"\n      [required]=\"isRequired()\"\n      [title]=\"label\"\n      [readonly]=\"readonly\"\n      [inputId]=\"id\"\n    /><v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </v-form-field>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }] });
+
+class HttpErrorMessageInterceptor {
+    constructor(snackbarService) {
+        this.snackbarService = snackbarService;
+    }
+    intercept(req, next) {
+        return next.handle(req).pipe(catchError((errorResponse) => {
+            if (!errorResponse.ok) {
+                if (errorResponse.status === 403) {
+                    this.snackbarService.showError('Unauthorized request');
+                    console.error('Unauthorized request');
+                }
+                else {
+                    this.snackbarService.showError(errorResponse.message);
+                    console.error(errorResponse);
+                }
+            }
+            return throwError(() => errorResponse);
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: HttpErrorMessageInterceptor, deps: [{ token: SnackbarService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: HttpErrorMessageInterceptor }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: HttpErrorMessageInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: SnackbarService }] });
+
+class TabViewItemComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TabViewItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: TabViewItemComponent, isStandalone: true, selector: "v-tab-view-item", inputs: { title: "title", url: "url", icon: "icon", disabled: "disabled", content: "content" }, 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: "20.2.1", ngImport: i0, type: TabViewItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'v-tab-view-item',
+                    template: `<ng-template #contentTemplate>
+    <ng-content></ng-content>
+  </ng-template>`,
+                }]
+        }], propDecorators: { contentTemplate: [{
+                type: ViewChild,
+                args: ['contentTemplate', { static: true }]
+            }], title: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }] } });
+
+class TabViewComponent {
+    constructor() {
+        this.items = [];
+        this.useRouting = false;
+        this.activeIndex = 0;
+        this.activeIndexChange = new EventEmitter();
+        this.mergedItems = [];
+    }
+    ngAfterContentInit() {
+        this.mergedItems = [...this.items, ...this.children.toArray()];
+    }
+    activeItemChanged(item) {
+        let index;
+        if (typeof item === 'number') {
+            index = item;
+        }
+        else {
+            index = this.items.indexOf(item);
+        }
+        if (index != -1) {
+            this.activeIndexChange.emit(index);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TabViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: TabViewComponent, isStandalone: true, selector: "v-tab-view", inputs: { items: "items", useRouting: "useRouting", activeIndex: "activeIndex" }, outputs: { activeIndexChange: "activeIndexChange" }, providers: [
+            { provide: TAB_VIEW_COMPONENT_TOKEN, useExisting: TabViewComponent }
+        ], queries: [{ propertyName: "children", predicate: TabViewItemComponent }], ngImport: i0, template: "<div class=\"v-tab-view\">\n  @if (useRouting) {\n  <p-tabs [value]=\"activeIndex\">\n    <p-tablist>\n      @for(tab of mergedItems; track tab.url; let index = $index){\n      <p-tab [value]=\"index\" [routerLink]=\"tab.url\" (valueChange)=\"activeItemChanged(index)\">\n        @if (tab.icon) {\n        <i [class]=\"tab.icon\"></i>\n        }\n        <span>{{ tab.title }}</span>\n      </p-tab>\n      }\n    </p-tablist>\n  </p-tabs>\n  <router-outlet></router-outlet>\n  } @else {\n  <p-tabs [value]=\"activeIndex\">\n    <p-tablist>\n      @for (tab of mergedItems; track tab; let index = $index) {\n      <p-tab [value]=\"index\" (valueChange)=\"activeItemChanged(index)\">\n        @if (tab.icon) {\n        <i [class]=\"tab.icon\"></i>\n        }\n        <span>{{ tab.title }}</span>\n      </p-tab>\n      }\n    </p-tablist>\n    <p-tabpanels>\n      @for (tab of mergedItems; track tab; let index = $index) {\n      <p-tabpanel [value]=\"index\">\n        @if (tab.contentTemplate){\n        <ng-container *ngTemplateOutlet=\"tab.contentTemplate\"></ng-container>\n        } @else if (tab.content) {\n        {{ tab.content }}\n        }\n      </p-tabpanel>\n      }\n    </p-tabpanels>\n  </p-tabs>\n  }\n</div>", dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i1$8.Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: i1$8.TabPanels, selector: "p-tabpanels" }, { kind: "component", type: i1$8.TabPanel, selector: "p-tabpanel", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: i1$8.TabList, selector: "p-tablist" }, { kind: "component", type: i1$8.Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TabViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-tab-view', imports: [RouterOutlet, RouterLink, TabsModule, NgTemplateOutlet], providers: [
+                        { provide: TAB_VIEW_COMPONENT_TOKEN, useExisting: TabViewComponent }
+                    ], template: "<div class=\"v-tab-view\">\n  @if (useRouting) {\n  <p-tabs [value]=\"activeIndex\">\n    <p-tablist>\n      @for(tab of mergedItems; track tab.url; let index = $index){\n      <p-tab [value]=\"index\" [routerLink]=\"tab.url\" (valueChange)=\"activeItemChanged(index)\">\n        @if (tab.icon) {\n        <i [class]=\"tab.icon\"></i>\n        }\n        <span>{{ tab.title }}</span>\n      </p-tab>\n      }\n    </p-tablist>\n  </p-tabs>\n  <router-outlet></router-outlet>\n  } @else {\n  <p-tabs [value]=\"activeIndex\">\n    <p-tablist>\n      @for (tab of mergedItems; track tab; let index = $index) {\n      <p-tab [value]=\"index\" (valueChange)=\"activeItemChanged(index)\">\n        @if (tab.icon) {\n        <i [class]=\"tab.icon\"></i>\n        }\n        <span>{{ tab.title }}</span>\n      </p-tab>\n      }\n    </p-tablist>\n    <p-tabpanels>\n      @for (tab of mergedItems; track tab; let index = $index) {\n      <p-tabpanel [value]=\"index\">\n        @if (tab.contentTemplate){\n        <ng-container *ngTemplateOutlet=\"tab.contentTemplate\"></ng-container>\n        } @else if (tab.content) {\n        {{ tab.content }}\n        }\n      </p-tabpanel>\n      }\n    </p-tabpanels>\n  </p-tabs>\n  }\n</div>" }]
+        }], propDecorators: { children: [{
+                type: ContentChildren,
+                args: [TabViewItemComponent]
+            }], items: [{
+                type: Input
+            }], useRouting: [{
+                type: Input
+            }], activeIndex: [{
+                type: Input
+            }], activeIndexChange: [{
+                type: Output
+            }] } });
+
+class FilterFieldDirective {
+    constructor() {
+        this.type = GenericFieldType.text;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FilterFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", 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: "20.2.1", ngImport: i0, type: FilterFieldDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'v-filter-field',
+                }]
+        }], 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 {
+    constructor() {
+        super(...arguments);
+        this.fields = [];
+        this.filters = [];
+        this.fulltextFieldName = 'searchField';
+        this.showFulltext = true;
+        this.showFilters = true;
+        this.autoBind = true;
+        this.debounceTime = DEFAULT_DEBOUNCE_TIME;
+        this.icons = Icons;
+        this.searchField = {
+            name: this.fulltextFieldName,
+        };
+        this.inputFields$ = new BehaviorSubject([...this.fields ?? [], ...this.filters ?? []]);
+        this.FieldSize = FieldSize;
+        this.screenSizeService = inject(ScreenSizeService);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.dialogService = inject(DialogService);
+        this.formGroup = new FormGroup({});
+        this.filledFiltersCount$ = this.formGroup.valueChanges.pipe(startWith(this.formGroup), map(() => getFilledControlCount(this.formGroup).toString()));
+        this.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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", 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\">\n  @if (formGroup$ | async; as formGroup){\n  <form [formGroup]=\"formGroup\" class=\"d-flex align-items-center\">\n    @if (title) {\n    <div class=\"v-filter_title pe-4\">\n      <h2 class=\"text-white m-0\">{{ title }}</h2>\n    </div>\n    }\n    <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\n      @if (showFulltext){\n      <v-textfield\n        class=\"d-none d-lg-block\"\n        placeholder=\"Search\"\n        size=\"large\"\n        formControlName=\"searchField\"\n        type=\"search\"\n        [clearable]=\"true\"\n      >\n      </v-textfield>\n      }\n    </div>\n    @if (simpleFormFieldDefinitions$ | async; as declaration){\n       @if (showFilters)\n    {\n    <div class=\"v-filter_filters d-none d-sm-block me-2\">\n      <v-generic-form\n        [fields]=\"declaration\"\n        [formGroup]=\"formGroup\"\n      ></v-generic-form>\n      <v-button label=\"X\" class=\"mt-3\" (click)=\"clear()\" />\n    </div>\n  }\n    <div class=\"v-filter_action-buttons d-flex\">\n      @if (declaration.length && !showFilters) {\n      <v-button \n        class=\"me-4\"\n        [icon]=\"icons.filter\"\n        [label]=\"$any(filledFiltersCount$ | async)\"\n        (click)=\"openFilter()\"\n      />\n      } @if (!autoBind) {\n      <v-button\n        useShortCut\n        [shortCutFn]=\"submitValue.bind(this)\"\n        shortCutKey=\"Enter\"\n        class=\"text-white mx-2\"\n        [outlined]=\"true\"\n        size=\"small\"\n        label=\"Apply\"\n        (click)=\"submitValue()\"\n      ></v-button>\n      <v-button\n        useShortCut\n        [shortCutFn]=\"clear.bind(this)\"\n        shortCutKey=\"Escape\"\n        class=\"text-white\"\n        [outlined]=\"true\"\n        size=\"small\"\n        label=\"Clear\"\n        (click)=\"clear()\"\n      ></v-button>\n      } \n    </div>\n    }\n    <ng-content select=\"v-action-button-group\"></ng-content>\n  </form>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: TextfieldComponent, selector: "v-textfield", inputs: ["size", "type", "floatLabel"] }, { 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", "severity", "routerLink", "size", "queryParams"] }, { kind: "directive", type: ButtonShortCutDirective, selector: "v-button[useShortCut]", inputs: ["shortCutFn", "shortCutKey"], exportAs: ["useShortCut"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-filter', imports: [
+                        AsyncPipe,
+                        ReactiveFormsModule,
+                        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\">\n  @if (formGroup$ | async; as formGroup){\n  <form [formGroup]=\"formGroup\" class=\"d-flex align-items-center\">\n    @if (title) {\n    <div class=\"v-filter_title pe-4\">\n      <h2 class=\"text-white m-0\">{{ title }}</h2>\n    </div>\n    }\n    <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\n      @if (showFulltext){\n      <v-textfield\n        class=\"d-none d-lg-block\"\n        placeholder=\"Search\"\n        size=\"large\"\n        formControlName=\"searchField\"\n        type=\"search\"\n        [clearable]=\"true\"\n      >\n      </v-textfield>\n      }\n    </div>\n    @if (simpleFormFieldDefinitions$ | async; as declaration){\n       @if (showFilters)\n    {\n    <div class=\"v-filter_filters d-none d-sm-block me-2\">\n      <v-generic-form\n        [fields]=\"declaration\"\n        [formGroup]=\"formGroup\"\n      ></v-generic-form>\n      <v-button label=\"X\" class=\"mt-3\" (click)=\"clear()\" />\n    </div>\n  }\n    <div class=\"v-filter_action-buttons d-flex\">\n      @if (declaration.length && !showFilters) {\n      <v-button \n        class=\"me-4\"\n        [icon]=\"icons.filter\"\n        [label]=\"$any(filledFiltersCount$ | async)\"\n        (click)=\"openFilter()\"\n      />\n      } @if (!autoBind) {\n      <v-button\n        useShortCut\n        [shortCutFn]=\"submitValue.bind(this)\"\n        shortCutKey=\"Enter\"\n        class=\"text-white mx-2\"\n        [outlined]=\"true\"\n        size=\"small\"\n        label=\"Apply\"\n        (click)=\"submitValue()\"\n      ></v-button>\n      <v-button\n        useShortCut\n        [shortCutFn]=\"clear.bind(this)\"\n        shortCutKey=\"Escape\"\n        class=\"text-white\"\n        [outlined]=\"true\"\n        size=\"small\"\n        label=\"Clear\"\n        (click)=\"clear()\"\n      ></v-button>\n      } \n    </div>\n    }\n    <ng-content select=\"v-action-button-group\"></ng-content>\n  </form>\n  }\n</div>\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 FeatureListFilterFieldDirective extends FilterFieldDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FeatureListFilterFieldDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: FeatureListFilterFieldDirective, isStandalone: true, selector: "v-feature-list-filter-field", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", 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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FeatureListFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: FeatureListFilterPipe, isStandalone: true, name: "featureListColumn" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FeatureListFilterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'featureListColumn',
+                    standalone: true,
+                }]
+        }] });
+
+class FeatureListPageComponent {
+    constructor() {
+        this.activatedRoute = inject(ActivatedRoute);
+        this.config =
+            this.activatedRoute.snapshot.data[FEATURE_LIST_PAGE_CONFIG_PROPERTY];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FeatureListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: "20.2.1", ngImport: i0, type: FeatureListPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'v-feature-list-page',
+                    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: () => [] });
+
+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 {
+    constructor() {
+        this.autoBind = true;
+        this.maxVisibleActions = 2;
+        this.maxVisibleMobileActions = 0;
+        this.showExtendedFilter = false;
+        this.showDownload = false;
+        this.showDelete = false;
+        this.showAdd = false;
+        this.canDownload = true;
+        this.canDelete = true;
+        this.canAdd = true;
+        this.useRouterFilter = true;
+        this.fulltextFieldName = 'searchField';
+        this.showFulltext = true;
+        this.autoDeleteEnabled = true;
+        this.autoDownloadEnabled = true;
+        this.downloadFileName = 'export.csv';
+        this.disableCustomClicks = false;
+        this.maximumColumnLength = MAX_COLUMN_CHAR_COUNT;
+        this.addClick = new EventEmitter();
+        this.downloadClick = new EventEmitter();
+        this.deleteClick = new EventEmitter();
+        this.selectionChange = new EventEmitter();
+        this.icons = Icons;
+        this.httpClient = inject(HttpClient);
+        this.baseUrl = inject(BASE_URL_PATH);
+        this.cdRef = inject(ChangeDetectorRef);
+        this.dialogService = inject(DialogService);
+        this.selection = [];
+    }
+    set selectionMode(mode) {
+        this._selectionMode = mode;
+    }
+    get selectionMode() {
+        return this.canDelete
+            ? TableSelectionMode.single
+            : this._selectionMode;
+    }
+    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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FeatureListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", 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\">\n  <v-filter\n    #filter\n    [title]=\"title\"\n    [fields]=\"columns | featureListColumn\"\n    [filters]=\"filters\"\n    [fulltextFieldName]=\"fulltextFieldName\"\n    [showFulltext]=\"showFulltext\"\n    [showFilters]=\"showExtendedFilter\"\n  >\n    <v-action-button-group\n      [maxItems]=\"maxVisibleActions\"\n      [maxItemsMobile]=\"maxVisibleMobileActions\"\n    >\n      @if (showAdd) {\n      <v-action-button\n        [icon]=\"icons.add\"\n        label=\"Add\"\n        [disabled]=\"!canAdd\"\n        (click)=\"addClick.emit()\"\n      ></v-action-button>\n      } @if (showDelete){\n      <v-action-button\n        [icon]=\"icons.delete\"\n        label=\"Delete\"\n        [disabled]=\"!canDelete || !selection.length\"\n        (click)=\"startDeleteItems()\"\n      ></v-action-button>\n      } @if (showDownload){\n      <v-action-button\n        [icon]=\"icons.download\"\n        label=\"Download\"\n        [disabled]=\"!canDownload\"\n        (click)=\"startDownload()\"\n      ></v-action-button>\n      }\n    </v-action-button-group>\n  </v-filter>\n  <div class=\"feature-list__table-container full-height-container\">\n    <div class=\"full-height-container\">\n      <v-table\n        useDatasource\n        useFilter\n        [filterComponent]=\"filter\"\n        class=\"full-height-container\"\n        [selectionMode]=\"selectionMode\"\n        [tableName]=\"tableName\"\n        [autoBind]=\"true\"\n        [datasource]=\"datasource\"\n        [columns]=\"columns\"\n        [extraFilter]=\"extraFilter\"\n        [maximumColumnLength]=\"maximumColumnLength\"\n        [disableCustomClicks]=\"disableCustomClicks\"\n        (selectionChange)=\"selectItems($event)\"\n      >\n      </v-table>\n    </div>\n  </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"], dependencies: [{ kind: "component", type: TableComponent, selector: "v-table", inputs: ["data", "total", "filter", "loading", "scrollable", "pageSize", "currentPage", "showPaginator", "sortMultiple", "lazy", "selectionMode", "showPageSizePicker", "entityKey", "maximumColumnLength", "disableCustomClicks", "columns", "selection"], outputs: ["pageSizeChange", "selectionChange", "pageChange", "sortChange", "lazyLoad"] }, { 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: "20.2.1", ngImport: i0, type: FeatureListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-feature-list', imports: [
+                        TableComponent,
+                        TableDatasourceDirective,
+                        FilterComponent,
+                        TableFilterDirective,
+                        ActionButtonGroupComponent,
+                        ActionButtonComponent,
+                        FeatureListFilterPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"feature-list__container full-height-container\">\n  <v-filter\n    #filter\n    [title]=\"title\"\n    [fields]=\"columns | featureListColumn\"\n    [filters]=\"filters\"\n    [fulltextFieldName]=\"fulltextFieldName\"\n    [showFulltext]=\"showFulltext\"\n    [showFilters]=\"showExtendedFilter\"\n  >\n    <v-action-button-group\n      [maxItems]=\"maxVisibleActions\"\n      [maxItemsMobile]=\"maxVisibleMobileActions\"\n    >\n      @if (showAdd) {\n      <v-action-button\n        [icon]=\"icons.add\"\n        label=\"Add\"\n        [disabled]=\"!canAdd\"\n        (click)=\"addClick.emit()\"\n      ></v-action-button>\n      } @if (showDelete){\n      <v-action-button\n        [icon]=\"icons.delete\"\n        label=\"Delete\"\n        [disabled]=\"!canDelete || !selection.length\"\n        (click)=\"startDeleteItems()\"\n      ></v-action-button>\n      } @if (showDownload){\n      <v-action-button\n        [icon]=\"icons.download\"\n        label=\"Download\"\n        [disabled]=\"!canDownload\"\n        (click)=\"startDownload()\"\n      ></v-action-button>\n      }\n    </v-action-button-group>\n  </v-filter>\n  <div class=\"feature-list__table-container full-height-container\">\n    <div class=\"full-height-container\">\n      <v-table\n        useDatasource\n        useFilter\n        [filterComponent]=\"filter\"\n        class=\"full-height-container\"\n        [selectionMode]=\"selectionMode\"\n        [tableName]=\"tableName\"\n        [autoBind]=\"true\"\n        [datasource]=\"datasource\"\n        [columns]=\"columns\"\n        [extraFilter]=\"extraFilter\"\n        [maximumColumnLength]=\"maximumColumnLength\"\n        [disableCustomClicks]=\"disableCustomClicks\"\n        (selectionChange)=\"selectItems($event)\"\n      >\n      </v-table>\n    </div>\n  </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"] }]
+        }], propDecorators: { viewColumns: [{
+                type: ContentChildren,
+                args: [FEATURE_LIST_COLUMN_PROVIDER]
+            }], 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 {
+    constructor() {
+        super(...arguments);
+        this.filter = false;
+        this.type = GenericFieldType.text;
+    }
+    getDefinition() {
+        const definition = super.getDefinition();
+        definition.filter = this.filter;
+        definition.type = this.type;
+        definition.format = this.format;
+        return definition;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FeatureListColumnDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", 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: "20.2.1", 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
+            }] } });
+
+class TooltipComponent {
+    constructor() {
+        this.color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.position = input(undefined, ...(ngDevMode ? [{ debugName: "position" }] : []));
+        this.size = input(undefined, ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.tooltipText = input(undefined, ...(ngDevMode ? [{ debugName: "tooltipText" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.1", type: TooltipComponent, isStandalone: true, selector: "v-tooltip", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tooltipText: { classPropertyName: "tooltipText", publicName: "tooltipText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"d-inline-block v-tooltip\" [pTooltip]=\"tooltipText()\" [tooltipPosition]=\"position()\">\n    <ng-content></ng-content>\n</div>", dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "v-tooltip", imports: [
+                        TooltipModule,
+                    ], template: "<div class=\"d-inline-block v-tooltip\" [pTooltip]=\"tooltipText()\" [tooltipPosition]=\"position()\">\n    <ng-content></ng-content>\n</div>" }]
+        }] });
+
+class TagComponent {
+    constructor() {
+        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+        this.severity = input(ControlSeverity.primary, ...(ngDevMode ? [{ debugName: "severity" }] : []));
+        this.variant = input('bold', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+        this.size = input(FieldSize.medium, ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.primeSeverity = computed(() => {
+            const severity = this.severity();
+            if (!severity) {
+                return null;
+            }
+            switch (severity) {
+                case ControlSeverity.success:
+                    return 'success';
+                case ControlSeverity.info:
+                case ControlSeverity.help:
+                case ControlSeverity.primary:
+                case ControlSeverity.secondary:
+                case ControlSeverity.contrast:
+                    return 'info';
+                case ControlSeverity.warning:
+                    return 'warning';
+                case ControlSeverity.danger:
+                    return 'danger';
+                default:
+                    return null;
+            }
+        }, ...(ngDevMode ? [{ debugName: "primeSeverity" }] : []));
+        this.tagClasses = computed(() => {
+            const classes = ['v-primeng-tag'];
+            const severity = this.severity();
+            const variant = this.variant();
+            const size = this.size();
+            if (severity) {
+                classes.push(`v-primeng-tag--${severity}`);
+            }
+            if (variant === 'subtle') {
+                classes.push('v-primeng-tag--subtle');
+            }
+            if (size) {
+                classes.push(`v-primeng-tag--${size}`);
+            }
+            return classes.join(' ');
+        }, ...(ngDevMode ? [{ debugName: "tagClasses" }] : []));
+        this.rounded = computed(() => this.variant() === 'subtle', ...(ngDevMode ? [{ debugName: "rounded" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: TagComponent, isStandalone: true, selector: "v-tag", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: TAG_COMPONENT_TOKEN,
+                useExisting: TagComponent,
+            },
+        ], ngImport: i0, template: "<p-tag\n  [rounded]=\"rounded()\"\n  [severity]=\"primeSeverity()\"\n  [ngClass]=\"tagClasses()\"\n>\n  @if (label()) {\n    {{ label() | translate }}\n  } @else {\n    <ng-content></ng-content>\n  }\n</p-tag>\n\n", styles: [":host{display:inline-block}:host .p-tag{display:inline-flex;align-items:center;line-height:1}:host .p-tag.v-primeng-tag--small{font-size:.75rem;padding:.1rem .4rem}:host .p-tag.v-primeng-tag--medium{font-size:.875rem;padding:.15rem .5rem}:host .p-tag.v-primeng-tag--large{font-size:1rem;padding:.25rem .6rem}:host .p-tag.v-primeng-tag--xl{font-size:1.125rem;padding:.3rem .75rem}:host .p-tag.v-primeng-tag--subtle{filter:brightness(1.1) saturate(.5)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i2$b.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: TagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-tag', imports: [CommonModule, TagModule, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: TAG_COMPONENT_TOKEN,
+                            useExisting: TagComponent,
+                        },
+                    ], template: "<p-tag\n  [rounded]=\"rounded()\"\n  [severity]=\"primeSeverity()\"\n  [ngClass]=\"tagClasses()\"\n>\n  @if (label()) {\n    {{ label() | translate }}\n  } @else {\n    <ng-content></ng-content>\n  }\n</p-tag>\n\n", styles: [":host{display:inline-block}:host .p-tag{display:inline-flex;align-items:center;line-height:1}:host .p-tag.v-primeng-tag--small{font-size:.75rem;padding:.1rem .4rem}:host .p-tag.v-primeng-tag--medium{font-size:.875rem;padding:.15rem .5rem}:host .p-tag.v-primeng-tag--large{font-size:1rem;padding:.25rem .6rem}:host .p-tag.v-primeng-tag--xl{font-size:1.125rem;padding:.3rem .75rem}:host .p-tag.v-primeng-tag--subtle{filter:brightness(1.1) saturate(.5)}\n"] }]
+        }] });
+
+class IconComponent extends IconsComponent {
+    get primeIconClasses() {
+        return ['pi', `pi-${this.name()}`].join(' ');
+    }
+    get hostClasses() {
+        const classes = ['v-primeng-icon'];
+        const sizeClass = this.primeSizeClass;
+        const colorClass = this.primeColorClass;
+        const customClass = this.class() ?? '';
+        if (sizeClass) {
+            classes.push(sizeClass);
+        }
+        if (colorClass) {
+            classes.push(colorClass);
+        }
+        if (customClass) {
+            classes.push(customClass);
+        }
+        return classes.join(' ');
+    }
+    get primeSizeClass() {
+        switch (this.size()) {
+            case 'small':
+                return 'v-primeng-icon--small';
+            case 'medium':
+                return 'v-primeng-icon--medium';
+            case 'large':
+                return 'v-primeng-icon--large';
+            case 'xl':
+                return 'v-primeng-icon--xl';
+            default:
+                return '';
+        }
+    }
+    get primeColorClass() {
+        const color = this.mapSeverityToPrimeClass(this.severity());
+        return color ? `v-primeng-icon--${color}` : '';
+    }
+    mapSeverityToPrimeClass(severity) {
+        if (!severity) {
+            return undefined;
+        }
+        switch (severity) {
+            case ControlSeverity.success:
+                return 'success';
+            case ControlSeverity.danger:
+                return 'danger';
+            case ControlSeverity.warning:
+                return 'warning';
+            case ControlSeverity.info:
+                return 'info';
+            case ControlSeverity.secondary:
+                return 'secondary';
+            case ControlSeverity.help:
+            case ControlSeverity.primary:
+            case ControlSeverity.contrast:
+                return 'primary';
+            default:
+                return severity;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: IconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: IconComponent, isStandalone: true, selector: "v-icon", host: { properties: { "class": "hostClasses" } }, usesInheritance: true, ngImport: i0, template: "<i [class]=\"primeIconClasses\"></i>\n\n", styles: [":host{display:inline-flex;align-items:center}:host .pi{line-height:1}:host.v-primeng-icon--small .pi{font-size:.75rem}:host.v-primeng-icon--medium .pi{font-size:1rem}:host.v-primeng-icon--large .pi{font-size:1.5rem}:host.v-primeng-icon--xl .pi{font-size:2rem}:host.v-primeng-icon--primary .pi{color:var(--primary-color)}:host.v-primeng-icon--secondary .pi{color:var(--secondary-color)}:host.v-primeng-icon--success .pi{color:var(--success-color)}:host.v-primeng-icon--danger .pi{color:var(--error-color)}:host.v-primeng-icon--warning .pi{color:var(--details-color)}:host.v-primeng-icon--info .pi,:host.v-primeng-icon--help .pi,:host.v-primeng-icon--contrast .pi{color:var(--secondary-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'v-icon', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'hostClasses',
+                    }, template: "<i [class]=\"primeIconClasses\"></i>\n\n", styles: [":host{display:inline-flex;align-items:center}:host .pi{line-height:1}:host.v-primeng-icon--small .pi{font-size:.75rem}:host.v-primeng-icon--medium .pi{font-size:1rem}:host.v-primeng-icon--large .pi{font-size:1.5rem}:host.v-primeng-icon--xl .pi{font-size:2rem}:host.v-primeng-icon--primary .pi{color:var(--primary-color)}:host.v-primeng-icon--secondary .pi{color:var(--secondary-color)}:host.v-primeng-icon--success .pi{color:var(--success-color)}:host.v-primeng-icon--danger .pi{color:var(--error-color)}:host.v-primeng-icon--warning .pi{color:var(--details-color)}:host.v-primeng-icon--info .pi,:host.v-primeng-icon--help .pi,:host.v-primeng-icon--contrast .pi{color:var(--secondary-color)}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionButtonComponent, ActionButtonGroupComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, CheckboxComponent, ConfirmDialogComponent, DropdownButtonComponent, DropdownComponent, DynamicComponent, DynamicComponentFactoryService, FEATURE_LIST_COLUMN_PROVIDER, FEATURE_LIST_PAGE_CONFIG_PROPERTY, FeatureListColumnDirective, FeatureListComponent, FeatureListFilterFieldDirective, FeatureListFilterPipe, FilterComponent, FilterFieldDirective, FormFieldComponent, GenericFieldComponent, GenericFormComponent, HeaderComponent, HeaderProviderService, HttpErrorMessageInterceptor, IconComponent, Icons, InputGroupComponent, LoaderComponent, MultiselectComponent, NumberInputComponent, PageHeaderComponent, PasswordComponent, RadioButtonComponent, SectionComponent, SideMenuComponent, SideMenuModule, SliderComponent, SnackbarComponent, SnackbarService, StepperComponent, SwitchComponent, TabViewComponent, TabViewItemComponent, TableComponent, TagComponent, TextareaComponent, TextfieldComponent, TooltipComponent, addFeatureListPage, generateFormGroup, getColumnClass };
+//# sourceMappingURL=verisoft-ui-primeng.mjs.map