@verisoft/ui-primeng 18.6.0 → 18.8.0

package/fesm2022/verisoft-ui-primeng.mjs

@@ -120,7 +120,7 @@ class FormFieldComponent extends BaseFormInputComponent {
         this.icons = Icons;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: FormFieldComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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\">\r\n  <div [ngClass]=\"{ 'd-block d-md-flex': display === 'flex', 'd-lg-flex': display === 'block' }\">\r\n      <div class=\"col-12 col-md-4 d-flex align-items-center\">\r\n        <label\r\n          class=\"v-formfield-label d-flex align-items-center\"\r\n          [ngClass]=\"{\r\n            'pb-2': display === 'block',\r\n            'text-error': (errorProvider.mapError(ngControl?.errors ?? [])) && ngControl?.dirty, \r\n            'text-warning': (ngControl?.errors | warning) && ngControl?.dirty,\r\n            'text-default': !ngControl?.invalid && !ngControl?.dirty,\r\n            'text-secondary': !ngControl?.invalid && ngControl?.dirty\r\n          }\"\r\n        >{{ label }}<span *ngIf=\"label\">:</span>\r\n          <span *ngIf=\"required\" class=\"text-error ps-1\">*</span>\r\n        </label>\r\n        <i *ngIf=\"tooltip\"\r\n          [pTooltip]=\"tooltip\"\r\n          class=\"ps-2 text-default v-tooltip {{ icons.infoCircle }}\"\r\n        ></i>\r\n      </div>\r\n      <div \r\n        class=\"col-sm-12 col-md-8 col-lg-8\"\r\n      >\r\n        <div \r\n          class=\"v-form-field-content align-items-center w-100\"\r\n          [ngClass]=\"{ 'd-flex': display === 'flex', 'd-block': display === 'block', 'input-warning': ngControl?.errors | warning }\"\r\n        >\r\n          <ng-content></ng-content>\r\n        </div>\r\n      </div>\r\n      <div class=\"align-content-center\">\r\n        <ng-container>\r\n        </ng-container>\r\n      </div>\r\n  </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: WarningPipe, name: "warning" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MessageModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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 }}<span *ngIf=\"label\">:</span>\n          <span *ngIf=\"required\" class=\"text-error ps-1\">*</span>\n        </label>\n        <i *ngIf=\"tooltip\"\n          [pTooltip]=\"tooltip\"\n          class=\"ps-2 text-default v-tooltip {{ icons.infoCircle }}\"\n        ></i>\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: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: WarningPipe, name: "warning" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MessageModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
@@ -130,7 +130,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                         ReactiveFormsModule,
                         MessageModule,
                         TooltipModule,
-                    ], template: "<div class=\"v-form-field mt-3\" [attr.data-testId]=\"testId\">\r\n  <div [ngClass]=\"{ 'd-block d-md-flex': display === 'flex', 'd-lg-flex': display === 'block' }\">\r\n      <div class=\"col-12 col-md-4 d-flex align-items-center\">\r\n        <label\r\n          class=\"v-formfield-label d-flex align-items-center\"\r\n          [ngClass]=\"{\r\n            'pb-2': display === 'block',\r\n            'text-error': (errorProvider.mapError(ngControl?.errors ?? [])) && ngControl?.dirty, \r\n            'text-warning': (ngControl?.errors | warning) && ngControl?.dirty,\r\n            'text-default': !ngControl?.invalid && !ngControl?.dirty,\r\n            'text-secondary': !ngControl?.invalid && ngControl?.dirty\r\n          }\"\r\n        >{{ label }}<span *ngIf=\"label\">:</span>\r\n          <span *ngIf=\"required\" class=\"text-error ps-1\">*</span>\r\n        </label>\r\n        <i *ngIf=\"tooltip\"\r\n          [pTooltip]=\"tooltip\"\r\n          class=\"ps-2 text-default v-tooltip {{ icons.infoCircle }}\"\r\n        ></i>\r\n      </div>\r\n      <div \r\n        class=\"col-sm-12 col-md-8 col-lg-8\"\r\n      >\r\n        <div \r\n          class=\"v-form-field-content align-items-center w-100\"\r\n          [ngClass]=\"{ 'd-flex': display === 'flex', 'd-block': display === 'block', 'input-warning': ngControl?.errors | warning }\"\r\n        >\r\n          <ng-content></ng-content>\r\n        </div>\r\n      </div>\r\n      <div class=\"align-content-center\">\r\n        <ng-container>\r\n        </ng-container>\r\n      </div>\r\n  </div>\r\n</div>\r\n" }]
+                    ], 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 }}<span *ngIf=\"label\">:</span>\n          <span *ngIf=\"required\" class=\"text-error ps-1\">*</span>\n        </label>\n        <i *ngIf=\"tooltip\"\n          [pTooltip]=\"tooltip\"\n          class=\"ps-2 text-default v-tooltip {{ icons.infoCircle }}\"\n        ></i>\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
                 }, {
@@ -155,7 +155,7 @@ class InputGroupComponent extends BaseFormInputComponent {
                 provide: INPUT_GROUP_COMPONENT_TOKEN,
                 useExisting: InputGroupComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-input-group w-100\">\r\n  <v-form-field\r\n    [label]=\"label\"\r\n    [required]=\"required\"\r\n    [tooltip]=\"tooltip\"  >\r\n    <p-inputGroup>\r\n      <ng-container *ngFor=\"let item of items\">\r\n        <p-inputGroupAddon *ngIf=\"item.position === 'left'\">\r\n          <ng-container *ngIf=\"item.icon\">\r\n            <i [class]=\"item.icon\"></i>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"item.text\">\r\n            {{ item.text }}\r\n          </ng-container>\r\n        </p-inputGroupAddon>\r\n      </ng-container>\r\n      <input pInputText [formControl]=\"formControl\" class=\"w-100\" />\r\n      <ng-container *ngFor=\"let item of items\">\r\n        <p-inputGroupAddon *ngIf=\"item.position === 'right'\">\r\n          <ng-container *ngIf=\"item.icon\">\r\n            <i [class]=\"item.icon\"></i>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"item.text\">\r\n            {{ item.text }}\r\n          </ng-container>\r\n        </p-inputGroupAddon>\r\n      </ng-container>\r\n    </p-inputGroup>\r\n  </v-form-field>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i3$1.InputGroupAddon, selector: "p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputGroup", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant"] }, { 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 }); }
+        ], 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      <ng-container *ngFor=\"let item of items\">\n        <p-inputGroupAddon *ngIf=\"item.position === 'left'\">\n          <ng-container *ngIf=\"item.icon\">\n            <i [class]=\"item.icon\"></i>\n          </ng-container>\n          <ng-container *ngIf=\"item.text\">\n            {{ item.text }}\n          </ng-container>\n        </p-inputGroupAddon>\n      </ng-container>\n      <input pInputText [formControl]=\"formControl\" class=\"w-100\" />\n      <ng-container *ngFor=\"let item of items\">\n        <p-inputGroupAddon *ngIf=\"item.position === 'right'\">\n          <ng-container *ngIf=\"item.icon\">\n            <i [class]=\"item.icon\"></i>\n          </ng-container>\n          <ng-container *ngIf=\"item.text\">\n            {{ item.text }}\n          </ng-container>\n        </p-inputGroupAddon>\n      </ng-container>\n    </p-inputGroup>\n  </v-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i3$1.InputGroupAddon, selector: "p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputGroup", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant"] }, { 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: "18.2.8", ngImport: i0, type: InputGroupComponent, decorators: [{
             type: Component,
@@ -175,7 +175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: INPUT_GROUP_COMPONENT_TOKEN,
                             useExisting: InputGroupComponent,
                         },
-                    ], template: "<div class=\"v-input-group w-100\">\r\n  <v-form-field\r\n    [label]=\"label\"\r\n    [required]=\"required\"\r\n    [tooltip]=\"tooltip\"  >\r\n    <p-inputGroup>\r\n      <ng-container *ngFor=\"let item of items\">\r\n        <p-inputGroupAddon *ngIf=\"item.position === 'left'\">\r\n          <ng-container *ngIf=\"item.icon\">\r\n            <i [class]=\"item.icon\"></i>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"item.text\">\r\n            {{ item.text }}\r\n          </ng-container>\r\n        </p-inputGroupAddon>\r\n      </ng-container>\r\n      <input pInputText [formControl]=\"formControl\" class=\"w-100\" />\r\n      <ng-container *ngFor=\"let item of items\">\r\n        <p-inputGroupAddon *ngIf=\"item.position === 'right'\">\r\n          <ng-container *ngIf=\"item.icon\">\r\n            <i [class]=\"item.icon\"></i>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"item.text\">\r\n            {{ item.text }}\r\n          </ng-container>\r\n        </p-inputGroupAddon>\r\n      </ng-container>\r\n    </p-inputGroup>\r\n  </v-form-field>\r\n</div>\r\n" }]
+                    ], 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      <ng-container *ngFor=\"let item of items\">\n        <p-inputGroupAddon *ngIf=\"item.position === 'left'\">\n          <ng-container *ngIf=\"item.icon\">\n            <i [class]=\"item.icon\"></i>\n          </ng-container>\n          <ng-container *ngIf=\"item.text\">\n            {{ item.text }}\n          </ng-container>\n        </p-inputGroupAddon>\n      </ng-container>\n      <input pInputText [formControl]=\"formControl\" class=\"w-100\" />\n      <ng-container *ngFor=\"let item of items\">\n        <p-inputGroupAddon *ngIf=\"item.position === 'right'\">\n          <ng-container *ngIf=\"item.icon\">\n            <i [class]=\"item.icon\"></i>\n          </ng-container>\n          <ng-container *ngIf=\"item.text\">\n            {{ item.text }}\n          </ng-container>\n        </p-inputGroupAddon>\n      </ng-container>\n    </p-inputGroup>\n  </v-form-field>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -197,11 +197,11 @@ class ErrorComponent {
         return this.errorService.mapError(errors);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: ErrorComponent, isStandalone: true, selector: "v-validation-message", inputs: { ngControl: "ngControl", errorSlot: "errorSlot", messageSlot: "messageSlot", variant: "variant", severity: "severity" }, ngImport: i0, template: "\r\n<p-message\r\n    *ngIf=\"ngControl && ngControl.errors\" \r\n    [severity]=\"severity\"\r\n    text=\"{{ getErrorMessage(ngControl.errors) | async }}\">\r\n</p-message>\r\n", styles: [".p-message-content{color:#e60017}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i2$1.UIMessage, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: ErrorComponent, isStandalone: true, selector: "v-validation-message", inputs: { ngControl: "ngControl", errorSlot: "errorSlot", messageSlot: "messageSlot", variant: "variant", severity: "severity" }, ngImport: i0, template: "\n<p-message\n    *ngIf=\"ngControl && ngControl.errors\" \n    [severity]=\"severity\"\n    text=\"{{ getErrorMessage(ngControl.errors) | async }}\">\n</p-message>\n", styles: [".p-message-content{color:#e60017}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i2$1.UIMessage, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ErrorComponent, decorators: [{
             type: Component,
-            args: [{ selector: "v-validation-message", standalone: true, imports: [CommonModule, MessageModule], template: "\r\n<p-message\r\n    *ngIf=\"ngControl && ngControl.errors\" \r\n    [severity]=\"severity\"\r\n    text=\"{{ getErrorMessage(ngControl.errors) | async }}\">\r\n</p-message>\r\n", styles: [".p-message-content{color:#e60017}\n"] }]
+            args: [{ selector: "v-validation-message", standalone: true, imports: [CommonModule, MessageModule], template: "\n<p-message\n    *ngIf=\"ngControl && ngControl.errors\" \n    [severity]=\"severity\"\n    text=\"{{ getErrorMessage(ngControl.errors) | async }}\">\n</p-message>\n", styles: [".p-message-content{color:#e60017}\n"] }]
         }], propDecorators: { ngControl: [{
                 type: Input,
                 args: [{ required: true }]
@@ -233,7 +233,7 @@ class TextfieldComponent extends BaseFormInputComponent {
                 provide: TEXTFIELD_COMPONENT_TOKEN,
                 useExisting: TextfieldComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-text-field\">\r\n  <ng-container *ngIf=\"!floatLabel && label; else floatLabelInput\">\r\n    <v-form-field\r\n      class=\"w-100\"\r\n      [label]=\"label\"\r\n      [tooltip]=\"tooltip\"\r\n      [required]=\"isRequired()\"\r\n      [testId]=\"testId\"\r\n      [display]=\"formDisplay\"\r\n    >\r\n      <span\r\n        class=\"w-100 flex-grow-1\"\r\n        [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\r\n      >\r\n        <input\r\n          pInputText\r\n          [id]=\"inputId\"\r\n          [formControl]=\"formControl\"\r\n          [type]=\"type === 'search' ? 'text' : type\"\r\n          class=\"w-100 flex-grow-1 v-text-field\"\r\n          [required]=\"isRequired()\"\r\n          [readOnly]=\"readonly\"\r\n          [title]=\"label\"\r\n          [placeholder]=\"placeholder ? placeholder : ''\"\r\n          [ngClass]=\"{\r\n            'p-inputtext-sm': size === 'small',\r\n            'p-inputtext-lg': size === 'large'\r\n          }\"\r\n        />\r\n        <ng-container *ngIf=\"type === 'search'\">\r\n          <i\r\n            class=\"pi ms-2 v-text-field__icon\"\r\n            [ngStyle]=\"{\r\n              cursor: ngControl && ngControl.value ? 'pointer' : 'default'\r\n            }\"\r\n            [ngClass]=\"{\r\n              'pi-search': ngControl && !ngControl.value,\r\n              'pi-times': ngControl && ngControl.value,\r\n            }\"\r\n            (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\r\n          ></i>\r\n        </ng-container>\r\n      </span>\r\n    </v-form-field>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </ng-container>\r\n  <ng-template #floatLabelInput>\r\n    <span\r\n      class=\"w-100 flex-grow-1\"\r\n      [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\r\n    >\r\n      <p-floatLabel>\r\n        <input\r\n          pInputText\r\n          type=\"text\"\r\n          [id]=\"inputId\"\r\n          class=\"w-100 flex-grow-1\"\r\n          [required]=\"isRequired()\"\r\n          [formControl]=\"formControl\"\r\n          [placeholder]=\"placeholder ? placeholder : ''\"\r\n          [ngClass]=\"{\r\n            'p-inputtext-sm': size === 'small',\r\n            'p-inputtext-lg': size === 'large'\r\n          }\"\r\n        />\r\n        <label [for]=\"inputId\" class=\"v-text-field__label\">{{ label }}</label>\r\n      </p-floatLabel>\r\n      <ng-container *ngIf=\"type === 'search'\">\r\n        <i\r\n          class=\"pi ms-2 v-text-field__icon\"\r\n          [ngStyle]=\"{\r\n            cursor: ngControl && ngControl.value ? 'pointer' : 'default'\r\n          }\"\r\n          [ngClass]=\"{\r\n            'pi-search': ngControl && !ngControl.value,\r\n            'pi-times': ngControl && ngControl.value,\r\n          }\"\r\n          (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\r\n        ></i>\r\n      </ng-container>\r\n    </span>\r\n  </ng-template>\r\n</div>\r\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant"] }, { 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: i4$1.FloatLabel, selector: "p-floatLabel" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-text-field\">\n  <ng-container *ngIf=\"!floatLabel && label; else floatLabelInput\">\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        <ng-container *ngIf=\"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        </ng-container>\n      </span>\n    </v-form-field>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </ng-container>\n  <ng-template #floatLabelInput>\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      <ng-container *ngIf=\"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      </ng-container>\n    </span>\n  </ng-template>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant"] }, { 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: i4$1.FloatLabel, selector: "p-floatLabel" }, { 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: "18.2.8", ngImport: i0, type: TextfieldComponent, decorators: [{
             type: Component,
@@ -253,7 +253,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: TEXTFIELD_COMPONENT_TOKEN,
                             useExisting: TextfieldComponent,
                         },
-                    ], template: "<div class=\"v-text-field\">\r\n  <ng-container *ngIf=\"!floatLabel && label; else floatLabelInput\">\r\n    <v-form-field\r\n      class=\"w-100\"\r\n      [label]=\"label\"\r\n      [tooltip]=\"tooltip\"\r\n      [required]=\"isRequired()\"\r\n      [testId]=\"testId\"\r\n      [display]=\"formDisplay\"\r\n    >\r\n      <span\r\n        class=\"w-100 flex-grow-1\"\r\n        [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\r\n      >\r\n        <input\r\n          pInputText\r\n          [id]=\"inputId\"\r\n          [formControl]=\"formControl\"\r\n          [type]=\"type === 'search' ? 'text' : type\"\r\n          class=\"w-100 flex-grow-1 v-text-field\"\r\n          [required]=\"isRequired()\"\r\n          [readOnly]=\"readonly\"\r\n          [title]=\"label\"\r\n          [placeholder]=\"placeholder ? placeholder : ''\"\r\n          [ngClass]=\"{\r\n            'p-inputtext-sm': size === 'small',\r\n            'p-inputtext-lg': size === 'large'\r\n          }\"\r\n        />\r\n        <ng-container *ngIf=\"type === 'search'\">\r\n          <i\r\n            class=\"pi ms-2 v-text-field__icon\"\r\n            [ngStyle]=\"{\r\n              cursor: ngControl && ngControl.value ? 'pointer' : 'default'\r\n            }\"\r\n            [ngClass]=\"{\r\n              'pi-search': ngControl && !ngControl.value,\r\n              'pi-times': ngControl && ngControl.value,\r\n            }\"\r\n            (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\r\n          ></i>\r\n        </ng-container>\r\n      </span>\r\n    </v-form-field>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </ng-container>\r\n  <ng-template #floatLabelInput>\r\n    <span\r\n      class=\"w-100 flex-grow-1\"\r\n      [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\r\n    >\r\n      <p-floatLabel>\r\n        <input\r\n          pInputText\r\n          type=\"text\"\r\n          [id]=\"inputId\"\r\n          class=\"w-100 flex-grow-1\"\r\n          [required]=\"isRequired()\"\r\n          [formControl]=\"formControl\"\r\n          [placeholder]=\"placeholder ? placeholder : ''\"\r\n          [ngClass]=\"{\r\n            'p-inputtext-sm': size === 'small',\r\n            'p-inputtext-lg': size === 'large'\r\n          }\"\r\n        />\r\n        <label [for]=\"inputId\" class=\"v-text-field__label\">{{ label }}</label>\r\n      </p-floatLabel>\r\n      <ng-container *ngIf=\"type === 'search'\">\r\n        <i\r\n          class=\"pi ms-2 v-text-field__icon\"\r\n          [ngStyle]=\"{\r\n            cursor: ngControl && ngControl.value ? 'pointer' : 'default'\r\n          }\"\r\n          [ngClass]=\"{\r\n            'pi-search': ngControl && !ngControl.value,\r\n            'pi-times': ngControl && ngControl.value,\r\n          }\"\r\n          (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\r\n        ></i>\r\n      </ng-container>\r\n    </span>\r\n  </ng-template>\r\n</div>\r\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"] }]
+                    ], template: "<div class=\"v-text-field\">\n  <ng-container *ngIf=\"!floatLabel && label; else floatLabelInput\">\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        <ng-container *ngIf=\"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        </ng-container>\n      </span>\n    </v-form-field>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </ng-container>\n  <ng-template #floatLabelInput>\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      <ng-container *ngIf=\"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      </ng-container>\n    </span>\n  </ng-template>\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
                 }, {
@@ -288,7 +288,7 @@ class BreadcrumbComponent extends BreadcrumbCoreComponent {
                 provide: BREADCRUMB_COMPONENT_TOKEN,
                 useExisting: BreadcrumbComponent
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-breadcrumb card flex justify-content-center\">\r\n  <ng-container *ngIf=\"useHomeRoute; else default\">\r\n    <p-breadcrumb\r\n      class=\"max-w-full\"\r\n      [model]=\"items | menuItem\"\r\n      [home]=\"home\"\r\n    ></p-breadcrumb>\r\n  </ng-container>\r\n  <ng-template #default>\r\n    <p-breadcrumb class=\"max-w-full\" [model]=\"items | menuItem\"></p-breadcrumb>\r\n  </ng-template>\r\n</div>\r\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: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: BreadcrumbModule }, { kind: "component", type: i2$2.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "pipe", type: ConvertMenuItemPipe, name: "menuItem" }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-breadcrumb card flex justify-content-center\">\n  <ng-container *ngIf=\"useHomeRoute; else default\">\n    <p-breadcrumb\n      class=\"max-w-full\"\n      [model]=\"items | menuItem\"\n      [home]=\"home\"\n    ></p-breadcrumb>\n  </ng-container>\n  <ng-template #default>\n    <p-breadcrumb class=\"max-w-full\" [model]=\"items | menuItem\"></p-breadcrumb>\n  </ng-template>\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: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: BreadcrumbModule }, { kind: "component", type: i2$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: "18.2.8", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
@@ -301,7 +301,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: BREADCRUMB_COMPONENT_TOKEN,
                             useExisting: BreadcrumbComponent
                         },
-                    ], template: "<div class=\"v-breadcrumb card flex justify-content-center\">\r\n  <ng-container *ngIf=\"useHomeRoute; else default\">\r\n    <p-breadcrumb\r\n      class=\"max-w-full\"\r\n      [model]=\"items | menuItem\"\r\n      [home]=\"home\"\r\n    ></p-breadcrumb>\r\n  </ng-container>\r\n  <ng-template #default>\r\n    <p-breadcrumb class=\"max-w-full\" [model]=\"items | menuItem\"></p-breadcrumb>\r\n  </ng-template>\r\n</div>\r\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"] }]
+                    ], template: "<div class=\"v-breadcrumb card flex justify-content-center\">\n  <ng-container *ngIf=\"useHomeRoute; else default\">\n    <p-breadcrumb\n      class=\"max-w-full\"\n      [model]=\"items | menuItem\"\n      [home]=\"home\"\n    ></p-breadcrumb>\n  </ng-container>\n  <ng-template #default>\n    <p-breadcrumb class=\"max-w-full\" [model]=\"items | menuItem\"></p-breadcrumb>\n  </ng-template>\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 {
@@ -319,7 +319,7 @@ class CheckboxComponent extends BaseFormInputComponent {
                 provide: CHECKBOX_COMPONENT_TOKEN,
                 useExisting: CheckboxComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-checkbox d-flex align-items-center mt-2\">\r\n  <v-form-field\r\n    class=\"w-100\"\r\n    [label]=\"label\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"isRequired()\"\r\n    [testId]=\"testId\"\r\n    [display]=\"formDisplay\"\r\n  >\r\n    <p-checkbox\r\n      [ngClass]=\"{ 'checkbox-error': ngControl?.invalid && ngControl?.dirty && ngControl?.value === false }\"\r\n      [formControl]=\"formControl\"\r\n      [required]=\"required\"\r\n      [binary]=\"true\"\r\n      [readonly]=\"readonly\"\r\n    />\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </v-form-field>\r\n</div>\r\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", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], 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 }); }
+        ], 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    />\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", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], 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: "18.2.8", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
@@ -332,7 +332,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: CHECKBOX_COMPONENT_TOKEN,
                             useExisting: CheckboxComponent,
                         },
-                    ], template: "<div class=\"v-checkbox d-flex align-items-center mt-2\">\r\n  <v-form-field\r\n    class=\"w-100\"\r\n    [label]=\"label\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"isRequired()\"\r\n    [testId]=\"testId\"\r\n    [display]=\"formDisplay\"\r\n  >\r\n    <p-checkbox\r\n      [ngClass]=\"{ 'checkbox-error': ngControl?.invalid && ngControl?.dirty && ngControl?.value === false }\"\r\n      [formControl]=\"formControl\"\r\n      [required]=\"required\"\r\n      [binary]=\"true\"\r\n      [readonly]=\"readonly\"\r\n    />\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </v-form-field>\r\n</div>\r\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"] }]
+                    ], 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    />\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
                 }, {
@@ -354,7 +354,7 @@ class TristatecheckboxComponent extends BaseFormInputComponent {
                 provide: TRISTATE_CHECKBOX_COMPONENT_TOKEN,
                 useExisting: TristatecheckboxComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-tristatecheckbox d-flex align-items-center mt-2\">\r\n  <v-form-field\r\n    class=\"w-100\"\r\n    [label]=\"label\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"isRequired()\"\r\n    [testId]=\"testId\"\r\n    [display]=\"formDisplay\"\r\n  >\r\n    <p-triStateCheckbox\r\n      [ngClass]=\"{\r\n        'tristate-error':\r\n          ngControl?.invalid && ngControl?.dirty && ngControl?.value === false\r\n      }\"\r\n      [formControl]=\"formControl\"\r\n      [required]=\"required\"\r\n      [readonly]=\"readonly\"\r\n      [inputId]=\"testId\"\r\n      [checkboxFalseIcon]=\"icons.minus\"\r\n    />\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </v-form-field>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TriStateCheckboxModule }, { kind: "component", type: i3$3.TriStateCheckbox, selector: "p-triStateCheckbox", inputs: ["disabled", "name", "ariaLabel", "ariaLabelledBy", "variant", "tabindex", "inputId", "style", "styleClass", "label", "readonly", "checkboxTrueIcon", "checkboxFalseIcon", "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"] }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-tristatecheckbox 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-triStateCheckbox\n      [ngClass]=\"{\n        'tristate-error':\n          ngControl?.invalid && ngControl?.dirty && ngControl?.value === false\n      }\"\n      [formControl]=\"formControl\"\n      [required]=\"required\"\n      [readonly]=\"readonly\"\n      [inputId]=\"testId\"\n      [checkboxFalseIcon]=\"icons.minus\"\n    />\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </v-form-field>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TriStateCheckboxModule }, { kind: "component", type: i3$3.TriStateCheckbox, selector: "p-triStateCheckbox", inputs: ["disabled", "name", "ariaLabel", "ariaLabelledBy", "variant", "tabindex", "inputId", "style", "styleClass", "label", "readonly", "checkboxTrueIcon", "checkboxFalseIcon", "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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TristatecheckboxComponent, decorators: [{
             type: Component,
@@ -373,7 +373,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: TRISTATE_CHECKBOX_COMPONENT_TOKEN,
                             useExisting: TristatecheckboxComponent,
                         },
-                    ], template: "<div class=\"v-tristatecheckbox d-flex align-items-center mt-2\">\r\n  <v-form-field\r\n    class=\"w-100\"\r\n    [label]=\"label\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"isRequired()\"\r\n    [testId]=\"testId\"\r\n    [display]=\"formDisplay\"\r\n  >\r\n    <p-triStateCheckbox\r\n      [ngClass]=\"{\r\n        'tristate-error':\r\n          ngControl?.invalid && ngControl?.dirty && ngControl?.value === false\r\n      }\"\r\n      [formControl]=\"formControl\"\r\n      [required]=\"required\"\r\n      [readonly]=\"readonly\"\r\n      [inputId]=\"testId\"\r\n      [checkboxFalseIcon]=\"icons.minus\"\r\n    />\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </v-form-field>\r\n</div>\r\n" }]
+                    ], template: "<div class=\"v-tristatecheckbox 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-triStateCheckbox\n      [ngClass]=\"{\n        'tristate-error':\n          ngControl?.invalid && ngControl?.dirty && ngControl?.value === false\n      }\"\n      [formControl]=\"formControl\"\n      [required]=\"required\"\n      [readonly]=\"readonly\"\n      [inputId]=\"testId\"\n      [checkboxFalseIcon]=\"icons.minus\"\n    />\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </v-form-field>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -398,7 +398,7 @@ class CalendarComponent extends BaseFormInputComponent {
                 provide: CALENDAR_COMPONENT_TOKEN,
                 useExisting: CalendarComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-calendar w-100\">\r\n  <ng-container *ngIf=\"label && !floatLabel\">\r\n    <v-form-field\r\n      class=\"w-100\"\r\n      [label]=\"label\"\r\n      [tooltip]=\"tooltip\"\r\n      [required]=\"isRequired()\"\r\n      [display]=\"formDisplay\"\r\n    >\r\n      <p-calendar\r\n        appendTo=\"body\"\r\n        [style]=\"{'width':'100%'}\"\r\n        [inputStyle]=\"{'width':'100%'}\" \r\n        [formControl]=\"formControl\"\r\n        [showClear]=\"clearable\"\r\n        [dataType]=\"'string'\"\r\n        [selectionMode]=\"selectionMode\"\r\n        [icon]=\"icon\"\r\n        [maxDate]=\"maxDate\"\r\n        [id]=\"inputId\"\r\n        [showButtonBar]=\"true\"\r\n        [placeholder]=\"placeholder\"\r\n        [required]=\"isRequired()\"\r\n        [minDate]=\"minDate\"\r\n        [showIcon]=\"formControl && !formControl.value\"\r\n        iconDisplay=\"input\"\r\n      />\r\n    </v-form-field>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"floatLabel\">\r\n    <p-floatLabel>\r\n      <p-calendar\r\n        appendTo=\"body\"\r\n        [style]=\"{'width':'100%'}\"\r\n        [inputStyle]=\"{'width':'100%'}\" \r\n        [formControl]=\"formControl\"\r\n        [showClear]=\"clearable\"\r\n        [maxDate]=\"maxDate\"\r\n        [id]=\"inputId\"\r\n        [icon]=\"icon\"\r\n        [selectionMode]=\"selectionMode\"\r\n        [showButtonBar]=\"true\"\r\n        [placeholder]=\"placeholder\"\r\n        [required]=\"isRequired()\"\r\n        [minDate]=\"minDate\"\r\n        iconDisplay=\"input\"\r\n      />\r\n      <label [for]=\"inputId\" [innerHTML]=\"floatLabel\"></label>\r\n    </p-floatLabel>\r\n  </ng-container>\r\n</div>\r\n\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: CalendarModule }, { kind: "component", type: i3$4.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], 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: i4$1.FloatLabel, selector: "p-floatLabel" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-calendar w-100\">\n  <ng-container *ngIf=\"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-calendar\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  </ng-container>\n  <ng-container *ngIf=\"floatLabel\">\n    <p-floatLabel>\n      <p-calendar\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  </ng-container>\n</div>\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: CalendarModule }, { kind: "component", type: i3$4.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], 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: i4$1.FloatLabel, selector: "p-floatLabel" }, { 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: "18.2.8", ngImport: i0, type: CalendarComponent, decorators: [{
             type: Component,
@@ -418,7 +418,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: CALENDAR_COMPONENT_TOKEN,
                             useExisting: CalendarComponent,
                         },
-                    ], template: "<div class=\"v-calendar w-100\">\r\n  <ng-container *ngIf=\"label && !floatLabel\">\r\n    <v-form-field\r\n      class=\"w-100\"\r\n      [label]=\"label\"\r\n      [tooltip]=\"tooltip\"\r\n      [required]=\"isRequired()\"\r\n      [display]=\"formDisplay\"\r\n    >\r\n      <p-calendar\r\n        appendTo=\"body\"\r\n        [style]=\"{'width':'100%'}\"\r\n        [inputStyle]=\"{'width':'100%'}\" \r\n        [formControl]=\"formControl\"\r\n        [showClear]=\"clearable\"\r\n        [dataType]=\"'string'\"\r\n        [selectionMode]=\"selectionMode\"\r\n        [icon]=\"icon\"\r\n        [maxDate]=\"maxDate\"\r\n        [id]=\"inputId\"\r\n        [showButtonBar]=\"true\"\r\n        [placeholder]=\"placeholder\"\r\n        [required]=\"isRequired()\"\r\n        [minDate]=\"minDate\"\r\n        [showIcon]=\"formControl && !formControl.value\"\r\n        iconDisplay=\"input\"\r\n      />\r\n    </v-form-field>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"floatLabel\">\r\n    <p-floatLabel>\r\n      <p-calendar\r\n        appendTo=\"body\"\r\n        [style]=\"{'width':'100%'}\"\r\n        [inputStyle]=\"{'width':'100%'}\" \r\n        [formControl]=\"formControl\"\r\n        [showClear]=\"clearable\"\r\n        [maxDate]=\"maxDate\"\r\n        [id]=\"inputId\"\r\n        [icon]=\"icon\"\r\n        [selectionMode]=\"selectionMode\"\r\n        [showButtonBar]=\"true\"\r\n        [placeholder]=\"placeholder\"\r\n        [required]=\"isRequired()\"\r\n        [minDate]=\"minDate\"\r\n        iconDisplay=\"input\"\r\n      />\r\n      <label [for]=\"inputId\" [innerHTML]=\"floatLabel\"></label>\r\n    </p-floatLabel>\r\n  </ng-container>\r\n</div>\r\n\r\n" }]
+                    ], template: "<div class=\"v-calendar w-100\">\n  <ng-container *ngIf=\"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-calendar\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  </ng-container>\n  <ng-container *ngIf=\"floatLabel\">\n    <p-floatLabel>\n      <p-calendar\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  </ng-container>\n</div>\n\n" }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -456,7 +456,7 @@ class PasswordComponent extends BaseFormInputComponent {
                 provide: PASSWORD_COMPONENT_TOKEN,
                 useExisting: PasswordComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-password d-flex align-items-center\">\r\n  <v-form-field\r\n    class=\"w-100\"\r\n    [label]=\"label\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"isRequired()\"\r\n    [testId]=\"testId\"\r\n    [display]=\"formDisplay\"\r\n  >\r\n    <p-password\r\n      [style]=\"{'width':'100%'}\"\r\n      [inputStyle]=\"{'width':'100%'}\" \r\n      [formControl]=\"formControl\"\r\n      [placeholder]=\"placeholder\"\r\n      [showClear]=\"clearable\"\r\n      [feedback]=\"feedback\"\r\n      [required]=\"isRequired()\"\r\n      [label]=\"label\"\r\n      [id]=\"inputId\"\r\n      [toggleMask]=\"toggleMask\"\r\n    />\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </v-form-field>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], 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 }); }
+        ], 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: CommonModule }, { 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", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], 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: "18.2.8", ngImport: i0, type: PasswordComponent, decorators: [{
             type: Component,
@@ -476,7 +476,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: PASSWORD_COMPONENT_TOKEN,
                             useExisting: PasswordComponent,
                         },
-                    ], template: "<div class=\"v-password d-flex align-items-center\">\r\n  <v-form-field\r\n    class=\"w-100\"\r\n    [label]=\"label\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"isRequired()\"\r\n    [testId]=\"testId\"\r\n    [display]=\"formDisplay\"\r\n  >\r\n    <p-password\r\n      [style]=\"{'width':'100%'}\"\r\n      [inputStyle]=\"{'width':'100%'}\" \r\n      [formControl]=\"formControl\"\r\n      [placeholder]=\"placeholder\"\r\n      [showClear]=\"clearable\"\r\n      [feedback]=\"feedback\"\r\n      [required]=\"isRequired()\"\r\n      [label]=\"label\"\r\n      [id]=\"inputId\"\r\n      [toggleMask]=\"toggleMask\"\r\n    />\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </v-form-field>\r\n</div>\r\n" }]
+                    ], 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
                 }, {
@@ -503,7 +503,7 @@ class ButtonComponent {
                 provide: BUTTON_COMPONENT_TOKEN,
                 useExisting: ButtonComponent,
             },
-        ], ngImport: i0, template: "<div class=\"v-button d-inline-block\" \r\n(click)=\"fireClick($event)\">\r\n  <a\r\n    [routerLink]=\"routerLink ? routerLink : undefined\"\r\n    [queryParams]=\"queryParams ? queryParams : undefined\"\r\n  >\r\n    <p-button\r\n      [disabled]=\"disabled\"\r\n      [icon]=\"icon\"\r\n      [badge]=\"badge\"\r\n      [outlined]=\"outlined\"\r\n      [rounded]=\"rounded\"\r\n      [raised]=\"raised\"\r\n      [label]=\"label\"\r\n      [size]=\"$any(size)\"\r\n      [severity]=\"severity\"\r\n      [iconPos]=\"iconPos\"\r\n    />\r\n  </a>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RippleModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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\"\n      [iconPos]=\"iconPos\"\n    />\n  </a>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RippleModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
@@ -512,7 +512,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: BUTTON_COMPONENT_TOKEN,
                             useExisting: ButtonComponent,
                         },
-                    ], template: "<div class=\"v-button d-inline-block\" \r\n(click)=\"fireClick($event)\">\r\n  <a\r\n    [routerLink]=\"routerLink ? routerLink : undefined\"\r\n    [queryParams]=\"queryParams ? queryParams : undefined\"\r\n  >\r\n    <p-button\r\n      [disabled]=\"disabled\"\r\n      [icon]=\"icon\"\r\n      [badge]=\"badge\"\r\n      [outlined]=\"outlined\"\r\n      [rounded]=\"rounded\"\r\n      [raised]=\"raised\"\r\n      [label]=\"label\"\r\n      [size]=\"$any(size)\"\r\n      [severity]=\"severity\"\r\n      [iconPos]=\"iconPos\"\r\n    />\r\n  </a>\r\n</div>\r\n" }]
+                    ], 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\"\n      [iconPos]=\"iconPos\"\n    />\n  </a>\n</div>\n" }]
         }], propDecorators: { label: [{
                 type: Input
             }], icon: [{
@@ -552,13 +552,13 @@ class SectionComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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\">\r\n  <div\r\n    class=\"v-section-header text-align-center d-flex\"\r\n    [ngStyle]=\"{ 'background-color': backgroundColor }\"\r\n  >\r\n    <p\r\n      class=\"text-primary align-items-center text-nowrap d-none d-md-block ps-3 m-0 w-100\"\r\n    >\r\n      {{ title }}\r\n    </p>\r\n    <div class=\"d-flex\">\r\n      <ng-content select=\"[actions]\"></ng-content>\r\n      <v-button\r\n        size=\"small\"\r\n        [icon]=\"icon\"\r\n        (click)=\"toggle()\"\r\n      />\r\n    </div>\r\n  </div>\r\n  <div class=\"v-section-content\" *ngIf=\"showContent\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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 }); }
+        ], 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  <div class=\"v-section-content\" *ngIf=\"showContent\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "18.2.8", ngImport: i0, type: SectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-section', standalone: true, imports: [CommonModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: SECTION_COMPONENT_TOKEN, useExisting: SectionComponent },
-                    ], template: "<div class=\"v-section\">\r\n  <div\r\n    class=\"v-section-header text-align-center d-flex\"\r\n    [ngStyle]=\"{ 'background-color': backgroundColor }\"\r\n  >\r\n    <p\r\n      class=\"text-primary align-items-center text-nowrap d-none d-md-block ps-3 m-0 w-100\"\r\n    >\r\n      {{ title }}\r\n    </p>\r\n    <div class=\"d-flex\">\r\n      <ng-content select=\"[actions]\"></ng-content>\r\n      <v-button\r\n        size=\"small\"\r\n        [icon]=\"icon\"\r\n        (click)=\"toggle()\"\r\n      />\r\n    </div>\r\n  </div>\r\n  <div class=\"v-section-content\" *ngIf=\"showContent\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n" }]
+                    ], 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  <div class=\"v-section-content\" *ngIf=\"showContent\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
         }], propDecorators: { title: [{
                 type: Input
             }], showContent: [{
@@ -583,7 +583,7 @@ class RadioButtonComponent extends BaseFormInputComponent {
                 provide: RADIOBUTTON_COMPONENT_TOKEN,
                 useExisting: RadioButtonComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-radiobutton\">\r\n  <v-form-field\r\n    [label]=\"label\"\r\n    [required]=\"required\"\r\n    [tooltip]=\"tooltip\"\r\n    [testId]=\"testId\"\r\n  >\r\n    <div class=\"d-flex align-items-center gap-3\">\r\n      <div *ngFor=\"let item of items\">\r\n        <p-radioButton\r\n          [inputId]=\"item.id\"\r\n          [ngClass]=\"{\r\n                    'radio-error': ngControl?.invalid && ngControl?.dirty,\r\n                    }\"\r\n          [name]=\"radioGroupName\"\r\n          [value]=\"item.value\"\r\n          [formControl]=\"formControl\"\r\n        />\r\n        <label [for]=\"item.id\" class=\"ps-2\">\r\n          <span\r\n            [ngClass]=\"{\r\n              'text-error': ngControl?.invalid && ngControl?.dirty,\r\n              'text-primary': ngControl?.value === item.value\r\n            }\"\r\n            >{{ item.value }}</span\r\n          >\r\n        </label>\r\n      </div>\r\n      <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n    </div>\r\n  </v-form-field>\r\n</div>\r\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: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3$5.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], 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 }); }
+        ], 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      <div *ngFor=\"let item of items\">\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      <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: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3$5.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], 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: "18.2.8", ngImport: i0, type: RadioButtonComponent, decorators: [{
             type: Component,
@@ -602,7 +602,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: RADIOBUTTON_COMPONENT_TOKEN,
                             useExisting: RadioButtonComponent,
                         },
-                    ], template: "<div class=\"v-radiobutton\">\r\n  <v-form-field\r\n    [label]=\"label\"\r\n    [required]=\"required\"\r\n    [tooltip]=\"tooltip\"\r\n    [testId]=\"testId\"\r\n  >\r\n    <div class=\"d-flex align-items-center gap-3\">\r\n      <div *ngFor=\"let item of items\">\r\n        <p-radioButton\r\n          [inputId]=\"item.id\"\r\n          [ngClass]=\"{\r\n                    'radio-error': ngControl?.invalid && ngControl?.dirty,\r\n                    }\"\r\n          [name]=\"radioGroupName\"\r\n          [value]=\"item.value\"\r\n          [formControl]=\"formControl\"\r\n        />\r\n        <label [for]=\"item.id\" class=\"ps-2\">\r\n          <span\r\n            [ngClass]=\"{\r\n              'text-error': ngControl?.invalid && ngControl?.dirty,\r\n              'text-primary': ngControl?.value === item.value\r\n            }\"\r\n            >{{ item.value }}</span\r\n          >\r\n        </label>\r\n      </div>\r\n      <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n    </div>\r\n  </v-form-field>\r\n</div>\r\n", styles: [".radio-error .p-radiobutton .p-radiobutton-box.p-highlight{border-color:var(--error-color);background:var(--error-color)}\n"] }]
+                    ], 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      <div *ngFor=\"let item of items\">\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      <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
                 }, {
@@ -629,7 +629,7 @@ class NumberInputComponent extends BaseFormInputComponent {
                 provide: NUMBER_INPUT_COMPONENT_TOKEN,
                 useExisting: NumberInputComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-number-input\">\r\n  <v-form-field\r\n    class=\"w-100\"\r\n    [label]=\"label\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"isRequired()\"\r\n    [testId]=\"testId\"\r\n  >\r\n    <p-inputNumber\r\n      class=\"w-100\"\r\n      [formControl]=\"formControl\"\r\n      [showButtons]=\"true\"\r\n      [inputId]=\"inputId\"\r\n      [mode]=\"mode\"\r\n      [min]=\"min\"\r\n      [max]=\"max\"\r\n      [step]=\"step\"\r\n      [currency]=\"currency\"\r\n    />\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </v-form-field>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i2$4.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], 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 }); }
+        ], 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: CommonModule }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i2$4.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], 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: "18.2.8", ngImport: i0, type: NumberInputComponent, decorators: [{
             type: Component,
@@ -648,7 +648,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: NUMBER_INPUT_COMPONENT_TOKEN,
                             useExisting: NumberInputComponent,
                         },
-                    ], template: "<div class=\"v-number-input\">\r\n  <v-form-field\r\n    class=\"w-100\"\r\n    [label]=\"label\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"isRequired()\"\r\n    [testId]=\"testId\"\r\n  >\r\n    <p-inputNumber\r\n      class=\"w-100\"\r\n      [formControl]=\"formControl\"\r\n      [showButtons]=\"true\"\r\n      [inputId]=\"inputId\"\r\n      [mode]=\"mode\"\r\n      [min]=\"min\"\r\n      [max]=\"max\"\r\n      [step]=\"step\"\r\n      [currency]=\"currency\"\r\n    />\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </v-form-field>\r\n</div>\r\n" }]
+                    ], 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
                 }, {
@@ -711,13 +711,13 @@ class HeaderComponent extends UnsubscribeComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: HeaderComponent, deps: [{ token: HeaderProviderService }, { token: i1$3.ScreenSizeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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\r\n  class=\"v-header d-flex w-100 text-align-end\"\r\n  [ngStyle]=\"{ position: exampleHeader ? 'relative' : 'fixed' }\"\r\n>\r\n  <ng-container *ngIf=\"screenSizeService.isMobileBlock | async\">\r\n    <div class=\"burger-menu\">\r\n      <v-button\r\n      [icon]=\"menuVisible ? icons.cross : icons.action\"\r\n        (click)=\"toggleMenu()\"\r\n      />\r\n      <div class=\"logo mt-3\" [routerLink]=\"[logoRouterLink]\">\r\n        <img [src]=\"logoUrl\" alt=\"\"/>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  <div class=\"v-header-title col-auto\">\r\n    <p class=\"text-primary text-nowrap d-none d-md-block ps-3 m-0 w-100\">\r\n      {{ title }}\r\n    </p>\r\n    <div class=\"col-8 col-md-auto ps-3 m-0 w-100\">\r\n      <ng-content select=\"[module]\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <ng-container *ngIf=\"(screenSizeService.isMobileBlock | async) === false\">\r\n    <div class=\"w-100 text-start justify-content-start align-content-center\">\r\n      <ng-content select=\"[breadcrumbs]\"></ng-content>\r\n    </div>\r\n    <div class=\"col-auto d-flex align-items-center justify-content-end p-4\">\r\n      <div class=\"d-flex aling-items-center\">\r\n        <p-avatar\r\n          image=\"assets/primeng/images/_global/jara.png\"\r\n          styleClass=\"me-2\"\r\n          size=\"large\"\r\n          shape=\"circle\"\r\n        />\r\n        <div class=\"card align-content-center pe-3\">\r\n          <p\r\n            class=\"text-primary m-0 header-username\"\r\n            [innerHTML]=\"userName\"\r\n          ></p>\r\n          <p\r\n            class=\"text-default m-0 header-userrole\"\r\n            [innerHTML]=\"userRole\"\r\n          ></p>\r\n        </div>\r\n      </div>\r\n      <div class=\"d-flex gap-4 align-items-center\">\r\n        <ng-content select=\"[useractions]\"/>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"screenSizeService.isMobileBlock | async\">\r\n    <div class=\"user-info-container d-flex align-items-center\">\r\n      <div class=\"d-flex\">\r\n        <div class=\"card pe-3 align-content-center\">\r\n          <p-avatar\r\n            image=\"assets/images/_global/jara.png\"\r\n            styleClass=\"mr-2\"\r\n            size=\"large\"\r\n            shape=\"circle\"\r\n          ></p-avatar>\r\n        </div>\r\n        <div class=\"card align-content-center pe-3 d-flex\">\r\n          <div class=\"user-info\">\r\n            <p\r\n              class=\"text-default m-0 header-username\"\r\n              [innerHTML]=\"userName\"\r\n            ></p>\r\n            <p\r\n              class=\"text-default m-0 header-userrole\"\r\n              [innerHTML]=\"userRole\"\r\n            ></p>\r\n          </div>\r\n          <div class=\"user-actions\">\r\n            <ng-content select=\"[useractions]\"></ng-content>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"d-flex gap-4 align-items-center justify-content-center\">\r\n        <ng-content select=\"[dbcontext]\" />\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i4$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "style", "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: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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  <ng-container *ngIf=\"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  </ng-container>\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  <ng-container *ngIf=\"(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  </ng-container>\n  <ng-container *ngIf=\"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  </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i4$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "style", "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: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-header', standalone: true, imports: [CommonModule, AvatarModule, ButtonComponent, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: HEADER_COMPONENT_TOKEN, useExisting: HeaderComponent },
-                    ], template: "<div\r\n  class=\"v-header d-flex w-100 text-align-end\"\r\n  [ngStyle]=\"{ position: exampleHeader ? 'relative' : 'fixed' }\"\r\n>\r\n  <ng-container *ngIf=\"screenSizeService.isMobileBlock | async\">\r\n    <div class=\"burger-menu\">\r\n      <v-button\r\n      [icon]=\"menuVisible ? icons.cross : icons.action\"\r\n        (click)=\"toggleMenu()\"\r\n      />\r\n      <div class=\"logo mt-3\" [routerLink]=\"[logoRouterLink]\">\r\n        <img [src]=\"logoUrl\" alt=\"\"/>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  <div class=\"v-header-title col-auto\">\r\n    <p class=\"text-primary text-nowrap d-none d-md-block ps-3 m-0 w-100\">\r\n      {{ title }}\r\n    </p>\r\n    <div class=\"col-8 col-md-auto ps-3 m-0 w-100\">\r\n      <ng-content select=\"[module]\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <ng-container *ngIf=\"(screenSizeService.isMobileBlock | async) === false\">\r\n    <div class=\"w-100 text-start justify-content-start align-content-center\">\r\n      <ng-content select=\"[breadcrumbs]\"></ng-content>\r\n    </div>\r\n    <div class=\"col-auto d-flex align-items-center justify-content-end p-4\">\r\n      <div class=\"d-flex aling-items-center\">\r\n        <p-avatar\r\n          image=\"assets/primeng/images/_global/jara.png\"\r\n          styleClass=\"me-2\"\r\n          size=\"large\"\r\n          shape=\"circle\"\r\n        />\r\n        <div class=\"card align-content-center pe-3\">\r\n          <p\r\n            class=\"text-primary m-0 header-username\"\r\n            [innerHTML]=\"userName\"\r\n          ></p>\r\n          <p\r\n            class=\"text-default m-0 header-userrole\"\r\n            [innerHTML]=\"userRole\"\r\n          ></p>\r\n        </div>\r\n      </div>\r\n      <div class=\"d-flex gap-4 align-items-center\">\r\n        <ng-content select=\"[useractions]\"/>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"screenSizeService.isMobileBlock | async\">\r\n    <div class=\"user-info-container d-flex align-items-center\">\r\n      <div class=\"d-flex\">\r\n        <div class=\"card pe-3 align-content-center\">\r\n          <p-avatar\r\n            image=\"assets/images/_global/jara.png\"\r\n            styleClass=\"mr-2\"\r\n            size=\"large\"\r\n            shape=\"circle\"\r\n          ></p-avatar>\r\n        </div>\r\n        <div class=\"card align-content-center pe-3 d-flex\">\r\n          <div class=\"user-info\">\r\n            <p\r\n              class=\"text-default m-0 header-username\"\r\n              [innerHTML]=\"userName\"\r\n            ></p>\r\n            <p\r\n              class=\"text-default m-0 header-userrole\"\r\n              [innerHTML]=\"userRole\"\r\n            ></p>\r\n          </div>\r\n          <div class=\"user-actions\">\r\n            <ng-content select=\"[useractions]\"></ng-content>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"d-flex gap-4 align-items-center justify-content-center\">\r\n        <ng-content select=\"[dbcontext]\" />\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n" }]
+                    ], template: "<div\n  class=\"v-header d-flex w-100 text-align-end\"\n  [ngStyle]=\"{ position: exampleHeader ? 'relative' : 'fixed' }\"\n>\n  <ng-container *ngIf=\"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  </ng-container>\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  <ng-container *ngIf=\"(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  </ng-container>\n  <ng-container *ngIf=\"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  </ng-container>\n</div>\n" }]
         }], ctorParameters: () => [{ type: HeaderProviderService }, { type: i1$3.ScreenSizeService }, { type: i0.ChangeDetectorRef }], propDecorators: { title: [{
                 type: Input
             }], logoUrl: [{
@@ -749,7 +749,7 @@ class TextareaComponent extends BaseFormInputComponent {
                 provide: TEXTAREA_COMPONENT_TOKEN,
                 useExisting: TextareaComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-textarea\">\r\n  <ng-container *ngIf=\"!floatLabel\">\r\n    <v-form-field\r\n      [label]=\"label\"\r\n      [tooltip]=\"tooltip\"\r\n      [required]=\"isRequired()\"\r\n      [display]=\"formDisplay\"\r\n    >\r\n      <textarea\r\n        class=\"flex-grow-1\"\r\n        pInputTextarea\r\n        [rows]=\"rows\"\r\n        [cols]=\"cols\"\r\n        [formControl]=\"formControl\"\r\n        [placeholder]=\"placeholder\"\r\n        [required]=\"isRequired()\"\r\n        [readOnly]=\"readonly\"\r\n        [autoResize]=\"autoResize\"\r\n      ></textarea>\r\n    </v-form-field>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"floatLabel\">\r\n    <p-floatLabel>\r\n      <textarea\r\n        class=\"flex-grow-1\"\r\n        pInputTextarea\r\n        [rows]=\"rows\"\r\n        [cols]=\"cols\"\r\n        [id]=\"inputId\"\r\n        [formControl]=\"formControl\"\r\n        [placeholder]=\"placeholder\"\r\n        [required]=\"isRequired()\"\r\n        [readOnly]=\"readonly\"\r\n        [autoResize]=\"autoResize\"\r\n      ></textarea>\r\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\r\n    </p-floatLabel>\r\n  </ng-container>\r\n</div>\r\n", styles: [".v-textarea textarea{line-height:1.75rem!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i3$6.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], 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: i4$1.FloatLabel, selector: "p-floatLabel" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-textarea\">\n  <ng-container *ngIf=\"!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        pInputTextarea\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  </ng-container>\n  <ng-container *ngIf=\"floatLabel\">\n    <p-floatLabel>\n      <textarea\n        class=\"flex-grow-1\"\n        pInputTextarea\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  </ng-container>\n</div>\n", styles: [".v-textarea textarea{line-height:1.75rem!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i3$6.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], 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: i4$1.FloatLabel, selector: "p-floatLabel" }, { 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: "18.2.8", ngImport: i0, type: TextareaComponent, decorators: [{
             type: Component,
@@ -769,7 +769,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: TEXTAREA_COMPONENT_TOKEN,
                             useExisting: TextareaComponent,
                         },
-                    ], template: "<div class=\"v-textarea\">\r\n  <ng-container *ngIf=\"!floatLabel\">\r\n    <v-form-field\r\n      [label]=\"label\"\r\n      [tooltip]=\"tooltip\"\r\n      [required]=\"isRequired()\"\r\n      [display]=\"formDisplay\"\r\n    >\r\n      <textarea\r\n        class=\"flex-grow-1\"\r\n        pInputTextarea\r\n        [rows]=\"rows\"\r\n        [cols]=\"cols\"\r\n        [formControl]=\"formControl\"\r\n        [placeholder]=\"placeholder\"\r\n        [required]=\"isRequired()\"\r\n        [readOnly]=\"readonly\"\r\n        [autoResize]=\"autoResize\"\r\n      ></textarea>\r\n    </v-form-field>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"floatLabel\">\r\n    <p-floatLabel>\r\n      <textarea\r\n        class=\"flex-grow-1\"\r\n        pInputTextarea\r\n        [rows]=\"rows\"\r\n        [cols]=\"cols\"\r\n        [id]=\"inputId\"\r\n        [formControl]=\"formControl\"\r\n        [placeholder]=\"placeholder\"\r\n        [required]=\"isRequired()\"\r\n        [readOnly]=\"readonly\"\r\n        [autoResize]=\"autoResize\"\r\n      ></textarea>\r\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\r\n    </p-floatLabel>\r\n  </ng-container>\r\n</div>\r\n", styles: [".v-textarea textarea{line-height:1.75rem!important}\n"] }]
+                    ], template: "<div class=\"v-textarea\">\n  <ng-container *ngIf=\"!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        pInputTextarea\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  </ng-container>\n  <ng-container *ngIf=\"floatLabel\">\n    <p-floatLabel>\n      <textarea\n        class=\"flex-grow-1\"\n        pInputTextarea\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  </ng-container>\n</div>\n", styles: [".v-textarea textarea{line-height:1.75rem!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -788,13 +788,13 @@ class LoaderComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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\">\r\n  <div>\r\n    <p-progressSpinner class=\"p-progress-spinner-circle\"></p-progressSpinner>\r\n  </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i1$4.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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: CommonModule }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i1$4.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-loader', standalone: true, imports: [CommonModule, ProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: LOADER_COMPONENT_TOKEN, useExisting: LoaderComponent },
-                    ], template: "<div class=\"v-loader d-flex justify-content-center\">\r\n  <div>\r\n    <p-progressSpinner class=\"p-progress-spinner-circle\"></p-progressSpinner>\r\n  </div>\r\n</div>\r\n" }]
+                    ], 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 {
@@ -854,7 +854,7 @@ class SnackbarComponent {
                 provide: SNACKBAR_COMPONENT_TOKEN,
                 useExisting: SnackbarComponent,
             },
-        ], ngImport: i0, template: "<div class=\"v-snackbar\">\r\n    <p-toast />\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i2$5.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "ngmodule", type: RippleModule }] }); }
+        ], ngImport: i0, template: "<div class=\"v-snackbar\">\n    <p-toast />\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i2$5.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "ngmodule", type: RippleModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SnackbarComponent, decorators: [{
             type: Component,
@@ -864,7 +864,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: SNACKBAR_COMPONENT_TOKEN,
                             useExisting: SnackbarComponent,
                         },
-                    ], template: "<div class=\"v-snackbar\">\r\n    <p-toast />\r\n</div>\r\n" }]
+                    ], template: "<div class=\"v-snackbar\">\n    <p-toast />\n</div>\n" }]
         }], ctorParameters: () => [{ type: SnackbarService }] });
 
 class SideMenuComponent extends UnsubscribeComponent {
@@ -916,7 +916,7 @@ class SideMenuComponent extends UnsubscribeComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SideMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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>\r\n  <div\r\n    [ngClass]=\"\r\n      (screenSizeService.isMobileBlock | async)\r\n        ? 'v-side-menu-container__mobile'\r\n        : 'v-side-menu-container'\r\n    \"\r\n  >\r\n    <ng-container *ngIf=\"(screenSizeService.isMobileBlock | async) === false\">\r\n      <div class=\"v-side-menu-header pb-3 text-center\">\r\n        <div class=\"logo\" [routerLink]=\"[logoRouterLink]\">\r\n          <img [src]=\"logoUrl\" alt=\"\" />\r\n        </div>\r\n        <hr />\r\n      </div>\r\n    </ng-container>\r\n    <div\r\n      [ngClass]=\"{\r\n        'v-side-menu-body__mobile': screenSizeService.isMobileBlock | async,\r\n        'v-side-menu-body': (screenSizeService.isMobileBlock | async) === false\r\n      }\"\r\n      class=\"text-center\"\r\n    >\r\n      <p-tree\r\n        selectionMode=\"single\"\r\n        [value]=\"items\"\r\n        (onNodeExpand)=\"onSelectionChange($event)\"\r\n        (onNodeCollapse)=\"onSelectionChange($event)\"\r\n        (onNodeSelect)=\"onNodeSelect($event)\"\r\n      >\r\n      </p-tree>\r\n    </div>\r\n    <div\r\n      class=\"text-center py-3 d-flex justify-content-end flex-column support\"\r\n    >\r\n      <hr class=\"mx-4 divider\" />\r\n      <v-button\r\n        class=\"support-button\"\r\n        [label]=\"isMinimalized ? undefined : 'Support'\"\r\n        severity=\"primary\"\r\n        [icon]=\"icons.questionCircle\"\r\n      ></v-button>\r\n    </div>\r\n  </div>\r\n  <div\r\n    *ngIf=\"(screenSizeService.isMobileBlock | async) === false\"\r\n    class=\"close-button\"\r\n    (click)=\"menuMinimalize(sidemenu)\"\r\n  >\r\n    <i class=\"pi pi-chevron-left text-white close-icon\"></i>\r\n  </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i1$6.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "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: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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    <ng-container *ngIf=\"(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    </ng-container>\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  <div\n    *ngIf=\"(screenSizeService.isMobileBlock | async) === false\"\n    class=\"close-button\"\n    (click)=\"menuMinimalize(sidemenu)\"\n  >\n    <i class=\"pi pi-chevron-left text-white close-icon\"></i>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i1$6.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "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: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SideMenuComponent, decorators: [{
             type: Component,
@@ -929,7 +929,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                         TranslateModule,
                         AvatarModule,
                         RouterModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"v-side-menu\" #sidemenu>\r\n  <div\r\n    [ngClass]=\"\r\n      (screenSizeService.isMobileBlock | async)\r\n        ? 'v-side-menu-container__mobile'\r\n        : 'v-side-menu-container'\r\n    \"\r\n  >\r\n    <ng-container *ngIf=\"(screenSizeService.isMobileBlock | async) === false\">\r\n      <div class=\"v-side-menu-header pb-3 text-center\">\r\n        <div class=\"logo\" [routerLink]=\"[logoRouterLink]\">\r\n          <img [src]=\"logoUrl\" alt=\"\" />\r\n        </div>\r\n        <hr />\r\n      </div>\r\n    </ng-container>\r\n    <div\r\n      [ngClass]=\"{\r\n        'v-side-menu-body__mobile': screenSizeService.isMobileBlock | async,\r\n        'v-side-menu-body': (screenSizeService.isMobileBlock | async) === false\r\n      }\"\r\n      class=\"text-center\"\r\n    >\r\n      <p-tree\r\n        selectionMode=\"single\"\r\n        [value]=\"items\"\r\n        (onNodeExpand)=\"onSelectionChange($event)\"\r\n        (onNodeCollapse)=\"onSelectionChange($event)\"\r\n        (onNodeSelect)=\"onNodeSelect($event)\"\r\n      >\r\n      </p-tree>\r\n    </div>\r\n    <div\r\n      class=\"text-center py-3 d-flex justify-content-end flex-column support\"\r\n    >\r\n      <hr class=\"mx-4 divider\" />\r\n      <v-button\r\n        class=\"support-button\"\r\n        [label]=\"isMinimalized ? undefined : 'Support'\"\r\n        severity=\"primary\"\r\n        [icon]=\"icons.questionCircle\"\r\n      ></v-button>\r\n    </div>\r\n  </div>\r\n  <div\r\n    *ngIf=\"(screenSizeService.isMobileBlock | async) === false\"\r\n    class=\"close-button\"\r\n    (click)=\"menuMinimalize(sidemenu)\"\r\n  >\r\n    <i class=\"pi pi-chevron-left text-white close-icon\"></i>\r\n  </div>\r\n</div>\r\n" }]
+                    ], 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    <ng-container *ngIf=\"(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    </ng-container>\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  <div\n    *ngIf=\"(screenSizeService.isMobileBlock | async) === false\"\n    class=\"close-button\"\n    (click)=\"menuMinimalize(sidemenu)\"\n  >\n    <i class=\"pi pi-chevron-left text-white close-icon\"></i>\n  </div>\n</div>\n" }]
         }], propDecorators: { items: [{
                 type: Input
             }], logoUrl: [{
@@ -1210,7 +1210,7 @@ class TableComponent {
                 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\">\r\n  <p-table\r\n    #table\r\n    class=\"v-table\"\r\n    [value]=\"tableRows\"\r\n    [filters]=\"filter | primengFilter\"\r\n    [paginator]=\"showPaginator\"\r\n    [rows]=\"pageSize\"\r\n    [totalRecords]=\"total\"\r\n    [loading]=\"loading\"\r\n    [lazy]=\"lazy\"\r\n    dataKey=\"id\"\r\n    [scrollable]=\"scrollable\"\r\n    [sortMode]=\"sortMultiple ? 'multiple' : 'single'\"\r\n    [scrollHeight]=\"'flex'\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [selection]=\"tableSelection\"\r\n    [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\r\n    [expandedRowKeys]=\"expandedRows\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} entries\"\r\n    [customSort]=\"lazy\"\r\n    [multiSortMeta]=\"sortMeta\"\r\n    [resizableColumns]=\"true\"\r\n    columnResizeMode=\"expand\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    (onPage)=\"pageChanged($event)\"\r\n    (onSort)=\"sortChanged($event)\"\r\n    (selectionChange)=\"selectionChanged($event)\"\r\n    (onLazyLoad)=\"fireLazyLoad($event)\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      <tr>\r\n        @if (selectionMode === 'multiple') {\r\n        <th>\r\n          <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n        </th>\r\n        } @for (column of tableColumns; track column; let index = $index) {\r\n        <th\r\n          *ngIf=\"column.sortable\"\r\n          pResizableColumn\r\n          [pSortableColumn]=\"'row.' + column.id\"\r\n          [style.width]=\"column.width\"\r\n        >\r\n          {{ column.headerGetter(column.id, index) }}\r\n          <p-sortIcon [field]=\"'row.' + column.id\"></p-sortIcon>\r\n        </th>\r\n        <th\r\n          *ngIf=\"!column.sortable\"\r\n          pResizableColumn\r\n          [class.v-auto-cell]=\"column.template\"\r\n          [style.width]=\"column.width\"\r\n        >\r\n          {{ column.headerGetter(column.id, index) }}\r\n        </th>\r\n        } @if (rowDetailTemplate){\r\n        <th></th>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-row let-expanded=\"expanded\">\r\n      <tr\r\n        [pSelectableRow]=\"row\"\r\n        [pSelectableRowDisabled]=\"selectionMode !== 'single'\"\r\n        (dblclick)=\"\r\n          router.navigate(['./' + row.row[entityKey ?? 'id']], {\r\n            relativeTo: route\r\n          })\r\n        \"\r\n      >\r\n        @if (selectionMode === 'multiple'){\r\n        <td>\r\n          <p-tableCheckbox [value]=\"row\"></p-tableCheckbox>\r\n        </td>\r\n        }\r\n        <td\r\n          *ngFor=\"let cd of tableColumns; let index = index\"\r\n          [class]=\"cd.columnClass!\"\r\n          [class.v-auto-cell]=\"cd.template\"\r\n        >\r\n          <ng-container *ngIf=\"cd.template\">\r\n            <ng-container\r\n              *ngTemplateOutlet=\"cd.template; context: { $implicit: row.row }\"\r\n            ></ng-container>\r\n          </ng-container>\r\n          <span\r\n            *ngIf=\"!row.template\"\r\n            [queryParams]=\"cd.queryParams ? cd.queryParams : undefined\"\r\n            [routerLink]=\"cd.routerLink ? cd.routerLink(row.row) : undefined\"\r\n            [innerHTML]=\"cd.valueGetter(row.row, index)\"\r\n          ></span>\r\n        </td>\r\n        @if (rowDetailTemplate){\r\n        <td>\r\n          <p-button\r\n            type=\"button\"\r\n            pRipple\r\n            severity=\"primary\"\r\n            [pRowToggler]=\"row\"\r\n            [text]=\"true\"\r\n            [rounded]=\"true\"\r\n            [plain]=\"true\"\r\n            [icon]=\"expanded ? icons.chevronDown : icons.chevronRight\"\r\n          />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"rowexpansion\" let-row>\r\n      <tr>\r\n        <td [attr.colspan]=\"tableColumns.length + 1\">\r\n          <ng-container\r\n            class=\"w-100\"\r\n            *ngTemplateOutlet=\"\r\n              expansionTemplate.template;\r\n              context: { $implicit: row.row }\r\n            \"\r\n          ></ng-container>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n</div>\r\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$6.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "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", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], 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$5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$6.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i2$6.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i2$6.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: i2$6.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "component", type: i2$6.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$6.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i2$6.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], 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 }); }
+        ], 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        <th\n          *ngIf=\"column.sortable\"\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        <th\n          *ngIf=\"!column.sortable\"\n          pResizableColumn\n          [class.v-auto-cell]=\"column.template\"\n          [style.width]=\"column.width\"\n        >\n          {{ column.headerGetter(column.id, index) }}\n        </th>\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        <td\n          *ngFor=\"let cd of tableColumns; let index = index\"\n          [class]=\"cd.columnClass!\"\n          [class.v-auto-cell]=\"cd.template\"\n        >\n          <ng-container *ngIf=\"cd.template\">\n            <ng-container\n              *ngTemplateOutlet=\"cd.template; context: { $implicit: row.row }\"\n            ></ng-container>\n          </ng-container>\n          <span\n            *ngIf=\"!row.template\"\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        </td>\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$6.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "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", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], 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$5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$6.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i2$6.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i2$6.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: i2$6.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "component", type: i2$6.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$6.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i2$6.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], 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: "18.2.8", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
@@ -1226,7 +1226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: TABLE_COMPONENT_TOKEN,
                             useExisting: TableComponent,
                         },
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"v-table\">\r\n  <p-table\r\n    #table\r\n    class=\"v-table\"\r\n    [value]=\"tableRows\"\r\n    [filters]=\"filter | primengFilter\"\r\n    [paginator]=\"showPaginator\"\r\n    [rows]=\"pageSize\"\r\n    [totalRecords]=\"total\"\r\n    [loading]=\"loading\"\r\n    [lazy]=\"lazy\"\r\n    dataKey=\"id\"\r\n    [scrollable]=\"scrollable\"\r\n    [sortMode]=\"sortMultiple ? 'multiple' : 'single'\"\r\n    [scrollHeight]=\"'flex'\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [selection]=\"tableSelection\"\r\n    [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\r\n    [expandedRowKeys]=\"expandedRows\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} entries\"\r\n    [customSort]=\"lazy\"\r\n    [multiSortMeta]=\"sortMeta\"\r\n    [resizableColumns]=\"true\"\r\n    columnResizeMode=\"expand\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    (onPage)=\"pageChanged($event)\"\r\n    (onSort)=\"sortChanged($event)\"\r\n    (selectionChange)=\"selectionChanged($event)\"\r\n    (onLazyLoad)=\"fireLazyLoad($event)\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      <tr>\r\n        @if (selectionMode === 'multiple') {\r\n        <th>\r\n          <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n        </th>\r\n        } @for (column of tableColumns; track column; let index = $index) {\r\n        <th\r\n          *ngIf=\"column.sortable\"\r\n          pResizableColumn\r\n          [pSortableColumn]=\"'row.' + column.id\"\r\n          [style.width]=\"column.width\"\r\n        >\r\n          {{ column.headerGetter(column.id, index) }}\r\n          <p-sortIcon [field]=\"'row.' + column.id\"></p-sortIcon>\r\n        </th>\r\n        <th\r\n          *ngIf=\"!column.sortable\"\r\n          pResizableColumn\r\n          [class.v-auto-cell]=\"column.template\"\r\n          [style.width]=\"column.width\"\r\n        >\r\n          {{ column.headerGetter(column.id, index) }}\r\n        </th>\r\n        } @if (rowDetailTemplate){\r\n        <th></th>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-row let-expanded=\"expanded\">\r\n      <tr\r\n        [pSelectableRow]=\"row\"\r\n        [pSelectableRowDisabled]=\"selectionMode !== 'single'\"\r\n        (dblclick)=\"\r\n          router.navigate(['./' + row.row[entityKey ?? 'id']], {\r\n            relativeTo: route\r\n          })\r\n        \"\r\n      >\r\n        @if (selectionMode === 'multiple'){\r\n        <td>\r\n          <p-tableCheckbox [value]=\"row\"></p-tableCheckbox>\r\n        </td>\r\n        }\r\n        <td\r\n          *ngFor=\"let cd of tableColumns; let index = index\"\r\n          [class]=\"cd.columnClass!\"\r\n          [class.v-auto-cell]=\"cd.template\"\r\n        >\r\n          <ng-container *ngIf=\"cd.template\">\r\n            <ng-container\r\n              *ngTemplateOutlet=\"cd.template; context: { $implicit: row.row }\"\r\n            ></ng-container>\r\n          </ng-container>\r\n          <span\r\n            *ngIf=\"!row.template\"\r\n            [queryParams]=\"cd.queryParams ? cd.queryParams : undefined\"\r\n            [routerLink]=\"cd.routerLink ? cd.routerLink(row.row) : undefined\"\r\n            [innerHTML]=\"cd.valueGetter(row.row, index)\"\r\n          ></span>\r\n        </td>\r\n        @if (rowDetailTemplate){\r\n        <td>\r\n          <p-button\r\n            type=\"button\"\r\n            pRipple\r\n            severity=\"primary\"\r\n            [pRowToggler]=\"row\"\r\n            [text]=\"true\"\r\n            [rounded]=\"true\"\r\n            [plain]=\"true\"\r\n            [icon]=\"expanded ? icons.chevronDown : icons.chevronRight\"\r\n          />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"rowexpansion\" let-row>\r\n      <tr>\r\n        <td [attr.colspan]=\"tableColumns.length + 1\">\r\n          <ng-container\r\n            class=\"w-100\"\r\n            *ngTemplateOutlet=\"\r\n              expansionTemplate.template;\r\n              context: { $implicit: row.row }\r\n            \"\r\n          ></ng-container>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n</div>\r\n", styles: [".v-auto-cell{width:1%;white-space:nowrap}.v-table{display:flex;flex-direction:column;height:100%}\n"] }]
+                    ], 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        <th\n          *ngIf=\"column.sortable\"\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        <th\n          *ngIf=\"!column.sortable\"\n          pResizableColumn\n          [class.v-auto-cell]=\"column.template\"\n          [style.width]=\"column.width\"\n        >\n          {{ column.headerGetter(column.id, index) }}\n        </th>\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        <td\n          *ngFor=\"let cd of tableColumns; let index = index\"\n          [class]=\"cd.columnClass!\"\n          [class.v-auto-cell]=\"cd.template\"\n        >\n          <ng-container *ngIf=\"cd.template\">\n            <ng-container\n              *ngTemplateOutlet=\"cd.template; context: { $implicit: row.row }\"\n            ></ng-container>\n          </ng-container>\n          <span\n            *ngIf=\"!row.template\"\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        </td>\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]
@@ -1307,11 +1307,11 @@ class ActionButtonComponent {
         this.click.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: ActionButtonComponent, isStandalone: true, selector: "v-action-button", inputs: { disabled: "disabled", toolTip: "toolTip", id: "id", icon: "icon", outlined: "outlined", raised: "raised", severity: "severity", label: "label", size: "size" }, outputs: { click: "click" }, usesOnChanges: true, ngImport: i0, template: "<v-button\r\n  [label]=\"label\"\r\n  [disabled]=\"disabled\"\r\n  [icon]=\"icon\"\r\n  [pTooltip]=\"toolTip\"\r\n  [outlined]=\"outlined\"\r\n  tooltipPosition=\"bottom\"\r\n  [size]=\"size\"\r\n  [severity]=\"severity\"\r\n  (click)=\"handleClick($event)\"\r\n></v-button>\r\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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  [pTooltip]=\"toolTip\"\n  [outlined]=\"outlined\"\n  tooltipPosition=\"bottom\"\n  [size]=\"size\"\n  [severity]=\"severity\"\n  (click)=\"handleClick($event)\"\n></v-button>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ActionButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'v-action-button', standalone: true, imports: [ButtonComponent, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<v-button\r\n  [label]=\"label\"\r\n  [disabled]=\"disabled\"\r\n  [icon]=\"icon\"\r\n  [pTooltip]=\"toolTip\"\r\n  [outlined]=\"outlined\"\r\n  tooltipPosition=\"bottom\"\r\n  [size]=\"size\"\r\n  [severity]=\"severity\"\r\n  (click)=\"handleClick($event)\"\r\n></v-button>\r\n" }]
+            args: [{ selector: 'v-action-button', standalone: true, imports: [ButtonComponent, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<v-button\n  [label]=\"label\"\n  [disabled]=\"disabled\"\n  [icon]=\"icon\"\n  [pTooltip]=\"toolTip\"\n  [outlined]=\"outlined\"\n  tooltipPosition=\"bottom\"\n  [size]=\"size\"\n  [severity]=\"severity\"\n  (click)=\"handleClick($event)\"\n></v-button>\n" }]
         }], propDecorators: { disabled: [{
                 type: Input
             }], toolTip: [{
@@ -1387,7 +1387,7 @@ class ActionButtonGroupComponent extends UnsubscribeComponent {
                 provide: ACTION_BUTTON_GROUP_COMPONENT_TOKEN,
                 useExisting: ActionButtonGroupComponent,
             },
-        ], queries: [{ propertyName: "actions", predicate: ActionButtonComponent }], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\r\n>\r\n  <div class=\"v-action-button-group__actions d-flex gap-2\">\r\n    @for (action of visibleActions; track action) {\r\n    <v-action-button\r\n      [disabled]=\"action.disabled\"\r\n      [icon]=\"action.icon\"\r\n      [id]=\"action.id\"\r\n      [outlined]=\"action.outlined\"\r\n      [raised]=\"action.raised\"\r\n      [toolTip]=\"action.toolTip || action.label\"\r\n      [severity]=\"action.severity\"\r\n      [size]=\"action.size\"\r\n      (click)=\"fireClick(action, $event)\"\r\n    ></v-action-button>\r\n    } @if (actions.length > visibleActions.length) {\r\n    <v-button\r\n      (click)=\"menu.toggle($event)\"\r\n      [label]=\"label\"\r\n      [iconPos]=\"menuIconPos\"\r\n      [icon]=\"menuIcon\"\r\n    />\r\n    }\r\n  </div>\r\n</div>\r\n<p-menu #menu [model]=\"menuItems\" [popup]=\"true\" appendTo=\"body\" />\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MenuModule }, { kind: "component", type: i2$7.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "actions", predicate: ActionButtonComponent }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\n>\n  <div class=\"v-action-button-group__actions d-flex gap-2\">\n    @for (action of visibleActions; track action) {\n    <v-action-button\n      [disabled]=\"action.disabled\"\n      [icon]=\"action.icon\"\n      [id]=\"action.id\"\n      [outlined]=\"action.outlined\"\n      [raised]=\"action.raised\"\n      [toolTip]=\"action.toolTip || action.label\"\n      [severity]=\"action.severity\"\n      [size]=\"action.size\"\n      (click)=\"fireClick(action, $event)\"\n    ></v-action-button>\n    } @if (actions.length > visibleActions.length) {\n    <v-button\n      (click)=\"menu.toggle($event)\"\n      [label]=\"label\"\n      [iconPos]=\"menuIconPos\"\n      [icon]=\"menuIcon\"\n    />\n    }\n  </div>\n</div>\n<p-menu #menu [model]=\"menuItems\" [popup]=\"true\" appendTo=\"body\" />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MenuModule }, { kind: "component", type: i2$7.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ActionButtonGroupComponent, decorators: [{
             type: Component,
@@ -1396,7 +1396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: ACTION_BUTTON_GROUP_COMPONENT_TOKEN,
                             useExisting: ActionButtonGroupComponent,
                         },
-                    ], template: "<div\r\n  class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\r\n>\r\n  <div class=\"v-action-button-group__actions d-flex gap-2\">\r\n    @for (action of visibleActions; track action) {\r\n    <v-action-button\r\n      [disabled]=\"action.disabled\"\r\n      [icon]=\"action.icon\"\r\n      [id]=\"action.id\"\r\n      [outlined]=\"action.outlined\"\r\n      [raised]=\"action.raised\"\r\n      [toolTip]=\"action.toolTip || action.label\"\r\n      [severity]=\"action.severity\"\r\n      [size]=\"action.size\"\r\n      (click)=\"fireClick(action, $event)\"\r\n    ></v-action-button>\r\n    } @if (actions.length > visibleActions.length) {\r\n    <v-button\r\n      (click)=\"menu.toggle($event)\"\r\n      [label]=\"label\"\r\n      [iconPos]=\"menuIconPos\"\r\n      [icon]=\"menuIcon\"\r\n    />\r\n    }\r\n  </div>\r\n</div>\r\n<p-menu #menu [model]=\"menuItems\" [popup]=\"true\" appendTo=\"body\" />\r\n" }]
+                    ], 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-button\n      (click)=\"menu.toggle($event)\"\n      [label]=\"label\"\n      [iconPos]=\"menuIconPos\"\n      [icon]=\"menuIcon\"\n    />\n    }\n  </div>\n</div>\n<p-menu #menu [model]=\"menuItems\" [popup]=\"true\" appendTo=\"body\" />\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$3.ScreenSizeService }], propDecorators: { actions: [{
                 type: ContentChildren,
                 args: [ActionButtonComponent]
@@ -1477,7 +1477,7 @@ class DropdownComponent extends BaseFormInputComponent {
                 provide: DROPDOWN_COMPONENT_TOKEN,
                 useExisting: DropdownComponent,
             },
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-dropdown\">\r\n  <ng-container *ngIf=\"label && !floatLabel\">\r\n    <v-form-field\r\n      [label]=\"label\"\r\n      [tooltip]=\"tooltip\"\r\n      [required]=\"isRequired()\"\r\n      [testId]=\"testId\"\r\n      [display]=\"formDisplay\"\r\n    >\r\n      <p-dropdown\r\n        [baseZIndex]=\"9999\"\r\n        class=\"w-100\"\r\n        appendTo=\"body\"\r\n        [formControl]=\"formControl\"\r\n        [filter]=\"filter\"\r\n        [title]=\"label\"\r\n        [options]=\"options\"\r\n        [optionLabel]=\"optionLabel\"\r\n        [optionValue]=\"optionValue\"\r\n        [loading]=\"loading\"\r\n        [placeholder]=\"placeholder ?? ''\"\r\n        [virtualScroll]=\"lazy\"\r\n        [virtualScrollItemSize]=\"virtualOptionSize\"\r\n        [virtualScrollOptions]=\"virtualScrollOptions\"\r\n        [tooltip]=\"tooltip\"\r\n        [required]=\"isRequired()\"\r\n        [showClear]=\"formControl && clearable && !readonly\"\r\n        [editable]=\"editable\"\r\n        [dataKey]=\"optionValue\"\r\n        (showEvent)=\"onDropdownShow()\"\r\n        (clearEvent)=\"onDropdownClear()\"\r\n        (onFilter)=\"filterChange($event)\"\r\n      >\r\n      </p-dropdown>\r\n    </v-form-field>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!label && !floatLabel\">\r\n    <p-dropdown\r\n      [baseZIndex]=\"9999\"\r\n      class=\"w-100\"\r\n      appendTo=\"body\"\r\n      [formControl]=\"formControl\"\r\n      [filter]=\"filter\"\r\n      [title]=\"label\"\r\n      [options]=\"options\"\r\n      [optionLabel]=\"optionLabel\"\r\n      [optionValue]=\"optionValue\"\r\n      [loading]=\"loading\"\r\n      [placeholder]=\"placeholder ? placeholder : label\"\r\n      [tooltip]=\"tooltip\"\r\n      [required]=\"isRequired()\"\r\n      [showClear]=\"formControl && clearable && !readonly\"\r\n      [editable]=\"editable\"\r\n      [dataKey]=\"optionValue\"\r\n      [virtualScroll]=\"lazy\"\r\n      [virtualScrollItemSize]=\"virtualOptionSize\"\r\n      [virtualScrollOptions]=\"virtualScrollOptions\"\r\n      (showEvent)=\"onDropdownShow()\"\r\n      (clearEvent)=\"onDropdownClear()\"\r\n      (onFilter)=\"filterChange($event)\"\r\n    >\r\n    </p-dropdown>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"floatLabel && !label\">\r\n    <p-floatLabel>\r\n      <p-dropdown\r\n        [baseZIndex]=\"9999\"\r\n        class=\"w-100\"\r\n        appendTo=\"body\"\r\n        [formControl]=\"formControl\"\r\n        [title]=\"label\"\r\n        [options]=\"options\"\r\n        [optionLabel]=\"optionLabel\"\r\n        [optionValue]=\"optionValue\"\r\n        [loading]=\"loading\"\r\n        [placeholder]=\"placeholder ? placeholder : label\"\r\n        [filter]=\"filter\"\r\n        [tooltip]=\"tooltip\"\r\n        [required]=\"isRequired()\"\r\n        [showClear]=\"formControl && clearable && !readonly\"\r\n        [editable]=\"editable\"\r\n        [dataKey]=\"optionValue\"\r\n        [virtualScroll]=\"lazy\"\r\n        [virtualScrollItemSize]=\"virtualOptionSize\"\r\n        [virtualScrollOptions]=\"virtualScrollOptions\"\r\n        (showEvent)=\"onDropdownShow()\"\r\n        (clearEvent)=\"onDropdownClear()\"\r\n        (onFilter)=\"filterChange($event)\"\r\n        (lazyLoad)=\"onLazyLoad($any($event))\"\r\n      >\r\n      </p-dropdown>\r\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\r\n    </p-floatLabel>\r\n  </ng-container>\r\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: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: DropdownModule }, { kind: "component", type: i3$7.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], 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: i4$1.FloatLabel, selector: "p-floatLabel" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-dropdown\">\n  <ng-container *ngIf=\"label && !floatLabel\">\n    <v-form-field\n      [label]=\"label\"\n      [tooltip]=\"tooltip\"\n      [required]=\"isRequired()\"\n      [testId]=\"testId\"\n      [display]=\"formDisplay\"\n    >\n      <p-dropdown\n        [baseZIndex]=\"9999\"\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-dropdown>\n    </v-form-field>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </ng-container>\n  <ng-container *ngIf=\"!label && !floatLabel\">\n    <p-dropdown\n      [baseZIndex]=\"9999\"\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-dropdown>\n  </ng-container>\n  <ng-container *ngIf=\"floatLabel && !label\">\n    <p-floatLabel>\n      <p-dropdown\n        [baseZIndex]=\"9999\"\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-dropdown>\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\n    </p-floatLabel>\n  </ng-container>\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: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: DropdownModule }, { kind: "component", type: i3$7.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], 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: i4$1.FloatLabel, selector: "p-floatLabel" }, { 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: "18.2.8", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
@@ -1500,7 +1500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: DROPDOWN_COMPONENT_TOKEN,
                             useExisting: DropdownComponent,
                         },
-                    ], template: "<div class=\"v-dropdown\">\r\n  <ng-container *ngIf=\"label && !floatLabel\">\r\n    <v-form-field\r\n      [label]=\"label\"\r\n      [tooltip]=\"tooltip\"\r\n      [required]=\"isRequired()\"\r\n      [testId]=\"testId\"\r\n      [display]=\"formDisplay\"\r\n    >\r\n      <p-dropdown\r\n        [baseZIndex]=\"9999\"\r\n        class=\"w-100\"\r\n        appendTo=\"body\"\r\n        [formControl]=\"formControl\"\r\n        [filter]=\"filter\"\r\n        [title]=\"label\"\r\n        [options]=\"options\"\r\n        [optionLabel]=\"optionLabel\"\r\n        [optionValue]=\"optionValue\"\r\n        [loading]=\"loading\"\r\n        [placeholder]=\"placeholder ?? ''\"\r\n        [virtualScroll]=\"lazy\"\r\n        [virtualScrollItemSize]=\"virtualOptionSize\"\r\n        [virtualScrollOptions]=\"virtualScrollOptions\"\r\n        [tooltip]=\"tooltip\"\r\n        [required]=\"isRequired()\"\r\n        [showClear]=\"formControl && clearable && !readonly\"\r\n        [editable]=\"editable\"\r\n        [dataKey]=\"optionValue\"\r\n        (showEvent)=\"onDropdownShow()\"\r\n        (clearEvent)=\"onDropdownClear()\"\r\n        (onFilter)=\"filterChange($event)\"\r\n      >\r\n      </p-dropdown>\r\n    </v-form-field>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!label && !floatLabel\">\r\n    <p-dropdown\r\n      [baseZIndex]=\"9999\"\r\n      class=\"w-100\"\r\n      appendTo=\"body\"\r\n      [formControl]=\"formControl\"\r\n      [filter]=\"filter\"\r\n      [title]=\"label\"\r\n      [options]=\"options\"\r\n      [optionLabel]=\"optionLabel\"\r\n      [optionValue]=\"optionValue\"\r\n      [loading]=\"loading\"\r\n      [placeholder]=\"placeholder ? placeholder : label\"\r\n      [tooltip]=\"tooltip\"\r\n      [required]=\"isRequired()\"\r\n      [showClear]=\"formControl && clearable && !readonly\"\r\n      [editable]=\"editable\"\r\n      [dataKey]=\"optionValue\"\r\n      [virtualScroll]=\"lazy\"\r\n      [virtualScrollItemSize]=\"virtualOptionSize\"\r\n      [virtualScrollOptions]=\"virtualScrollOptions\"\r\n      (showEvent)=\"onDropdownShow()\"\r\n      (clearEvent)=\"onDropdownClear()\"\r\n      (onFilter)=\"filterChange($event)\"\r\n    >\r\n    </p-dropdown>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"floatLabel && !label\">\r\n    <p-floatLabel>\r\n      <p-dropdown\r\n        [baseZIndex]=\"9999\"\r\n        class=\"w-100\"\r\n        appendTo=\"body\"\r\n        [formControl]=\"formControl\"\r\n        [title]=\"label\"\r\n        [options]=\"options\"\r\n        [optionLabel]=\"optionLabel\"\r\n        [optionValue]=\"optionValue\"\r\n        [loading]=\"loading\"\r\n        [placeholder]=\"placeholder ? placeholder : label\"\r\n        [filter]=\"filter\"\r\n        [tooltip]=\"tooltip\"\r\n        [required]=\"isRequired()\"\r\n        [showClear]=\"formControl && clearable && !readonly\"\r\n        [editable]=\"editable\"\r\n        [dataKey]=\"optionValue\"\r\n        [virtualScroll]=\"lazy\"\r\n        [virtualScrollItemSize]=\"virtualOptionSize\"\r\n        [virtualScrollOptions]=\"virtualScrollOptions\"\r\n        (showEvent)=\"onDropdownShow()\"\r\n        (clearEvent)=\"onDropdownClear()\"\r\n        (onFilter)=\"filterChange($event)\"\r\n        (lazyLoad)=\"onLazyLoad($any($event))\"\r\n      >\r\n      </p-dropdown>\r\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\r\n    </p-floatLabel>\r\n  </ng-container>\r\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"] }]
+                    ], template: "<div class=\"v-dropdown\">\n  <ng-container *ngIf=\"label && !floatLabel\">\n    <v-form-field\n      [label]=\"label\"\n      [tooltip]=\"tooltip\"\n      [required]=\"isRequired()\"\n      [testId]=\"testId\"\n      [display]=\"formDisplay\"\n    >\n      <p-dropdown\n        [baseZIndex]=\"9999\"\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-dropdown>\n    </v-form-field>\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n  </ng-container>\n  <ng-container *ngIf=\"!label && !floatLabel\">\n    <p-dropdown\n      [baseZIndex]=\"9999\"\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-dropdown>\n  </ng-container>\n  <ng-container *ngIf=\"floatLabel && !label\">\n    <p-floatLabel>\n      <p-dropdown\n        [baseZIndex]=\"9999\"\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-dropdown>\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\n    </p-floatLabel>\n  </ng-container>\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
                 }, {
@@ -1592,7 +1592,7 @@ class MultiselectComponent extends BaseFormInputComponent {
                 provide: MULTISELECT_COMPONENT_TOKEN,
                 useExisting: MultiselectComponent,
             },
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-multiple-select\">\r\n  <ng-container *ngIf=\"label && !floatLabel\">\r\n    <v-form-field\r\n      class=\"w-100\"\r\n      [label]=\"label\"\r\n      [tooltip]=\"tooltip\"\r\n      [required]=\"isRequired()\"\r\n      [testId]=\"testId\"\r\n      [display]=\"formDisplay\"\r\n    >\r\n      <p-multiSelect\r\n        [baseZIndex]=\"9999\"\r\n        class=\"w-100\"\r\n        appendTo=\"body\"\r\n        [formControl]=\"formControl\"\r\n        [title]=\"label\"\r\n        display=\"chip\"\r\n        [options]=\"options\"\r\n        [optionLabel]=\"optionLabel\"\r\n        [optionValue]=\"optionValue\"\r\n        [loading]=\"loading\"\r\n        [placeholder]=\"placeholder ? placeholder : label\"\r\n        [virtualScrollItemSize]=\"25\"\r\n        [lazy]=\"true\"\r\n        [tooltip]=\"tooltip\"\r\n        [required]=\"isRequired()\"\r\n        [showClear]=\"formControl && clearable && !readonly\"\r\n        [virtualScroll]=\"lazy\"\r\n        [virtualScrollItemSize]=\"virtualOptionSize\"\r\n        [virtualScrollOptions]=\"virtualScrollOptions\"\r\n        (showEvent)=\"onDropdownShow()\"\r\n        (clearEvent)=\"onDropdownClear()\"\r\n        (changeEvent)=\"selectionChange($event)\"\r\n        (lazyLoadEvent)=\"onLazyLoad($any($event))\"\r\n      ></p-multiSelect>\r\n    </v-form-field>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"floatLabel\">\r\n    <p-floatLabel>\r\n      <p-multiSelect\r\n        [baseZIndex]=\"9999\"\r\n        class=\"w-100\"\r\n        appendTo=\"body\"\r\n        [formControl]=\"formControl\"\r\n        [title]=\"label\"\r\n        [options]=\"options\"\r\n        [optionLabel]=\"optionLabel\"\r\n        [optionValue]=\"optionValue\"\r\n        [loading]=\"loading\"\r\n        [placeholder]=\"placeholder ? placeholder : label\"\r\n        [virtualScrollItemSize]=\"25\"\r\n        [lazy]=\"true\"\r\n        [tooltip]=\"tooltip\"\r\n        [required]=\"isRequired()\"\r\n        [inputId]=\"inputId\"\r\n        [showClear]=\"formControl && clearable && !readonly\"\r\n        [virtualScroll]=\"lazy\"\r\n        [virtualScrollItemSize]=\"virtualOptionSize\"\r\n        [virtualScrollOptions]=\"virtualScrollOptions\"\r\n        (showEvent)=\"onDropdownShow()\"\r\n        (clearEvent)=\"onDropdownClear()\"\r\n        (changeEvent)=\"selectionChange($event)\"\r\n        (lazyLoadEvent)=\"onLazyLoad($any($event))\"\r\n      ></p-multiSelect>\r\n\r\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\r\n    </p-floatLabel>\r\n  </ng-container>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i4$1.FloatLabel, selector: "p-floatLabel" }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i4$3.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "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", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], 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 }); }
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-multiple-select\">\n  <ng-container *ngIf=\"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        [baseZIndex]=\"9999\"\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  </ng-container>\n  <ng-container *ngIf=\"floatLabel\">\n    <p-floatLabel>\n      <p-multiSelect\n        [baseZIndex]=\"9999\"\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\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\n    </p-floatLabel>\n  </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i4$1.FloatLabel, selector: "p-floatLabel" }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i4$3.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "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", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], 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: "18.2.8", ngImport: i0, type: MultiselectComponent, decorators: [{
             type: Component,
@@ -1613,7 +1613,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: MULTISELECT_COMPONENT_TOKEN,
                             useExisting: MultiselectComponent,
                         },
-                    ], template: "<div class=\"v-multiple-select\">\r\n  <ng-container *ngIf=\"label && !floatLabel\">\r\n    <v-form-field\r\n      class=\"w-100\"\r\n      [label]=\"label\"\r\n      [tooltip]=\"tooltip\"\r\n      [required]=\"isRequired()\"\r\n      [testId]=\"testId\"\r\n      [display]=\"formDisplay\"\r\n    >\r\n      <p-multiSelect\r\n        [baseZIndex]=\"9999\"\r\n        class=\"w-100\"\r\n        appendTo=\"body\"\r\n        [formControl]=\"formControl\"\r\n        [title]=\"label\"\r\n        display=\"chip\"\r\n        [options]=\"options\"\r\n        [optionLabel]=\"optionLabel\"\r\n        [optionValue]=\"optionValue\"\r\n        [loading]=\"loading\"\r\n        [placeholder]=\"placeholder ? placeholder : label\"\r\n        [virtualScrollItemSize]=\"25\"\r\n        [lazy]=\"true\"\r\n        [tooltip]=\"tooltip\"\r\n        [required]=\"isRequired()\"\r\n        [showClear]=\"formControl && clearable && !readonly\"\r\n        [virtualScroll]=\"lazy\"\r\n        [virtualScrollItemSize]=\"virtualOptionSize\"\r\n        [virtualScrollOptions]=\"virtualScrollOptions\"\r\n        (showEvent)=\"onDropdownShow()\"\r\n        (clearEvent)=\"onDropdownClear()\"\r\n        (changeEvent)=\"selectionChange($event)\"\r\n        (lazyLoadEvent)=\"onLazyLoad($any($event))\"\r\n      ></p-multiSelect>\r\n    </v-form-field>\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"floatLabel\">\r\n    <p-floatLabel>\r\n      <p-multiSelect\r\n        [baseZIndex]=\"9999\"\r\n        class=\"w-100\"\r\n        appendTo=\"body\"\r\n        [formControl]=\"formControl\"\r\n        [title]=\"label\"\r\n        [options]=\"options\"\r\n        [optionLabel]=\"optionLabel\"\r\n        [optionValue]=\"optionValue\"\r\n        [loading]=\"loading\"\r\n        [placeholder]=\"placeholder ? placeholder : label\"\r\n        [virtualScrollItemSize]=\"25\"\r\n        [lazy]=\"true\"\r\n        [tooltip]=\"tooltip\"\r\n        [required]=\"isRequired()\"\r\n        [inputId]=\"inputId\"\r\n        [showClear]=\"formControl && clearable && !readonly\"\r\n        [virtualScroll]=\"lazy\"\r\n        [virtualScrollItemSize]=\"virtualOptionSize\"\r\n        [virtualScrollOptions]=\"virtualScrollOptions\"\r\n        (showEvent)=\"onDropdownShow()\"\r\n        (clearEvent)=\"onDropdownClear()\"\r\n        (changeEvent)=\"selectionChange($event)\"\r\n        (lazyLoadEvent)=\"onLazyLoad($any($event))\"\r\n      ></p-multiSelect>\r\n\r\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\r\n    </p-floatLabel>\r\n  </ng-container>\r\n</div>\r\n" }]
+                    ], template: "<div class=\"v-multiple-select\">\n  <ng-container *ngIf=\"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        [baseZIndex]=\"9999\"\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  </ng-container>\n  <ng-container *ngIf=\"floatLabel\">\n    <p-floatLabel>\n      <p-multiSelect\n        [baseZIndex]=\"9999\"\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\n      <label [for]=\"inputId\">{{ floatLabel }}</label>\n    </p-floatLabel>\n  </ng-container>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -1672,7 +1672,7 @@ class GenericFieldComponent extends BaseFormInputComponent {
                 provide: GENERIC_FIELD_COMPONENT_TOKEN,
                 useExisting: GenericFieldComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "@if (!type || type === fieldTypes.text) {\r\n<v-textfield\r\n  [label]=\"label\"\r\n  [floatLabel]=\"floatLabel === true\"\r\n  [size]=\"size\"\r\n  [formControl]=\"formControl\"\r\n/>\r\n} @else if (type === fieldTypes.dropdown && !datasource) {\r\n<v-dropdown\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [options]=\"options\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue ?? optionLabel\"\r\n  [loading]=\"loading\"\r\n  [forceMinWidth]=\"true\"\r\n  [formControl]=\"formControl\"\r\n  [showFilter]=\"showFilter ?? false\"\r\n  [localSearch]=\"localSearch ?? false\"\r\n  (changeEvent)=\"changed.emit($event)\"\r\n  (clearEvent)=\"cleared.emit($event)\"\r\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n  (showEvent)=\"showed.emit($event)\"\r\n/> \r\n} @else if (type === fieldTypes.dropdown && datasource) {\r\n  <v-dropdown\r\n    useDatasource\r\n    [forceMinWidth]=\"true\"\r\n    [datasource]=\"datasource\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [optionValue]=\"optionValue ?? optionLabel\"\r\n    [label]=\"!floatLabel ? label : ''\"\r\n    [floatLabel]=\"floatLabel ? label : ''\"\r\n    [testId]=\"testId\"\r\n    [loading]=\"loading\"\r\n    [formControl]=\"formControl\"\r\n    [showFilter]=\"showFilter ?? false\"\r\n    [filterField]=\"filterField ?? 'fulltext'\"\r\n    [localSearch]=\"localSearch ?? false\"\r\n    (changeEvent)=\"changed.emit($event)\"\r\n    (clearEvent)=\"cleared.emit($event)\"\r\n    (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n    (showEvent)=\"showed.emit($event)\"\r\n  />\r\n} @else if (type === fieldTypes.multiselect && !datasource) {\r\n<v-multiselect\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [options]=\"options\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue ?? optionLabel\"\r\n  [loading]=\"loading\"\r\n  [formControl]=\"formControl\"\r\n  (changeEvent)=\"changed.emit($event)\"\r\n  (clearEvent)=\"cleared.emit($event)\"\r\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n  (showEvent)=\"showed.emit($event)\"\r\n/>\r\n} @else if (type === fieldTypes.multiselect && datasource) {\r\n<v-multiselect\r\n  useDatasource\r\n  [datasource]=\"datasource\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue ?? optionLabel\"\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [loading]=\"loading\"\r\n  [formControl]=\"formControl\"\r\n  (changeEvent)=\"changed.emit($event)\"\r\n  (clearEvent)=\"cleared.emit($event)\"\r\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n  (showEvent)=\"showed.emit($event)\"\r\n/>\r\n} @else if (type === fieldTypes.checkbox) {\r\n<v-tristatecheckbox\r\n  [label]=\"label\"\r\n  [testId]=\"testId\"\r\n  [formControl]=\"formControl\"\r\n/>\r\n} @else if (type === fieldTypes.simplecheckbox) {\r\n<v-checkbox\r\n  [label]=\"label\"\r\n  [testId]=\"testId\"\r\n  [formControl]=\"formControl\"\r\n/>\r\n} @else if (type === fieldTypes.calendar) {\r\n<v-calendar\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [formControl]=\"formControl\"\r\n  [icon]=\"icons.calendar\"\r\n/>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DropdownComponent, selector: "v-dropdown", inputs: ["options", "optionLabel", "optionValue", "dropdownIcon", "floatLabel", "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: TristatecheckboxComponent, selector: "v-tristatecheckbox" }, { 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" }, { 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 }); }
+        ], 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-tristatecheckbox\n  [label]=\"label\"\n  [testId]=\"testId\"\n  [formControl]=\"formControl\"\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: "ngmodule", type: CommonModule }, { 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: TristatecheckboxComponent, selector: "v-tristatecheckbox" }, { 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" }, { kind: "directive", type: DatasourceDirective, selector: "v-dropdown[useDatasource], v-multiselect[useDatasource], v-generic-field[useDatasource]", inputs: ["datasource", "autoBind", "loadingText", "filterField", "transformFn", "extraFilter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: GenericFieldComponent, decorators: [{
             type: Component,
@@ -1691,7 +1691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: GENERIC_FIELD_COMPONENT_TOKEN,
                             useExisting: GenericFieldComponent,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!type || type === fieldTypes.text) {\r\n<v-textfield\r\n  [label]=\"label\"\r\n  [floatLabel]=\"floatLabel === true\"\r\n  [size]=\"size\"\r\n  [formControl]=\"formControl\"\r\n/>\r\n} @else if (type === fieldTypes.dropdown && !datasource) {\r\n<v-dropdown\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [options]=\"options\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue ?? optionLabel\"\r\n  [loading]=\"loading\"\r\n  [forceMinWidth]=\"true\"\r\n  [formControl]=\"formControl\"\r\n  [showFilter]=\"showFilter ?? false\"\r\n  [localSearch]=\"localSearch ?? false\"\r\n  (changeEvent)=\"changed.emit($event)\"\r\n  (clearEvent)=\"cleared.emit($event)\"\r\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n  (showEvent)=\"showed.emit($event)\"\r\n/> \r\n} @else if (type === fieldTypes.dropdown && datasource) {\r\n  <v-dropdown\r\n    useDatasource\r\n    [forceMinWidth]=\"true\"\r\n    [datasource]=\"datasource\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [optionValue]=\"optionValue ?? optionLabel\"\r\n    [label]=\"!floatLabel ? label : ''\"\r\n    [floatLabel]=\"floatLabel ? label : ''\"\r\n    [testId]=\"testId\"\r\n    [loading]=\"loading\"\r\n    [formControl]=\"formControl\"\r\n    [showFilter]=\"showFilter ?? false\"\r\n    [filterField]=\"filterField ?? 'fulltext'\"\r\n    [localSearch]=\"localSearch ?? false\"\r\n    (changeEvent)=\"changed.emit($event)\"\r\n    (clearEvent)=\"cleared.emit($event)\"\r\n    (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n    (showEvent)=\"showed.emit($event)\"\r\n  />\r\n} @else if (type === fieldTypes.multiselect && !datasource) {\r\n<v-multiselect\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [options]=\"options\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue ?? optionLabel\"\r\n  [loading]=\"loading\"\r\n  [formControl]=\"formControl\"\r\n  (changeEvent)=\"changed.emit($event)\"\r\n  (clearEvent)=\"cleared.emit($event)\"\r\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n  (showEvent)=\"showed.emit($event)\"\r\n/>\r\n} @else if (type === fieldTypes.multiselect && datasource) {\r\n<v-multiselect\r\n  useDatasource\r\n  [datasource]=\"datasource\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue ?? optionLabel\"\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [loading]=\"loading\"\r\n  [formControl]=\"formControl\"\r\n  (changeEvent)=\"changed.emit($event)\"\r\n  (clearEvent)=\"cleared.emit($event)\"\r\n  (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\r\n  (showEvent)=\"showed.emit($event)\"\r\n/>\r\n} @else if (type === fieldTypes.checkbox) {\r\n<v-tristatecheckbox\r\n  [label]=\"label\"\r\n  [testId]=\"testId\"\r\n  [formControl]=\"formControl\"\r\n/>\r\n} @else if (type === fieldTypes.simplecheckbox) {\r\n<v-checkbox\r\n  [label]=\"label\"\r\n  [testId]=\"testId\"\r\n  [formControl]=\"formControl\"\r\n/>\r\n} @else if (type === fieldTypes.calendar) {\r\n<v-calendar\r\n  [label]=\"!floatLabel ? label : ''\"\r\n  [floatLabel]=\"floatLabel ? label : ''\"\r\n  [testId]=\"testId\"\r\n  [formControl]=\"formControl\"\r\n  [icon]=\"icons.calendar\"\r\n/>\r\n}\r\n" }]
+                    ], 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-tristatecheckbox\n  [label]=\"label\"\n  [testId]=\"testId\"\n  [formControl]=\"formControl\"\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: [{
@@ -1998,7 +1998,7 @@ class FilterComponent extends UnsubscribeComponent {
                 provide: FILTER_COMPONENT_TOKEN,
                 useExisting: FilterComponent,
             },
-        ], queries: [{ propertyName: "fieldDeclarations", predicate: FilterFieldDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-filter w-100 p-3 bg-primary\">\r\n  @if (formGroup$ | async; as formGroup){\r\n  <form [formGroup]=\"formGroup\" class=\"d-flex align-items-center\">\r\n    @if (title) {\r\n    <div class=\"v-filter_title pe-4\">\r\n      <h2 class=\"text-white m-0\">{{ title }}</h2>\r\n    </div>\r\n    }\r\n    <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\r\n      @if (showFulltext){\r\n      <v-textfield\r\n        class=\"d-none d-lg-block\"\r\n        placeholder=\"Search\"\r\n        size=\"large\"\r\n        formControlName=\"searchField\"\r\n        type=\"search\"\r\n        [clearable]=\"true\"\r\n      >\r\n      </v-textfield>\r\n      }\r\n    </div>\r\n    @if (simpleFormFieldDefinitions$ | async; as declaration){\r\n       @if (showFilters)\r\n    {\r\n    <div class=\"v-filter_filters d-none d-sm-block me-2\">\r\n      <v-generic-form\r\n        [fields]=\"declaration\"\r\n        [formGroup]=\"formGroup\"\r\n      ></v-generic-form>\r\n      <v-button label=\"X\" class=\"mt-3\" (click)=\"clear()\" />\r\n    </div>\r\n  }\r\n    <div class=\"v-filter_action-buttons d-flex\">\r\n      @if (declaration.length && !showFilters) {\r\n      <v-button \r\n        class=\"me-4\"\r\n        [icon]=\"icons.filter\"\r\n        [label]=\"$any(filledFiltersCount$ | async)\"\r\n        (click)=\"openFilter()\"\r\n      />\r\n      } @if (!autoBind) {\r\n      <v-button\r\n        useShortCut\r\n        [shortCutFn]=\"submitValue.bind(this)\"\r\n        shortCutKey=\"Enter\"\r\n        class=\"text-white mx-2\"\r\n        [outlined]=\"true\"\r\n        size=\"small\"\r\n        label=\"Apply\"\r\n        (click)=\"submitValue()\"\r\n      ></v-button>\r\n      <v-button\r\n        useShortCut\r\n        [shortCutFn]=\"clear.bind(this)\"\r\n        shortCutKey=\"Escape\"\r\n        class=\"text-white\"\r\n        [outlined]=\"true\"\r\n        size=\"small\"\r\n        label=\"Clear\"\r\n        (click)=\"clear()\"\r\n      ></v-button>\r\n      } \r\n    </div>\r\n    }\r\n    <ng-content select=\"v-action-button-group\"></ng-content>\r\n  </form>\r\n  }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵ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: "ngmodule", type: BadgeModule }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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: "pipe", type: AsyncPipe, name: "async" }, { 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: "ngmodule", type: BadgeModule }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: FilterComponent, decorators: [{
             type: Component,
@@ -2020,7 +2020,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: FILTER_COMPONENT_TOKEN,
                             useExisting: FilterComponent,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"v-filter w-100 p-3 bg-primary\">\r\n  @if (formGroup$ | async; as formGroup){\r\n  <form [formGroup]=\"formGroup\" class=\"d-flex align-items-center\">\r\n    @if (title) {\r\n    <div class=\"v-filter_title pe-4\">\r\n      <h2 class=\"text-white m-0\">{{ title }}</h2>\r\n    </div>\r\n    }\r\n    <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\r\n      @if (showFulltext){\r\n      <v-textfield\r\n        class=\"d-none d-lg-block\"\r\n        placeholder=\"Search\"\r\n        size=\"large\"\r\n        formControlName=\"searchField\"\r\n        type=\"search\"\r\n        [clearable]=\"true\"\r\n      >\r\n      </v-textfield>\r\n      }\r\n    </div>\r\n    @if (simpleFormFieldDefinitions$ | async; as declaration){\r\n       @if (showFilters)\r\n    {\r\n    <div class=\"v-filter_filters d-none d-sm-block me-2\">\r\n      <v-generic-form\r\n        [fields]=\"declaration\"\r\n        [formGroup]=\"formGroup\"\r\n      ></v-generic-form>\r\n      <v-button label=\"X\" class=\"mt-3\" (click)=\"clear()\" />\r\n    </div>\r\n  }\r\n    <div class=\"v-filter_action-buttons d-flex\">\r\n      @if (declaration.length && !showFilters) {\r\n      <v-button \r\n        class=\"me-4\"\r\n        [icon]=\"icons.filter\"\r\n        [label]=\"$any(filledFiltersCount$ | async)\"\r\n        (click)=\"openFilter()\"\r\n      />\r\n      } @if (!autoBind) {\r\n      <v-button\r\n        useShortCut\r\n        [shortCutFn]=\"submitValue.bind(this)\"\r\n        shortCutKey=\"Enter\"\r\n        class=\"text-white mx-2\"\r\n        [outlined]=\"true\"\r\n        size=\"small\"\r\n        label=\"Apply\"\r\n        (click)=\"submitValue()\"\r\n      ></v-button>\r\n      <v-button\r\n        useShortCut\r\n        [shortCutFn]=\"clear.bind(this)\"\r\n        shortCutKey=\"Escape\"\r\n        class=\"text-white\"\r\n        [outlined]=\"true\"\r\n        size=\"small\"\r\n        label=\"Clear\"\r\n        (click)=\"clear()\"\r\n      ></v-button>\r\n      } \r\n    </div>\r\n    }\r\n    <ng-content select=\"v-action-button-group\"></ng-content>\r\n  </form>\r\n  }\r\n</div>\r\n" }]
+                    ], 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]
@@ -2083,15 +2083,15 @@ class FeatureListPageComponent {
             activatedRoute.snapshot.data[FEATURE_LIST_PAGE_CONFIG_PROPERTY];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: FeatureListPageComponent, deps: [{ token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: FeatureListPageComponent, isStandalone: true, selector: "v-feature-list-page", ngImport: i0, template: `
+    <v-feature-list
+      [title]="config.title"
+      [tableName]="config.tableName"
+      [showAdd]="config.showAdd ?? true"
+      [showDownload]="config.showDownload ?? true"
+      [showDelete]="config.showDelete ?? true"
+    >
+    </v-feature-list>
   `, isInline: true, dependencies: [{ kind: "component", type: FeatureListComponent, selector: "v-feature-list", inputs: ["autoBind", "title", "columns", "filters", "maxVisibleActions", "tableName", "ngrxFeatureKey", "maxVisibleMobileActions", "showExtendedFilter", "showDownload", "showDelete", "showAdd", "canDownload", "canDelete", "canAdd", "useRouterFilter", "fulltextFieldName", "showFulltext", "deleteConfirmMessage", "autoDeleteEnabled", "autoDownloadEnabled", "downloadFileName", "datasource", "extraFilter", "disableCustomClicks", "maximumColumnLength", "selectionMode"], outputs: ["addClick", "downloadClick", "deleteClick", "selectionChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: FeatureListPageComponent, decorators: [{
@@ -2100,15 +2100,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                     selector: 'v-feature-list-page',
                     standalone: true,
                     imports: [FeatureListComponent],
-                    template: `
-    <v-feature-list
-      [title]="config.title"
-      [tableName]="config.tableName"
-      [showAdd]="config.showAdd ?? true"
-      [showDownload]="config.showDownload ?? true"
-      [showDelete]="config.showDelete ?? true"
-    >
-    </v-feature-list>
+                    template: `
+    <v-feature-list
+      [title]="config.title"
+      [tableName]="config.tableName"
+      [showAdd]="config.showAdd ?? true"
+      [showDownload]="config.showDownload ?? true"
+      [showDelete]="config.showDelete ?? true"
+    >
+    </v-feature-list>
   `,
                 }]
         }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }] });
@@ -2302,7 +2302,7 @@ class FeatureListComponent {
         return new Blob([csvData], { type: 'text/csv' });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: FeatureListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: FeatureListComponent, isStandalone: true, selector: "v-feature-list", inputs: { autoBind: "autoBind", title: "title", columns: "columns", filters: "filters", maxVisibleActions: "maxVisibleActions", tableName: "tableName", ngrxFeatureKey: "ngrxFeatureKey", maxVisibleMobileActions: "maxVisibleMobileActions", showExtendedFilter: "showExtendedFilter", showDownload: "showDownload", showDelete: "showDelete", showAdd: "showAdd", canDownload: "canDownload", canDelete: "canDelete", canAdd: "canAdd", useRouterFilter: "useRouterFilter", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", deleteConfirmMessage: "deleteConfirmMessage", autoDeleteEnabled: "autoDeleteEnabled", autoDownloadEnabled: "autoDownloadEnabled", downloadFileName: "downloadFileName", datasource: "datasource", extraFilter: "extraFilter", disableCustomClicks: "disableCustomClicks", maximumColumnLength: "maximumColumnLength", selectionMode: "selectionMode" }, outputs: { addClick: "addClick", downloadClick: "downloadClick", deleteClick: "deleteClick", selectionChange: "selectionChange" }, queries: [{ propertyName: "viewColumns", predicate: FEATURE_LIST_COLUMN_PROVIDER }, { propertyName: "fieldDeclarations", predicate: FeatureListFilterFieldDirective }], viewQueries: [{ propertyName: "tableDatasourceDirective", first: true, predicate: TableDatasourceDirective, descendants: true }], ngImport: i0, template: "<div class=\"feature-list__container full-height-container\">\r\n  <v-filter\r\n    #filter\r\n    [title]=\"title\"\r\n    [fields]=\"columns | featureListColumn\"\r\n    [filters]=\"filters\"\r\n    [fulltextFieldName]=\"fulltextFieldName\"\r\n    [showFulltext]=\"showFulltext\"\r\n    [showFilters]=\"showExtendedFilter\"\r\n  >\r\n    <v-action-button-group\r\n      [maxItems]=\"maxVisibleActions\"\r\n      [maxItemsMobile]=\"maxVisibleMobileActions\"\r\n    >\r\n      @if (showAdd) {\r\n      <v-action-button\r\n        [icon]=\"icons.add\"\r\n        label=\"Add\"\r\n        [disabled]=\"!canAdd\"\r\n        (click)=\"addClick.emit()\"\r\n      ></v-action-button>\r\n      } @if (showDelete){\r\n      <v-action-button\r\n        [icon]=\"icons.delete\"\r\n        label=\"Delete\"\r\n        [disabled]=\"!canDelete || !selection.length\"\r\n        (click)=\"startDeleteItems()\"\r\n      ></v-action-button>\r\n      } @if (showDownload){\r\n      <v-action-button\r\n        [icon]=\"icons.download\"\r\n        label=\"Download\"\r\n        [disabled]=\"!canDownload\"\r\n        (click)=\"startDownload()\"\r\n      ></v-action-button>\r\n      }\r\n    </v-action-button-group>\r\n  </v-filter>\r\n  <div class=\"feature-list__table-container full-height-container\">\r\n    <div class=\"full-height-container\">\r\n      <v-table\r\n        useDatasource\r\n        useFilter\r\n        [filterComponent]=\"filter\"\r\n        class=\"full-height-container\"\r\n        [selectionMode]=\"selectionMode\"\r\n        [tableName]=\"tableName\"\r\n        [autoBind]=\"true\"\r\n        [datasource]=\"datasource\"\r\n        [columns]=\"columns\"\r\n        [extraFilter]=\"extraFilter\"\r\n        [maximumColumnLength]=\"maximumColumnLength\"\r\n        [disableCustomClicks]=\"disableCustomClicks\"\r\n        (selectionChange)=\"selectItems($event)\"\r\n      >\r\n      </v-table>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"], dependencies: [{ kind: "component", type: TableComponent, selector: "v-table", inputs: ["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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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: "18.2.8", ngImport: i0, type: FeatureListComponent, decorators: [{
             type: Component,
@@ -2314,7 +2314,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                         ActionButtonGroupComponent,
                         ActionButtonComponent,
                         FeatureListFilterPipe,
-                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"feature-list__container full-height-container\">\r\n  <v-filter\r\n    #filter\r\n    [title]=\"title\"\r\n    [fields]=\"columns | featureListColumn\"\r\n    [filters]=\"filters\"\r\n    [fulltextFieldName]=\"fulltextFieldName\"\r\n    [showFulltext]=\"showFulltext\"\r\n    [showFilters]=\"showExtendedFilter\"\r\n  >\r\n    <v-action-button-group\r\n      [maxItems]=\"maxVisibleActions\"\r\n      [maxItemsMobile]=\"maxVisibleMobileActions\"\r\n    >\r\n      @if (showAdd) {\r\n      <v-action-button\r\n        [icon]=\"icons.add\"\r\n        label=\"Add\"\r\n        [disabled]=\"!canAdd\"\r\n        (click)=\"addClick.emit()\"\r\n      ></v-action-button>\r\n      } @if (showDelete){\r\n      <v-action-button\r\n        [icon]=\"icons.delete\"\r\n        label=\"Delete\"\r\n        [disabled]=\"!canDelete || !selection.length\"\r\n        (click)=\"startDeleteItems()\"\r\n      ></v-action-button>\r\n      } @if (showDownload){\r\n      <v-action-button\r\n        [icon]=\"icons.download\"\r\n        label=\"Download\"\r\n        [disabled]=\"!canDownload\"\r\n        (click)=\"startDownload()\"\r\n      ></v-action-button>\r\n      }\r\n    </v-action-button-group>\r\n  </v-filter>\r\n  <div class=\"feature-list__table-container full-height-container\">\r\n    <div class=\"full-height-container\">\r\n      <v-table\r\n        useDatasource\r\n        useFilter\r\n        [filterComponent]=\"filter\"\r\n        class=\"full-height-container\"\r\n        [selectionMode]=\"selectionMode\"\r\n        [tableName]=\"tableName\"\r\n        [autoBind]=\"true\"\r\n        [datasource]=\"datasource\"\r\n        [columns]=\"columns\"\r\n        [extraFilter]=\"extraFilter\"\r\n        [maximumColumnLength]=\"maximumColumnLength\"\r\n        [disableCustomClicks]=\"disableCustomClicks\"\r\n        (selectionChange)=\"selectItems($event)\"\r\n      >\r\n      </v-table>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"] }]
+                    ], standalone: true, 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]
@@ -2565,13 +2565,13 @@ class PageHeaderComponent extends PageHeaderCoreComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: PageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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\r\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\"\r\n>\r\n  <v-button\r\n    *ngIf=\"showBackButton\"\r\n    size=\"small\"\r\n    [icon]=\"icons.arrowLeft\"\r\n    label=\"Back\"\r\n    [outlined]=\"true\"\r\n    (click)=\"locationBack()\"\r\n  ></v-button>\r\n  <div\r\n    class=\"align-items-center justify-content-center justify-content-md-start gap-2 w-100 d-flex\"\r\n  >\r\n    <h1 class=\"text-primary m-0\" [innerText]=\"title\"></h1>\r\n    <div\r\n      *ngIf=\"subtitle\"\r\n      class=\"d-flex gap-2 align-items-center text-center text-md-start\"\r\n    >\r\n      <h1 class=\"text-default m-0\" [innerText]=\"'-'\"></h1>\r\n      <h1 class=\"text-default\" [innerText]=\"subtitle\"></h1>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"align-content-center page-header-action-buttons justify-content-center w-100\"\r\n  >\r\n    <div *ngIf=\"buttonGroup\">\r\n      <ng-content [select]=\"buttonGroup\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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  <v-button\n    *ngIf=\"showBackButton\"\n    size=\"small\"\n    [icon]=\"icons.arrowLeft\"\n    label=\"Back\"\n    [outlined]=\"true\"\n    (click)=\"locationBack()\"\n  ></v-button>\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    <div\n      *ngIf=\"subtitle\"\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  </div>\n  <div\n    class=\"align-content-center page-header-action-buttons justify-content-center w-100\"\n  >\n    <div *ngIf=\"buttonGroup\">\n      <ng-content [select]=\"buttonGroup\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "18.2.8", ngImport: i0, type: PageHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-page-header', standalone: true, imports: [CommonModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: PAGE_HEADER_COMPONENT_TOKEN, useExisting: PageHeaderComponent },
-                    ], template: "<div\r\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\"\r\n>\r\n  <v-button\r\n    *ngIf=\"showBackButton\"\r\n    size=\"small\"\r\n    [icon]=\"icons.arrowLeft\"\r\n    label=\"Back\"\r\n    [outlined]=\"true\"\r\n    (click)=\"locationBack()\"\r\n  ></v-button>\r\n  <div\r\n    class=\"align-items-center justify-content-center justify-content-md-start gap-2 w-100 d-flex\"\r\n  >\r\n    <h1 class=\"text-primary m-0\" [innerText]=\"title\"></h1>\r\n    <div\r\n      *ngIf=\"subtitle\"\r\n      class=\"d-flex gap-2 align-items-center text-center text-md-start\"\r\n    >\r\n      <h1 class=\"text-default m-0\" [innerText]=\"'-'\"></h1>\r\n      <h1 class=\"text-default\" [innerText]=\"subtitle\"></h1>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"align-content-center page-header-action-buttons justify-content-center w-100\"\r\n  >\r\n    <div *ngIf=\"buttonGroup\">\r\n      <ng-content [select]=\"buttonGroup\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+                    ], 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  <v-button\n    *ngIf=\"showBackButton\"\n    size=\"small\"\n    [icon]=\"icons.arrowLeft\"\n    label=\"Back\"\n    [outlined]=\"true\"\n    (click)=\"locationBack()\"\n  ></v-button>\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    <div\n      *ngIf=\"subtitle\"\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  </div>\n  <div\n    class=\"align-content-center page-header-action-buttons justify-content-center w-100\"\n  >\n    <div *ngIf=\"buttonGroup\">\n      <ng-content [select]=\"buttonGroup\"></ng-content>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { buttonGroup: [{
                 type: ContentChild,
                 args: [ActionButtonGroupComponent]
@@ -2588,13 +2588,13 @@ class StepperComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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\">\r\n  <p-stepper>\r\n    <p-stepperPanel\r\n      *ngFor=\"let item of items; let index = index\"\r\n      [header]=\"item.header\"\r\n    >\r\n      <ng-template\r\n        pTemplate=\"content\"\r\n        let-nextCallback=\"nextCallback\"\r\n        let-prevCallback=\"prevCallback\"\r\n        let-index=\"index\"\r\n      >\r\n        <ng-container *ngIf=\"item.template && item.template.elementRef\">\r\n          <ng-template\r\n            *ngTemplateOutlet=\"\r\n              item.template;\r\n              context: { item: item, index: index }\r\n            \"\r\n          />\r\n        </ng-container>\r\n        <div class=\"d-flex pt-4 justify-content-between\">\r\n          <v-button\r\n            *ngIf=\"index > 0\"\r\n            label=\"Back\"\r\n            [icon]=\"icons.arrowLeft\"\r\n            size=\"small\"\r\n            [outlined]=\"true\"\r\n            (click)=\"prevCallback.emit()\"\r\n          />\r\n\r\n          <v-button\r\n            *ngIf=\"index < items.length - 1\"\r\n            label=\"Next\"\r\n            size=\"small\"\r\n            [icon]=\"icons.arrowRight\"\r\n            iconPos=\"right\"\r\n            (click)=\"nextCallback.emit()\"\r\n          />\r\n        </div>\r\n      </ng-template>\r\n    </p-stepperPanel>\r\n  </p-stepper>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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$8.Stepper, selector: "p-stepper", inputs: ["activeStep", "orientation", "linear", "transitionOptions"], outputs: ["onClick", "activeStepChange"] }, { kind: "component", type: i2$8.StepperPanel, selector: "p-stepperPanel", inputs: ["header"] }, { kind: "directive", type: i1$5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"v-stepper\">\n  <p-stepper>\n    <p-stepperPanel\n      *ngFor=\"let item of items; let index = index\"\n      [header]=\"item.header\"\n    >\n      <ng-template\n        pTemplate=\"content\"\n        let-nextCallback=\"nextCallback\"\n        let-prevCallback=\"prevCallback\"\n        let-index=\"index\"\n      >\n        <ng-container *ngIf=\"item.template && item.template.elementRef\">\n          <ng-template\n            *ngTemplateOutlet=\"\n              item.template;\n              context: { item: item, index: index }\n            \"\n          />\n        </ng-container>\n        <div class=\"d-flex pt-4 justify-content-between\">\n          <v-button\n            *ngIf=\"index > 0\"\n            label=\"Back\"\n            [icon]=\"icons.arrowLeft\"\n            size=\"small\"\n            [outlined]=\"true\"\n            (click)=\"prevCallback.emit()\"\n          />\n\n          <v-button\n            *ngIf=\"index < items.length - 1\"\n            label=\"Next\"\n            size=\"small\"\n            [icon]=\"icons.arrowRight\"\n            iconPos=\"right\"\n            (click)=\"nextCallback.emit()\"\n          />\n        </div>\n      </ng-template>\n    </p-stepperPanel>\n  </p-stepper>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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$8.Stepper, selector: "p-stepper", inputs: ["activeStep", "orientation", "linear", "transitionOptions"], outputs: ["onClick", "activeStepChange"] }, { kind: "component", type: i2$8.StepperPanel, selector: "p-stepperPanel", inputs: ["header"] }, { kind: "directive", type: i1$5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: StepperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'v-stepper', standalone: true, imports: [CommonModule, ButtonComponent, StepperModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: STEPPER_COMPONENT_TOKEN, useExisting: StepperComponent },
-                    ], template: "<div class=\"v-stepper\">\r\n  <p-stepper>\r\n    <p-stepperPanel\r\n      *ngFor=\"let item of items; let index = index\"\r\n      [header]=\"item.header\"\r\n    >\r\n      <ng-template\r\n        pTemplate=\"content\"\r\n        let-nextCallback=\"nextCallback\"\r\n        let-prevCallback=\"prevCallback\"\r\n        let-index=\"index\"\r\n      >\r\n        <ng-container *ngIf=\"item.template && item.template.elementRef\">\r\n          <ng-template\r\n            *ngTemplateOutlet=\"\r\n              item.template;\r\n              context: { item: item, index: index }\r\n            \"\r\n          />\r\n        </ng-container>\r\n        <div class=\"d-flex pt-4 justify-content-between\">\r\n          <v-button\r\n            *ngIf=\"index > 0\"\r\n            label=\"Back\"\r\n            [icon]=\"icons.arrowLeft\"\r\n            size=\"small\"\r\n            [outlined]=\"true\"\r\n            (click)=\"prevCallback.emit()\"\r\n          />\r\n\r\n          <v-button\r\n            *ngIf=\"index < items.length - 1\"\r\n            label=\"Next\"\r\n            size=\"small\"\r\n            [icon]=\"icons.arrowRight\"\r\n            iconPos=\"right\"\r\n            (click)=\"nextCallback.emit()\"\r\n          />\r\n        </div>\r\n      </ng-template>\r\n    </p-stepperPanel>\r\n  </p-stepper>\r\n</div>\r\n" }]
+                    ], template: "<div class=\"v-stepper\">\n  <p-stepper>\n    <p-stepperPanel\n      *ngFor=\"let item of items; let index = index\"\n      [header]=\"item.header\"\n    >\n      <ng-template\n        pTemplate=\"content\"\n        let-nextCallback=\"nextCallback\"\n        let-prevCallback=\"prevCallback\"\n        let-index=\"index\"\n      >\n        <ng-container *ngIf=\"item.template && item.template.elementRef\">\n          <ng-template\n            *ngTemplateOutlet=\"\n              item.template;\n              context: { item: item, index: index }\n            \"\n          />\n        </ng-container>\n        <div class=\"d-flex pt-4 justify-content-between\">\n          <v-button\n            *ngIf=\"index > 0\"\n            label=\"Back\"\n            [icon]=\"icons.arrowLeft\"\n            size=\"small\"\n            [outlined]=\"true\"\n            (click)=\"prevCallback.emit()\"\n          />\n\n          <v-button\n            *ngIf=\"index < items.length - 1\"\n            label=\"Next\"\n            size=\"small\"\n            [icon]=\"icons.arrowRight\"\n            iconPos=\"right\"\n            (click)=\"nextCallback.emit()\"\n          />\n        </div>\n      </ng-template>\n    </p-stepperPanel>\n  </p-stepper>\n</div>\n" }]
         }], propDecorators: { items: [{
                 type: Input
             }], prefix: [{
@@ -2633,7 +2633,7 @@ class SliderComponent extends BaseFormInputComponent {
                 provide: SLIDER_COMPONENT_TOKEN,
                 useExisting: SliderComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-slider\">\r\n  <v-form-field\r\n    class=\"w-100\"\r\n    [label]=\"label\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"isRequired()\"\r\n    [testId]=\"testId\"\r\n  >\r\n    <p-slider\r\n      class=\"w-100\"\r\n      [formControl]=\"formControl\"\r\n      [step]=\"step\"\r\n      [range]=\"range\"\r\n      [min]=\"min\"\r\n      [max]=\"max\"\r\n    />\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </v-form-field>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SliderModule }, { kind: "component", type: i2$9.Slider, selector: "p-slider", inputs: ["animate", "disabled", "min", "max", "orientation", "step", "range", "style", "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 }); }
+        ], 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: CommonModule }, { kind: "ngmodule", type: SliderModule }, { kind: "component", type: i2$9.Slider, selector: "p-slider", inputs: ["animate", "disabled", "min", "max", "orientation", "step", "range", "style", "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: "18.2.8", ngImport: i0, type: SliderComponent, decorators: [{
             type: Component,
@@ -2652,7 +2652,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: SLIDER_COMPONENT_TOKEN,
                             useExisting: SliderComponent,
                         },
-                    ], template: "<div class=\"v-slider\">\r\n  <v-form-field\r\n    class=\"w-100\"\r\n    [label]=\"label\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"isRequired()\"\r\n    [testId]=\"testId\"\r\n  >\r\n    <p-slider\r\n      class=\"w-100\"\r\n      [formControl]=\"formControl\"\r\n      [step]=\"step\"\r\n      [range]=\"range\"\r\n      [min]=\"min\"\r\n      [max]=\"max\"\r\n    />\r\n    <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </v-form-field>\r\n</div>" }]
+                    ], 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
                 }, {
@@ -2701,7 +2701,7 @@ class ConfirmDialogComponent extends UnsubscribeComponent {
                 provide: CONFIRM_DIALOG_COMPONENT_TOKEN,
                 useExisting: ConfirmDialogComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-dialog d-flex justify-content-center\" *ngIf=\"data\">\r\n  <p-dialog\r\n    [(visible)]=\"visible\"\r\n    [modal]=\"true\"\r\n    [closable]=\"closable\"\r\n    [style]=\"{ width: '25rem' }\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      <div\r\n        class=\"v-dialog-header w-100 align-items-center d-flex justify-content-center\"\r\n      >\r\n        <h1 class=\"text-center me-3\">{{ data.title }}</h1>\r\n        <i class=\"{{ data.headerIcon }} text-{{ data.severity }}\"></i>\r\n      </div>\r\n    </ng-template>\r\n    <div class=\"v-dialog-content w-100 align-items-center text-center\">\r\n      @if (data.innerHTML) {\r\n      <div [innerHTML]=\"data.innerHTML\"></div>\r\n      } @else if (data.componentType) {\r\n      <v-dynamic-component\r\n        [componentType]=\"data.componentType\"\r\n        [data]=\"$any(data.data)\"\r\n      ></v-dynamic-component>\r\n      }\r\n    </div>\r\n    <ng-template pTemplate=\"footer\">\r\n      <div\r\n        class=\"v-dialog-footer d-flex justify-content-center w-100 gap-3\"\r\n        [ngClass]=\"{\r\n          'flex-row-reverse': data.buttonOrder === 'cancel-confirm'\r\n        }\"\r\n      >\r\n        <v-button\r\n          [label]=\"data.confirmButtonText ?? 'Yes'\"\r\n          [severity]=\"data.severity\"\r\n          (click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\r\n        />\r\n        <v-button\r\n          *ngIf=\"data.showCancelButton && data.severity !== 'success'\"\r\n          [label]=\"data.cancelButtonText ?? 'No'\"\r\n          [outlined]=\"true\"\r\n          [severity]=\"'secondary'\"\r\n          (click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\r\n        />\r\n      </div>\r\n    </ng-template>\r\n  </p-dialog>\r\n</div>\r\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: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$9.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i1$5.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"] }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-dialog d-flex justify-content-center\" *ngIf=\"data\">\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        <v-button\n          *ngIf=\"data.showCancelButton && data.severity !== 'success'\"\n          [label]=\"data.cancelButtonText ?? 'No'\"\n          [outlined]=\"true\"\n          [severity]=\"'secondary'\"\n          (click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n        />\n      </div>\n    </ng-template>\n  </p-dialog>\n</div>\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: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$9.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i1$5.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: "18.2.8", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
             type: Component,
@@ -2716,7 +2716,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: CONFIRM_DIALOG_COMPONENT_TOKEN,
                             useExisting: ConfirmDialogComponent,
                         },
-                    ], template: "<div class=\"v-dialog d-flex justify-content-center\" *ngIf=\"data\">\r\n  <p-dialog\r\n    [(visible)]=\"visible\"\r\n    [modal]=\"true\"\r\n    [closable]=\"closable\"\r\n    [style]=\"{ width: '25rem' }\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      <div\r\n        class=\"v-dialog-header w-100 align-items-center d-flex justify-content-center\"\r\n      >\r\n        <h1 class=\"text-center me-3\">{{ data.title }}</h1>\r\n        <i class=\"{{ data.headerIcon }} text-{{ data.severity }}\"></i>\r\n      </div>\r\n    </ng-template>\r\n    <div class=\"v-dialog-content w-100 align-items-center text-center\">\r\n      @if (data.innerHTML) {\r\n      <div [innerHTML]=\"data.innerHTML\"></div>\r\n      } @else if (data.componentType) {\r\n      <v-dynamic-component\r\n        [componentType]=\"data.componentType\"\r\n        [data]=\"$any(data.data)\"\r\n      ></v-dynamic-component>\r\n      }\r\n    </div>\r\n    <ng-template pTemplate=\"footer\">\r\n      <div\r\n        class=\"v-dialog-footer d-flex justify-content-center w-100 gap-3\"\r\n        [ngClass]=\"{\r\n          'flex-row-reverse': data.buttonOrder === 'cancel-confirm'\r\n        }\"\r\n      >\r\n        <v-button\r\n          [label]=\"data.confirmButtonText ?? 'Yes'\"\r\n          [severity]=\"data.severity\"\r\n          (click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\r\n        />\r\n        <v-button\r\n          *ngIf=\"data.showCancelButton && data.severity !== 'success'\"\r\n          [label]=\"data.cancelButtonText ?? 'No'\"\r\n          [outlined]=\"true\"\r\n          [severity]=\"'secondary'\"\r\n          (click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\r\n        />\r\n      </div>\r\n    </ng-template>\r\n  </p-dialog>\r\n</div>\r\n", styles: [".v-dialog-content *{line-height:1.5rem}\n"] }]
+                    ], template: "<div class=\"v-dialog d-flex justify-content-center\" *ngIf=\"data\">\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        <v-button\n          *ngIf=\"data.showCancelButton && data.severity !== 'success'\"\n          [label]=\"data.cancelButtonText ?? 'No'\"\n          [outlined]=\"true\"\n          [severity]=\"'secondary'\"\n          (click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n        />\n      </div>\n    </ng-template>\n  </p-dialog>\n</div>\n", styles: [".v-dialog-content *{line-height:1.5rem}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.DialogService }, { type: i0.ChangeDetectorRef }] });
 
 class SwitchComponent extends BaseFormInputComponent {
@@ -2735,7 +2735,7 @@ class SwitchComponent extends BaseFormInputComponent {
                 provide: SWITCH_COMPONENT_TOKEN,
                 useExisting: SwitchComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"v-switch d-flex align-items-center\">\r\n  <v-form-field\r\n    class=\"w-100\"\r\n    [label]=\"label\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"isRequired()\"\r\n    [testId]=\"testId\"\r\n    [display]=\"formDisplay\"\r\n  >\r\n    <p-inputSwitch\r\n      [formControl]=\"formControl\"\r\n      [required]=\"isRequired()\"\r\n      [title]=\"label\"\r\n      [readonly]=\"readonly\"\r\n      [inputId]=\"id\"\r\n    /><v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </v-form-field>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: InputSwitchModule }, { kind: "component", type: i2$a.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "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 }); }
+        ], 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-inputSwitch\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: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: InputSwitchModule }, { kind: "component", type: i2$a.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "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: "18.2.8", ngImport: i0, type: SwitchComponent, decorators: [{
             type: Component,
@@ -2755,7 +2755,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                             provide: SWITCH_COMPONENT_TOKEN,
                             useExisting: SwitchComponent,
                         },
-                    ], template: "<div class=\"v-switch d-flex align-items-center\">\r\n  <v-form-field\r\n    class=\"w-100\"\r\n    [label]=\"label\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"isRequired()\"\r\n    [testId]=\"testId\"\r\n    [display]=\"formDisplay\"\r\n  >\r\n    <p-inputSwitch\r\n      [formControl]=\"formControl\"\r\n      [required]=\"isRequired()\"\r\n      [title]=\"label\"\r\n      [readonly]=\"readonly\"\r\n      [inputId]=\"id\"\r\n    /><v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\r\n  </v-form-field>\r\n</div>\r\n" }]
+                    ], 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-inputSwitch\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
                 }, {
@@ -2790,16 +2790,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
 
 class TabViewItemComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TabViewItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: TabViewItemComponent, 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>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: TabViewItemComponent, 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: "18.2.8", ngImport: i0, type: TabViewItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'v-tab-view-item',
-                    template: `<ng-template #contentTemplate>
-    <ng-content></ng-content>
+                    template: `<ng-template #contentTemplate>
+    <ng-content></ng-content>
   </ng-template>`,
                 }]
         }], propDecorators: { contentTemplate: [{
@@ -2864,11 +2864,11 @@ class TabViewComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TabViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: TabViewComponent, selector: "v-tab-view", inputs: { items: "items", useRouting: "useRouting", activeIndex: "activeIndex" }, outputs: { activeIndexChange: "activeIndexChange" }, queries: [{ propertyName: "children", predicate: TabViewItemComponent }], ngImport: i0, template: "<div class=\"v-tab-view\">\r\n  @if (useRouting) {\r\n  <p-tabMenu\r\n    [model]=\"mergedItems | tabMenu\"\r\n    [activeItem]=\"items[activeIndex]\"\r\n    (activeItemChange)=\"activeItemChanged($event)\"\r\n  >\r\n  </p-tabMenu>\r\n  <router-outlet></router-outlet>\r\n  } @else {\r\n  <p-tabView (activeIndexChange)=\"activeItemChanged($event)\">\r\n    @for (item of mergedItems; track item; let index = $index) {\r\n    <p-tabPanel [selected]=\"activeIndex === index\" [header]=\"item.title\" [disabled]=\"item.disabled === true\">\r\n      @if (item.contentTemplate){\r\n      <ng-container *ngTemplateOutlet=\"item.contentTemplate\"></ng-container>\r\n      } @else if (item.content) {\r\n      {{ item.content }}\r\n      }\r\n    </p-tabPanel>\r\n    }\r\n  </p-tabView>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i2$b.TabMenu, selector: "p-tabMenu", inputs: ["model", "activeItem", "scrollable", "popup", "style", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["activeItemChange"] }, { kind: "component", type: i3$a.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i3$a.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TabMenuPipe, name: "tabMenu" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: TabViewComponent, selector: "v-tab-view", inputs: { items: "items", useRouting: "useRouting", activeIndex: "activeIndex" }, outputs: { activeIndexChange: "activeIndexChange" }, queries: [{ propertyName: "children", predicate: TabViewItemComponent }], ngImport: i0, template: "<div class=\"v-tab-view\">\n  @if (useRouting) {\n  <p-tabMenu\n    [model]=\"mergedItems | tabMenu\"\n    [activeItem]=\"items[activeIndex]\"\n    (activeItemChange)=\"activeItemChanged($event)\"\n  >\n  </p-tabMenu>\n  <router-outlet></router-outlet>\n  } @else {\n  <p-tabView (activeIndexChange)=\"activeItemChanged($event)\">\n    @for (item of mergedItems; track item; let index = $index) {\n    <p-tabPanel [selected]=\"activeIndex === index\" [header]=\"item.title\" [disabled]=\"item.disabled === true\">\n      @if (item.contentTemplate){\n      <ng-container *ngTemplateOutlet=\"item.contentTemplate\"></ng-container>\n      } @else if (item.content) {\n      {{ item.content }}\n      }\n    </p-tabPanel>\n    }\n  </p-tabView>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i2$b.TabMenu, selector: "p-tabMenu", inputs: ["model", "activeItem", "scrollable", "popup", "style", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["activeItemChange"] }, { kind: "component", type: i3$a.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i3$a.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TabMenuPipe, name: "tabMenu" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TabViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'v-tab-view', template: "<div class=\"v-tab-view\">\r\n  @if (useRouting) {\r\n  <p-tabMenu\r\n    [model]=\"mergedItems | tabMenu\"\r\n    [activeItem]=\"items[activeIndex]\"\r\n    (activeItemChange)=\"activeItemChanged($event)\"\r\n  >\r\n  </p-tabMenu>\r\n  <router-outlet></router-outlet>\r\n  } @else {\r\n  <p-tabView (activeIndexChange)=\"activeItemChanged($event)\">\r\n    @for (item of mergedItems; track item; let index = $index) {\r\n    <p-tabPanel [selected]=\"activeIndex === index\" [header]=\"item.title\" [disabled]=\"item.disabled === true\">\r\n      @if (item.contentTemplate){\r\n      <ng-container *ngTemplateOutlet=\"item.contentTemplate\"></ng-container>\r\n      } @else if (item.content) {\r\n      {{ item.content }}\r\n      }\r\n    </p-tabPanel>\r\n    }\r\n  </p-tabView>\r\n  }\r\n</div>\r\n" }]
+            args: [{ selector: 'v-tab-view', template: "<div class=\"v-tab-view\">\n  @if (useRouting) {\n  <p-tabMenu\n    [model]=\"mergedItems | tabMenu\"\n    [activeItem]=\"items[activeIndex]\"\n    (activeItemChange)=\"activeItemChanged($event)\"\n  >\n  </p-tabMenu>\n  <router-outlet></router-outlet>\n  } @else {\n  <p-tabView (activeIndexChange)=\"activeItemChanged($event)\">\n    @for (item of mergedItems; track item; let index = $index) {\n    <p-tabPanel [selected]=\"activeIndex === index\" [header]=\"item.title\" [disabled]=\"item.disabled === true\">\n      @if (item.contentTemplate){\n      <ng-container *ngTemplateOutlet=\"item.contentTemplate\"></ng-container>\n      } @else if (item.content) {\n      {{ item.content }}\n      }\n    </p-tabPanel>\n    }\n  </p-tabView>\n  }\n</div>\n" }]
         }], propDecorators: { children: [{
                 type: ContentChildren,
                 args: [TabViewItemComponent]