@n-isi-platform/design-system 1.0.15 → 1.0.18

package/fesm2022/n-isi-platform-design-system.mjs

@@ -1,12 +1,13 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Input, Output, Component, SecurityContext, HostListener, ViewChild, ChangeDetectionStrategy, forwardRef } from '@angular/core';
+import { Injectable, inject, EventEmitter, Input, Output, Component, SecurityContext, HostListener, ViewChild, ChangeDetectionStrategy, forwardRef } from '@angular/core';
 import * as i1 from '@angular/router';
-import { BehaviorSubject, throwError, of, interval, firstValueFrom, Subscription, take } from 'rxjs';
+import { Router } from '@angular/router';
+import * as i1$2 from '@ngx-translate/core';
+import { TranslateService, TranslateModule } from '@ngx-translate/core';
+import { BehaviorSubject, throwError, interval, firstValueFrom, Subscription, take } from 'rxjs';
 import { catchError } from 'rxjs/operators';
 import * as i1$1 from 'primeng/api';
 import { PrimeTemplate, ConfirmEventType } from 'primeng/api';
-import * as i1$2 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
 import * as i1$4 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule, FormGroup, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i1$3 from 'primeng/accordion';
@@ -352,81 +353,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
-/**
- * 2024-07-04 Mare:
- *  pustil samo ta generalni error.interceptor v design-system, prej je bil za backoffice posebej
- *  * loči se preko this.injector.get('ENVIRONMENT') === 'backoffice' oz. 'public'
- */
-class ErrorInterceptor {
-    messageService;
-    translateService;
-    localStorageService;
-    router;
-    injector;
-    constructor(messageService, translateService, localStorageService, router, injector) {
-        this.messageService = messageService;
-        this.translateService = translateService;
-        this.localStorageService = localStorageService;
-        this.router = router;
-        this.injector = injector;
-    }
-    intercept(httpRequest, next) {
-        return next.handle(httpRequest).pipe(catchError((err) => {
-            if (err.status === 401) {
-                this.messageService.add({
-                    key: 'notification',
-                    severity: 'error',
-                    summary: this.translateService?.instant('errors.jwtTokenExpired'),
-                    life: 5000
-                });
-                this.localStorageService.removeItem('userData');
-                // backoffice vs public: preveže na različen url
-                this.injector.get('ENVIRONMENT') === 'backoffice' ?
-                    this.router.navigateByUrl('/login') : this.router.navigateByUrl('/sl');
-            }
-            else if (err.status === 403) {
-                this.router.navigate([""]);
-            }
-            else {
-                // Seznam end-pointov pri katerih se error ne prikaže.
-                const whiteListEndPoints = ["preveri-nove-dokumente-v-krpanu", "preveri-nove-zadeve-v-krpanu"];
-                let displayError = true;
-                whiteListEndPoints.forEach(item => {
-                    if (err.url?.includes(item)) {
-                        displayError = false;
-                    }
-                });
-                if (displayError) {
-                    // Mapping of error codes and their corresponding translation keys
-                    const errorTranslationKeyMapping = {
-                        'VE-0001': 'errors.timeslotNotAvailable',
-                        'VE-0002': 'errors.jwtTokenExpired',
-                        'VE-0003': 'errors.unauthorizedRole',
-                        'VE-0007': 'errors.applicationNotFound',
-                    };
-                    const translationKey = errorTranslationKeyMapping[err.error] || 'errors.thereWasAnError';
-                    // If error message exists in the response display it, otherwise take error message from error code 
-                    const errorMessage = err.error.message ? err.error.message : this.translateService?.instant(translationKey);
-                    // ES-307; 2024-07-02: Mare; dodajanje kode napake uporabniku
-                    const errorCode = err.error?.code ? `${this.translateService.instant('errors.errorCode')} ${err.error.code}` : '';
-                    this.messageService.add({
-                        key: 'notification',
-                        severity: 'error',
-                        summary: `${errorMessage} ${errorCode}`,
-                        life: 5000
-                    });
-                }
-            }
-            return throwError(() => new Error(err.error?.error?.message + '\n' + err.message));
-        }));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ErrorInterceptor, deps: [{ token: i1$1.MessageService }, { token: i1$2.TranslateService }, { token: LocalStorageService }, { token: i1.Router }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ErrorInterceptor });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ErrorInterceptor, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.MessageService }, { type: i1$2.TranslateService }, { type: LocalStorageService }, { type: i1.Router }, { type: i0.Injector }] });
-
 class SharedAuthService {
     router;
     localStorageService;
@@ -484,35 +410,104 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.Router }, { type: LocalStorageService }] });
 
-class JwtInterceptor {
-    localStorageService;
-    sharedAuthService;
-    constructor(localStorageService, sharedAuthService) {
-        this.localStorageService = localStorageService;
-        this.sharedAuthService = sharedAuthService;
+class SharedMessageService {
+    messageService;
+    translateService;
+    constructor(messageService, translateService) {
+        this.messageService = messageService;
+        this.translateService = translateService;
     }
-    intercept(request, next) {
-        return next.handle(request).pipe(catchError((error) => {
-            if (error.status === 401) {
-                this.sharedAuthService.logout();
-                console.error('Your session has expired. Please log in again.');
-                return of();
+    successMessage(message) {
+        this.messageService.add({
+            key: 'notification',
+            severity: 'success',
+            summary: message ? message : this.translateService.instant('common.akcijaUspesna'),
+            life: 6000,
+        });
+    }
+    errorMessage(message) {
+        this.messageService.add({
+            key: 'notification',
+            severity: 'error',
+            summary: message ? message : this.translateService.instant("errors.thereWasAnError"),
+            life: 5000
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SharedMessageService, deps: [{ token: i1$1.MessageService }, { token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SharedMessageService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SharedMessageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$1.MessageService }, { type: i1$2.TranslateService }] });
+
+/**
+ * 2024-07-04 Mare:
+ *  pustil samo ta generalni error.interceptor v design-system, prej je bil za backoffice posebej
+ *  * loči se preko this.injector.get('ENVIRONMENT') === 'backoffice' oz. 'public'
+ */
+class ErrorInterceptor {
+    sharedAuthService = inject(SharedAuthService);
+    sharedMessageService = inject(SharedMessageService);
+    translateService = inject(TranslateService);
+    router = inject(Router);
+    constructor() { }
+    intercept(httpRequest, next) {
+        return next.handle(httpRequest).pipe(catchError((err) => {
+            if (err.status === 401) {
+                if (err?.error?.errorCode == 2056) {
+                    this.sharedMessageService.errorMessage(this.translateService?.instant('errors.deactivatedAccount'));
+                    this.sharedAuthService.logout();
+                }
+                else {
+                    this.sharedMessageService.errorMessage(this.translateService?.instant('errors.jwtTokenExpired'));
+                    this.sharedAuthService.logout();
+                }
             }
-            // JWT malformed: če npr. spremeniš jwt token
-            else if (error.status === 500 && error.error.message && error.error.message.includes('JWT')) {
+            else if (err.status === 500 && err.error.message && err.error.message.includes('JWT')) {
+                // JWT malformed: če npr. spremeniš jwt token
                 this.sharedAuthService.logout();
                 console.error('Invalid session detected. Please log in again.');
-                return of();
             }
-            return throwError(() => error);
+            else if (err.status === 403) {
+                this.router.navigate([""]);
+            }
+            else {
+                // Seznam end-pointov pri katerih se error ne prikaže.
+                const whiteListEndPoints = ["preveri-nove-dokumente-v-krpanu", "preveri-nove-zadeve-v-krpanu"];
+                let displayError = true;
+                whiteListEndPoints.forEach(item => {
+                    if (err.url?.includes(item)) {
+                        displayError = false;
+                    }
+                });
+                if (displayError) {
+                    // Mapping of error codes and their corresponding translation keys
+                    const errorTranslationKeyMapping = {
+                        'VE-0001': 'errors.timeslotNotAvailable',
+                        'VE-0002': 'errors.jwtTokenExpired',
+                        'VE-0003': 'errors.unauthorizedRole',
+                        'VE-0007': 'errors.applicationNotFound',
+                    };
+                    const translationKey = errorTranslationKeyMapping[err.error] || 'errors.thereWasAnError';
+                    // If error message exists in the response display it, otherwise take error message from error code 
+                    const errorMessage = err.error.message ? err.error.message : this.translateService?.instant(translationKey);
+                    // ES-307; 2024-07-02: Mare; dodajanje kode napake uporabniku
+                    const errorCode = err.error?.code ? `${this.translateService.instant('errors.errorCode')} ${err.error.code}` : '';
+                    this.sharedMessageService.errorMessage(`${errorMessage} ${errorCode}`);
+                }
+            }
+            return throwError(() => new Error(err.error?.error?.message + '\n' + err.message));
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: JwtInterceptor, deps: [{ token: LocalStorageService }, { token: SharedAuthService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: JwtInterceptor });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ErrorInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ErrorInterceptor });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: JwtInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ErrorInterceptor, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: LocalStorageService }, { type: SharedAuthService }] });
+        }], ctorParameters: () => [] });
 
 var ButtonColor;
 (function (ButtonColor) {
@@ -564,7 +559,7 @@ class ButtonComponent {
         this.clickEvent.emit(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonComponent, isStandalone: true, selector: "lib-button", inputs: { hasIcon: "hasIcon", label: "label", color: "color", icon: "icon", iconPos: "iconPos", disabled: "disabled", isLoading: "isLoading", styleClass: "styleClass", size: "size", accessibilityText: "accessibilityText", buttonType: "buttonType", isAccessible: "isAccessible", isSelected: "isSelected", ariaControlsId: "ariaControlsId", isExpanded: "isExpanded", link: "link", isTextareaClear: "isTextareaClear" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<p-button\r\n  *ngIf='!hasIcon'\r\n  label=\"{{label}}\"\r\n  styleClass=\"p-button-{{color}} {{styleClass}} p-button-{{size}}\"\r\n  [disabled]='disabled'\r\n  [loading]=\"isLoading\"\r\n  (click)='click($event)'\r\n  [ariaLabel]=\"accessibilityText\"\r\n  [type]=\"buttonType\"\r\n  [ngClass]=\"{ 'selected ': isSelected, 'accessible-btn' : isAccessible }\"\r\n  [attr.aria-controls]=\"ariaControlsId\"\r\n  [attr.aria-expanded]=\"isExpanded\"\r\n  [link]=\"link\"\r\n></p-button>\r\n<p-button\r\n  *ngIf='hasIcon'\r\n  label=\"{{label}}\"\r\n  styleClass=\"p-button-{{color}} {{styleClass}} p-button-{{size}}\"\r\n  icon='pi {{icon}}'\r\n  [iconPos]='iconPos'\r\n  [disabled]='disabled'\r\n  [loading]=\"isLoading\"\r\n  (click)=\"click($event)\"\r\n  [ariaLabel]=\"accessibilityText\"\r\n  [type]=\"buttonType\"\r\n  [ngClass]=\"{ 'selected ': isSelected, 'accessible-btn' : isAccessible }\"\r\n  [attr.aria-controls]=\"ariaControlsId\"\r\n  [attr.aria-expanded]=\"isExpanded\"\r\n  [link]=\"link\"\r\n></p-button>\r\n", styles: [":host ::ng-deep .p-button{width:100%}:host ::ng-deep .p-button:active{background:#1b495a}:host ::ng-deep .p-button.p-button-warning:hover{background:#ffa142;border:1px solid #ffa142}:host ::ng-deep .accessible-btn .p-button{border:15px solid transparent}:host ::ng-deep .selected .p-button{border:15px solid #000000;border-left-color:#6d7375;border-right-color:#6d7375;background-color:#fff;color:#000}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonComponent, isStandalone: true, selector: "lib-button", inputs: { hasIcon: "hasIcon", label: "label", color: "color", icon: "icon", iconPos: "iconPos", disabled: "disabled", isLoading: "isLoading", styleClass: "styleClass", size: "size", accessibilityText: "accessibilityText", buttonType: "buttonType", isAccessible: "isAccessible", isSelected: "isSelected", ariaControlsId: "ariaControlsId", isExpanded: "isExpanded", link: "link", isTextareaClear: "isTextareaClear" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<p-button\n  *ngIf='!hasIcon'\n  label=\"{{label}}\"\n  styleClass=\"p-button-{{color}} {{styleClass}} p-button-{{size}}\"\n  [disabled]='disabled'\n  [loading]=\"isLoading\"\n  (click)='click($event)'\n  [ariaLabel]=\"accessibilityText\"\n  [type]=\"buttonType\"\n  [ngClass]=\"{ 'selected ': isSelected, 'accessible-btn' : isAccessible }\"\n  [attr.aria-controls]=\"ariaControlsId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [link]=\"link\"\n></p-button>\n<p-button\n  *ngIf='hasIcon'\n  label=\"{{label}}\"\n  styleClass=\"p-button-{{color}} {{styleClass}} p-button-{{size}}\"\n  icon='pi {{icon}}'\n  [iconPos]='iconPos'\n  [disabled]='disabled'\n  [loading]=\"isLoading\"\n  (click)=\"click($event)\"\n  [ariaLabel]=\"accessibilityText\"\n  [type]=\"buttonType\"\n  [ngClass]=\"{ 'selected ': isSelected, 'accessible-btn' : isAccessible }\"\n  [attr.aria-controls]=\"ariaControlsId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [link]=\"link\"\n></p-button>\n", styles: [":host ::ng-deep .p-button{width:100%}:host ::ng-deep .p-button:active{background:#1b495a}:host ::ng-deep .p-button.p-button-warning:hover{background:#ffa142;border:1px solid #ffa142}:host ::ng-deep .accessible-btn .p-button{border:15px solid transparent}:host ::ng-deep .selected .p-button{border:15px solid #000000;border-left-color:#6d7375;border-right-color:#6d7375;background-color:#fff;color:#000}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
@@ -572,7 +567,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         NgIf,
                         Button,
                         NgClass,
-                    ], template: "<p-button\r\n  *ngIf='!hasIcon'\r\n  label=\"{{label}}\"\r\n  styleClass=\"p-button-{{color}} {{styleClass}} p-button-{{size}}\"\r\n  [disabled]='disabled'\r\n  [loading]=\"isLoading\"\r\n  (click)='click($event)'\r\n  [ariaLabel]=\"accessibilityText\"\r\n  [type]=\"buttonType\"\r\n  [ngClass]=\"{ 'selected ': isSelected, 'accessible-btn' : isAccessible }\"\r\n  [attr.aria-controls]=\"ariaControlsId\"\r\n  [attr.aria-expanded]=\"isExpanded\"\r\n  [link]=\"link\"\r\n></p-button>\r\n<p-button\r\n  *ngIf='hasIcon'\r\n  label=\"{{label}}\"\r\n  styleClass=\"p-button-{{color}} {{styleClass}} p-button-{{size}}\"\r\n  icon='pi {{icon}}'\r\n  [iconPos]='iconPos'\r\n  [disabled]='disabled'\r\n  [loading]=\"isLoading\"\r\n  (click)=\"click($event)\"\r\n  [ariaLabel]=\"accessibilityText\"\r\n  [type]=\"buttonType\"\r\n  [ngClass]=\"{ 'selected ': isSelected, 'accessible-btn' : isAccessible }\"\r\n  [attr.aria-controls]=\"ariaControlsId\"\r\n  [attr.aria-expanded]=\"isExpanded\"\r\n  [link]=\"link\"\r\n></p-button>\r\n", styles: [":host ::ng-deep .p-button{width:100%}:host ::ng-deep .p-button:active{background:#1b495a}:host ::ng-deep .p-button.p-button-warning:hover{background:#ffa142;border:1px solid #ffa142}:host ::ng-deep .accessible-btn .p-button{border:15px solid transparent}:host ::ng-deep .selected .p-button{border:15px solid #000000;border-left-color:#6d7375;border-right-color:#6d7375;background-color:#fff;color:#000}\n"] }]
+                    ], template: "<p-button\n  *ngIf='!hasIcon'\n  label=\"{{label}}\"\n  styleClass=\"p-button-{{color}} {{styleClass}} p-button-{{size}}\"\n  [disabled]='disabled'\n  [loading]=\"isLoading\"\n  (click)='click($event)'\n  [ariaLabel]=\"accessibilityText\"\n  [type]=\"buttonType\"\n  [ngClass]=\"{ 'selected ': isSelected, 'accessible-btn' : isAccessible }\"\n  [attr.aria-controls]=\"ariaControlsId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [link]=\"link\"\n></p-button>\n<p-button\n  *ngIf='hasIcon'\n  label=\"{{label}}\"\n  styleClass=\"p-button-{{color}} {{styleClass}} p-button-{{size}}\"\n  icon='pi {{icon}}'\n  [iconPos]='iconPos'\n  [disabled]='disabled'\n  [loading]=\"isLoading\"\n  (click)=\"click($event)\"\n  [ariaLabel]=\"accessibilityText\"\n  [type]=\"buttonType\"\n  [ngClass]=\"{ 'selected ': isSelected, 'accessible-btn' : isAccessible }\"\n  [attr.aria-controls]=\"ariaControlsId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [link]=\"link\"\n></p-button>\n", styles: [":host ::ng-deep .p-button{width:100%}:host ::ng-deep .p-button:active{background:#1b495a}:host ::ng-deep .p-button.p-button-warning:hover{background:#ffa142;border:1px solid #ffa142}:host ::ng-deep .accessible-btn .p-button{border:15px solid transparent}:host ::ng-deep .selected .p-button{border:15px solid #000000;border-left-color:#6d7375;border-right-color:#6d7375;background-color:#fff;color:#000}\n"] }]
         }], propDecorators: { hasIcon: [{
                 type: Input
             }], label: [{
@@ -647,7 +642,7 @@ class AccordionComponent {
     }
     ButtonColor = ButtonColor;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AccordionComponent, isStandalone: true, selector: "lib-accordion[headerTitle]", inputs: { isHeaderEditable: "isHeaderEditable", isAccordionDeletable: "isAccordionDeletable", isAccordionCloneable: "isAccordionCloneable", headerTitle: "headerTitle", selected: "selected", icon: "icon", headerTitlePlaceholder: "headerTitlePlaceholder", headerTitleEditable: "headerTitleEditable", group: "group", controlName: "controlName", name: "name", canDisable: "canDisable", toggleLabel: "toggleLabel", toggleControlName: "toggleControlName" }, outputs: { clickEvent: "clickEvent", clickToggleEvent: "clickToggleEvent", clickCloneEvent: "clickCloneEvent" }, ngImport: i0, template: "<p-accordion class=\"w-full\" [value]=\"selected ? 1 : 0\" [id]=\"headerTitle\">\r\n  <p-accordion-panel [value]=\"1\">\r\n    <p-accordion-header>\r\n        <div class=\"flex justify-content-between align-items-center overflow-auto\">\r\n          <ng-container>\r\n            <div class=\"flex align-items-center\" *ngIf=\"!isHeaderEditable\">\r\n              <i [ngClass]=\"icon\"></i>\r\n              <span class=\"vertical-align-middle\">{{ headerTitle }}</span>\r\n            </div>\r\n            <div class=\"flex align-items-center\" *ngIf=\"isHeaderEditable\" [formGroup]=\"group\">\r\n              <i [ngClass]=\"icon\"></i>\r\n              <input type=\"text\" pInputText [formControlName]=\"controlName\" (click)=\"$event.stopPropagation()\"\r\n                    (keydown.space)=\"$event.stopPropagation()\"/>\r\n            </div>\r\n            <i class=\"pi pi-ellipsis-v controls-mobile\" (click)=\"controlsMenu.toggle($event)\"\r\n              *ngIf=\"canDisable || isAccordionDeletable\"></i>\r\n            <div class=\"controls-lg-screen\">\r\n              <ng-container *ngIf=\"canDisable || isAccordionDeletable\" [ngTemplateOutlet]=\"controls\"></ng-container>\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n    </p-accordion-header>\r\n      <p-accordion-content>\r\n        <ng-content></ng-content>\r\n      </p-accordion-content>\r\n  </p-accordion-panel>\r\n</p-accordion>\r\n\r\n<p-popover #controlsMenu>\r\n  <ng-container [ngTemplateOutlet]=\"smallerDevicesControls\"></ng-container>\r\n</p-popover>\r\n\r\n<ng-template #controls>\r\n  <div class=\"controls\">\r\n    <div class=\"flex align-items-center\">\r\n      <form [formGroup]=\"group\" class=\"flex align-items-center ml-5\" *ngIf=\"canDisable\">\r\n        <label class=\"mr-2\">{{ toggleLabel }}</label>\r\n        <p-selectButton\r\n          (click)=\"clickToggleButton($event)\"\r\n          [options]=\"stateOptions\"\r\n          [formControlName]=\"toggleControlName\"\r\n          optionLabel=\"label\"\r\n          optionValue=\"value\"\r\n        ></p-selectButton>\r\n      </form>\r\n      <lib-button\r\n        *ngIf=\"isAccordionCloneable\"\r\n        class=\"ml-5 clone-button\"\r\n        label=\"Kopiraj okence\"\r\n        [hasIcon]=\"true\"\r\n        icon=\"pi pi-clone\"\r\n        (clickEvent)=\"clickCloneButton($event)\"\r\n        [color]=\"ButtonColor.warning\"\r\n      ></lib-button>\r\n    </div>\r\n\r\n    <lib-button\r\n      *ngIf=\"isAccordionDeletable\"\r\n      class=\"ml-5 delete-button\"\r\n      label=\"Izbri\u0161i okence\"\r\n      [hasIcon]=\"true\"\r\n      icon=\"pi pi-trash\"\r\n      (clickEvent)=\"click($event)\"\r\n      [color]=\"ButtonColor.danger\"\r\n    ></lib-button>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #smallerDevicesControls>\r\n  <div class=\"flex-column p-1\">\r\n    <form [formGroup]=\"group\" class=\"flex align-items-center ml-5\" *ngIf=\"canDisable\">\r\n      <label class=\"mr-2\">{{ toggleLabel }}</label>\r\n      <p-selectButton\r\n        (click)=\"clickToggleButton($event)\"\r\n        [options]=\"stateOptions\"\r\n        [formControlName]=\"toggleControlName\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"value\"\r\n      ></p-selectButton>\r\n    </form>\r\n\r\n    <div class=\"flex align-items-center mt-2\">\r\n      <lib-button\r\n        *ngIf=\"isAccordionCloneable\"\r\n        class=\"clone-button\"\r\n        label=\"Kopiraj okence\"\r\n        [hasIcon]=\"true\"\r\n        icon=\"pi pi-clone\"\r\n        (clickEvent)=\"clickCloneButton($event)\"\r\n        [color]=\"ButtonColor.warning\"\r\n      ></lib-button>\r\n\r\n      <lib-button\r\n        *ngIf=\"isAccordionDeletable\"\r\n        class=\"ml-2 delete-button\"\r\n        label=\"Izbri\u0161i okence\"\r\n        [hasIcon]=\"true\"\r\n        icon=\"pi pi-trash\"\r\n        (clickEvent)=\"click($event)\"\r\n        [color]=\"ButtonColor.danger\"\r\n      ></lib-button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader{color:#fff!important;background-color:#3e7c94}:host ::ng-deep .p-accordion .p-accordionheader{background-color:#3e7c94;color:#fff}:host ::ng-deep .p-accordion .p-accordionheader:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-accordion .p-accordionheader:hover{background:#facd9c!important}:host ::ng-deep .p-accordion .p-accordionheader:not(.p-disabled).p-highlight .p-accordionheader-link{color:#fff}:host ::ng-deep .p-accordion .p-accordionheader .p-accordion-toggle-icon{margin-top:-8px;position:absolute;right:.5em;top:50%}:host ::ng-deep .p-accordion .p-accordionheader .delete-button{position:absolute;right:8em;top:50%;transform:translateY(-50%)}:host ::ng-deep .p-accordion .p-accordionheader .pi-chevron-right{transform:rotate(90deg)}:host ::ng-deep .p-accordion .p-accordionheader .pi-chevron-down{transform:rotate(180deg)}:host ::ng-deep .p-accordion .p-accordioncontent-content{margin-top:8px}@media screen and (max-width: 1260px){:host ::ng-deep .p-inputtext,:host ::ng-deep label{font-size:12px}:host ::ng-deep .delete-button .p-button,:host ::ng-deep .clone-button .p-button{font-size:12px}:host ::ng-deep .delete-button .p-button .p-button-label,:host ::ng-deep .clone-button .p-button .p-button-label{display:none}:host ::ng-deep .delete-button .p-button .p-button-icon,:host ::ng-deep .clone-button .p-button .p-button-icon{margin-left:0}}:host ::ng-deep .p-selectbutton .p-button{background:#fff;color:#3e7c94}@media screen and (max-width: 1260px){:host ::ng-deep .p-selectbutton .p-button{font-size:12px}}:host ::ng-deep .p-selectbutton .p-button.p-highlight{background:#ffa142;color:#fff}.controls{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 1260px){.controls{flex-direction:column;justify-content:start;align-items:start}.controls form,.controls .delete-button{margin:0!important;padding:5px 15px!important}.controls form{border-bottom:1px solid #3E7C94}}.controls-mobile{display:none}@media screen and (max-width: 1260px){.controls-mobile{margin-left:15px;display:block}}.controls-lg-screen{display:block}@media screen and (max-width: 1260px){.controls-lg-screen{display:none}}\n"], dependencies: [{ kind: "component", type: Accordion, selector: "p-accordion", inputs: ["value", "multiple", "style", "styleClass", "expandIcon", "collapseIcon", "selectOnFocus", "transitionOptions", "activeIndex", "headerAriaLevel"], outputs: ["valueChange", "activeIndexChange", "onClose", "onOpen"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i1$3.AccordionPanel, selector: "p-accordion-panel, p-accordionpanel", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: i1$3.AccordionHeader, selector: "p-accordion-header, p-accordionheader" }, { kind: "component", type: i1$3.AccordionContent, selector: "p-accordion-content, p-accordioncontent" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i3.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "size", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AccordionComponent, isStandalone: true, selector: "lib-accordion[headerTitle]", inputs: { isHeaderEditable: "isHeaderEditable", isAccordionDeletable: "isAccordionDeletable", isAccordionCloneable: "isAccordionCloneable", headerTitle: "headerTitle", selected: "selected", icon: "icon", headerTitlePlaceholder: "headerTitlePlaceholder", headerTitleEditable: "headerTitleEditable", group: "group", controlName: "controlName", name: "name", canDisable: "canDisable", toggleLabel: "toggleLabel", toggleControlName: "toggleControlName" }, outputs: { clickEvent: "clickEvent", clickToggleEvent: "clickToggleEvent", clickCloneEvent: "clickCloneEvent" }, ngImport: i0, template: "<p-accordion class=\"w-full\" [value]=\"selected ? 1 : 0\" [id]=\"headerTitle\">\n  <p-accordion-panel [value]=\"1\">\n    <p-accordion-header>\n        <div class=\"flex justify-content-between align-items-center overflow-auto\">\n          <ng-container>\n            <div class=\"flex align-items-center\" *ngIf=\"!isHeaderEditable\">\n              <i [ngClass]=\"icon\"></i>\n              <span class=\"vertical-align-middle\">{{ headerTitle }}</span>\n            </div>\n            <div class=\"flex align-items-center\" *ngIf=\"isHeaderEditable\" [formGroup]=\"group\">\n              <i [ngClass]=\"icon\"></i>\n              <input type=\"text\" pInputText [formControlName]=\"controlName\" (click)=\"$event.stopPropagation()\"\n                    (keydown.space)=\"$event.stopPropagation()\"/>\n            </div>\n            <i class=\"pi pi-ellipsis-v controls-mobile\" (click)=\"controlsMenu.toggle($event)\"\n              *ngIf=\"canDisable || isAccordionDeletable\"></i>\n            <div class=\"controls-lg-screen\">\n              <ng-container *ngIf=\"canDisable || isAccordionDeletable\" [ngTemplateOutlet]=\"controls\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n    </p-accordion-header>\n      <p-accordion-content>\n        <ng-content></ng-content>\n      </p-accordion-content>\n  </p-accordion-panel>\n</p-accordion>\n\n<p-popover #controlsMenu>\n  <ng-container [ngTemplateOutlet]=\"smallerDevicesControls\"></ng-container>\n</p-popover>\n\n<ng-template #controls>\n  <div class=\"controls\">\n    <div class=\"flex align-items-center\">\n      <form [formGroup]=\"group\" class=\"flex align-items-center ml-5\" *ngIf=\"canDisable\">\n        <label class=\"mr-2\">{{ toggleLabel }}</label>\n        <p-selectButton\n          (click)=\"clickToggleButton($event)\"\n          [options]=\"stateOptions\"\n          [formControlName]=\"toggleControlName\"\n          optionLabel=\"label\"\n          optionValue=\"value\"\n        ></p-selectButton>\n      </form>\n      <lib-button\n        *ngIf=\"isAccordionCloneable\"\n        class=\"ml-5 clone-button\"\n        label=\"Kopiraj okence\"\n        [hasIcon]=\"true\"\n        icon=\"pi pi-clone\"\n        (clickEvent)=\"clickCloneButton($event)\"\n        [color]=\"ButtonColor.warning\"\n      ></lib-button>\n    </div>\n\n    <lib-button\n      *ngIf=\"isAccordionDeletable\"\n      class=\"ml-5 delete-button\"\n      label=\"Izbri\u0161i okence\"\n      [hasIcon]=\"true\"\n      icon=\"pi pi-trash\"\n      (clickEvent)=\"click($event)\"\n      [color]=\"ButtonColor.danger\"\n    ></lib-button>\n  </div>\n</ng-template>\n\n<ng-template #smallerDevicesControls>\n  <div class=\"flex-column p-1\">\n    <form [formGroup]=\"group\" class=\"flex align-items-center ml-5\" *ngIf=\"canDisable\">\n      <label class=\"mr-2\">{{ toggleLabel }}</label>\n      <p-selectButton\n        (click)=\"clickToggleButton($event)\"\n        [options]=\"stateOptions\"\n        [formControlName]=\"toggleControlName\"\n        optionLabel=\"label\"\n        optionValue=\"value\"\n      ></p-selectButton>\n    </form>\n\n    <div class=\"flex align-items-center mt-2\">\n      <lib-button\n        *ngIf=\"isAccordionCloneable\"\n        class=\"clone-button\"\n        label=\"Kopiraj okence\"\n        [hasIcon]=\"true\"\n        icon=\"pi pi-clone\"\n        (clickEvent)=\"clickCloneButton($event)\"\n        [color]=\"ButtonColor.warning\"\n      ></lib-button>\n\n      <lib-button\n        *ngIf=\"isAccordionDeletable\"\n        class=\"ml-2 delete-button\"\n        label=\"Izbri\u0161i okence\"\n        [hasIcon]=\"true\"\n        icon=\"pi pi-trash\"\n        (clickEvent)=\"click($event)\"\n        [color]=\"ButtonColor.danger\"\n      ></lib-button>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host ::ng-deep .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader{color:#fff!important;background-color:#3e7c94}:host ::ng-deep .p-accordion .p-accordionheader{background-color:#3e7c94;color:#fff}:host ::ng-deep .p-accordion .p-accordionheader:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-accordion .p-accordionheader:hover{background:#facd9c!important}:host ::ng-deep .p-accordion .p-accordionheader:not(.p-disabled).p-highlight .p-accordionheader-link{color:#fff}:host ::ng-deep .p-accordion .p-accordionheader .p-accordion-toggle-icon{margin-top:-8px;position:absolute;right:.5em;top:50%}:host ::ng-deep .p-accordion .p-accordionheader .delete-button{position:absolute;right:8em;top:50%;transform:translateY(-50%)}:host ::ng-deep .p-accordion .p-accordionheader .pi-chevron-right{transform:rotate(90deg)}:host ::ng-deep .p-accordion .p-accordionheader .pi-chevron-down{transform:rotate(180deg)}:host ::ng-deep .p-accordion .p-accordioncontent-content{margin-top:8px}@media screen and (max-width: 1260px){:host ::ng-deep .p-inputtext,:host ::ng-deep label{font-size:12px}:host ::ng-deep .delete-button .p-button,:host ::ng-deep .clone-button .p-button{font-size:12px}:host ::ng-deep .delete-button .p-button .p-button-label,:host ::ng-deep .clone-button .p-button .p-button-label{display:none}:host ::ng-deep .delete-button .p-button .p-button-icon,:host ::ng-deep .clone-button .p-button .p-button-icon{margin-left:0}}:host ::ng-deep .p-selectbutton .p-button{background:#fff;color:#3e7c94}@media screen and (max-width: 1260px){:host ::ng-deep .p-selectbutton .p-button{font-size:12px}}:host ::ng-deep .p-selectbutton .p-button.p-highlight{background:#ffa142;color:#fff}.controls{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 1260px){.controls{flex-direction:column;justify-content:start;align-items:start}.controls form,.controls .delete-button{margin:0!important;padding:5px 15px!important}.controls form{border-bottom:1px solid #3E7C94}}.controls-mobile{display:none}@media screen and (max-width: 1260px){.controls-mobile{margin-left:15px;display:block}}.controls-lg-screen{display:block}@media screen and (max-width: 1260px){.controls-lg-screen{display:none}}\n"], dependencies: [{ kind: "component", type: Accordion, selector: "p-accordion", inputs: ["value", "multiple", "style", "styleClass", "expandIcon", "collapseIcon", "selectOnFocus", "transitionOptions", "activeIndex", "headerAriaLevel"], outputs: ["valueChange", "activeIndexChange", "onClose", "onOpen"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i1$3.AccordionPanel, selector: "p-accordion-panel, p-accordionpanel", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: i1$3.AccordionHeader, selector: "p-accordion-header, p-accordionheader" }, { kind: "component", type: i1$3.AccordionContent, selector: "p-accordion-content, p-accordioncontent" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i3.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "size", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
@@ -663,7 +658,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         PopoverModule,
                         SelectButton,
                         ButtonComponent,
-                    ], template: "<p-accordion class=\"w-full\" [value]=\"selected ? 1 : 0\" [id]=\"headerTitle\">\r\n  <p-accordion-panel [value]=\"1\">\r\n    <p-accordion-header>\r\n        <div class=\"flex justify-content-between align-items-center overflow-auto\">\r\n          <ng-container>\r\n            <div class=\"flex align-items-center\" *ngIf=\"!isHeaderEditable\">\r\n              <i [ngClass]=\"icon\"></i>\r\n              <span class=\"vertical-align-middle\">{{ headerTitle }}</span>\r\n            </div>\r\n            <div class=\"flex align-items-center\" *ngIf=\"isHeaderEditable\" [formGroup]=\"group\">\r\n              <i [ngClass]=\"icon\"></i>\r\n              <input type=\"text\" pInputText [formControlName]=\"controlName\" (click)=\"$event.stopPropagation()\"\r\n                    (keydown.space)=\"$event.stopPropagation()\"/>\r\n            </div>\r\n            <i class=\"pi pi-ellipsis-v controls-mobile\" (click)=\"controlsMenu.toggle($event)\"\r\n              *ngIf=\"canDisable || isAccordionDeletable\"></i>\r\n            <div class=\"controls-lg-screen\">\r\n              <ng-container *ngIf=\"canDisable || isAccordionDeletable\" [ngTemplateOutlet]=\"controls\"></ng-container>\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n    </p-accordion-header>\r\n      <p-accordion-content>\r\n        <ng-content></ng-content>\r\n      </p-accordion-content>\r\n  </p-accordion-panel>\r\n</p-accordion>\r\n\r\n<p-popover #controlsMenu>\r\n  <ng-container [ngTemplateOutlet]=\"smallerDevicesControls\"></ng-container>\r\n</p-popover>\r\n\r\n<ng-template #controls>\r\n  <div class=\"controls\">\r\n    <div class=\"flex align-items-center\">\r\n      <form [formGroup]=\"group\" class=\"flex align-items-center ml-5\" *ngIf=\"canDisable\">\r\n        <label class=\"mr-2\">{{ toggleLabel }}</label>\r\n        <p-selectButton\r\n          (click)=\"clickToggleButton($event)\"\r\n          [options]=\"stateOptions\"\r\n          [formControlName]=\"toggleControlName\"\r\n          optionLabel=\"label\"\r\n          optionValue=\"value\"\r\n        ></p-selectButton>\r\n      </form>\r\n      <lib-button\r\n        *ngIf=\"isAccordionCloneable\"\r\n        class=\"ml-5 clone-button\"\r\n        label=\"Kopiraj okence\"\r\n        [hasIcon]=\"true\"\r\n        icon=\"pi pi-clone\"\r\n        (clickEvent)=\"clickCloneButton($event)\"\r\n        [color]=\"ButtonColor.warning\"\r\n      ></lib-button>\r\n    </div>\r\n\r\n    <lib-button\r\n      *ngIf=\"isAccordionDeletable\"\r\n      class=\"ml-5 delete-button\"\r\n      label=\"Izbri\u0161i okence\"\r\n      [hasIcon]=\"true\"\r\n      icon=\"pi pi-trash\"\r\n      (clickEvent)=\"click($event)\"\r\n      [color]=\"ButtonColor.danger\"\r\n    ></lib-button>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #smallerDevicesControls>\r\n  <div class=\"flex-column p-1\">\r\n    <form [formGroup]=\"group\" class=\"flex align-items-center ml-5\" *ngIf=\"canDisable\">\r\n      <label class=\"mr-2\">{{ toggleLabel }}</label>\r\n      <p-selectButton\r\n        (click)=\"clickToggleButton($event)\"\r\n        [options]=\"stateOptions\"\r\n        [formControlName]=\"toggleControlName\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"value\"\r\n      ></p-selectButton>\r\n    </form>\r\n\r\n    <div class=\"flex align-items-center mt-2\">\r\n      <lib-button\r\n        *ngIf=\"isAccordionCloneable\"\r\n        class=\"clone-button\"\r\n        label=\"Kopiraj okence\"\r\n        [hasIcon]=\"true\"\r\n        icon=\"pi pi-clone\"\r\n        (clickEvent)=\"clickCloneButton($event)\"\r\n        [color]=\"ButtonColor.warning\"\r\n      ></lib-button>\r\n\r\n      <lib-button\r\n        *ngIf=\"isAccordionDeletable\"\r\n        class=\"ml-2 delete-button\"\r\n        label=\"Izbri\u0161i okence\"\r\n        [hasIcon]=\"true\"\r\n        icon=\"pi pi-trash\"\r\n        (clickEvent)=\"click($event)\"\r\n        [color]=\"ButtonColor.danger\"\r\n      ></lib-button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader{color:#fff!important;background-color:#3e7c94}:host ::ng-deep .p-accordion .p-accordionheader{background-color:#3e7c94;color:#fff}:host ::ng-deep .p-accordion .p-accordionheader:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-accordion .p-accordionheader:hover{background:#facd9c!important}:host ::ng-deep .p-accordion .p-accordionheader:not(.p-disabled).p-highlight .p-accordionheader-link{color:#fff}:host ::ng-deep .p-accordion .p-accordionheader .p-accordion-toggle-icon{margin-top:-8px;position:absolute;right:.5em;top:50%}:host ::ng-deep .p-accordion .p-accordionheader .delete-button{position:absolute;right:8em;top:50%;transform:translateY(-50%)}:host ::ng-deep .p-accordion .p-accordionheader .pi-chevron-right{transform:rotate(90deg)}:host ::ng-deep .p-accordion .p-accordionheader .pi-chevron-down{transform:rotate(180deg)}:host ::ng-deep .p-accordion .p-accordioncontent-content{margin-top:8px}@media screen and (max-width: 1260px){:host ::ng-deep .p-inputtext,:host ::ng-deep label{font-size:12px}:host ::ng-deep .delete-button .p-button,:host ::ng-deep .clone-button .p-button{font-size:12px}:host ::ng-deep .delete-button .p-button .p-button-label,:host ::ng-deep .clone-button .p-button .p-button-label{display:none}:host ::ng-deep .delete-button .p-button .p-button-icon,:host ::ng-deep .clone-button .p-button .p-button-icon{margin-left:0}}:host ::ng-deep .p-selectbutton .p-button{background:#fff;color:#3e7c94}@media screen and (max-width: 1260px){:host ::ng-deep .p-selectbutton .p-button{font-size:12px}}:host ::ng-deep .p-selectbutton .p-button.p-highlight{background:#ffa142;color:#fff}.controls{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 1260px){.controls{flex-direction:column;justify-content:start;align-items:start}.controls form,.controls .delete-button{margin:0!important;padding:5px 15px!important}.controls form{border-bottom:1px solid #3E7C94}}.controls-mobile{display:none}@media screen and (max-width: 1260px){.controls-mobile{margin-left:15px;display:block}}.controls-lg-screen{display:block}@media screen and (max-width: 1260px){.controls-lg-screen{display:none}}\n"] }]
+                    ], template: "<p-accordion class=\"w-full\" [value]=\"selected ? 1 : 0\" [id]=\"headerTitle\">\n  <p-accordion-panel [value]=\"1\">\n    <p-accordion-header>\n        <div class=\"flex justify-content-between align-items-center overflow-auto\">\n          <ng-container>\n            <div class=\"flex align-items-center\" *ngIf=\"!isHeaderEditable\">\n              <i [ngClass]=\"icon\"></i>\n              <span class=\"vertical-align-middle\">{{ headerTitle }}</span>\n            </div>\n            <div class=\"flex align-items-center\" *ngIf=\"isHeaderEditable\" [formGroup]=\"group\">\n              <i [ngClass]=\"icon\"></i>\n              <input type=\"text\" pInputText [formControlName]=\"controlName\" (click)=\"$event.stopPropagation()\"\n                    (keydown.space)=\"$event.stopPropagation()\"/>\n            </div>\n            <i class=\"pi pi-ellipsis-v controls-mobile\" (click)=\"controlsMenu.toggle($event)\"\n              *ngIf=\"canDisable || isAccordionDeletable\"></i>\n            <div class=\"controls-lg-screen\">\n              <ng-container *ngIf=\"canDisable || isAccordionDeletable\" [ngTemplateOutlet]=\"controls\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n    </p-accordion-header>\n      <p-accordion-content>\n        <ng-content></ng-content>\n      </p-accordion-content>\n  </p-accordion-panel>\n</p-accordion>\n\n<p-popover #controlsMenu>\n  <ng-container [ngTemplateOutlet]=\"smallerDevicesControls\"></ng-container>\n</p-popover>\n\n<ng-template #controls>\n  <div class=\"controls\">\n    <div class=\"flex align-items-center\">\n      <form [formGroup]=\"group\" class=\"flex align-items-center ml-5\" *ngIf=\"canDisable\">\n        <label class=\"mr-2\">{{ toggleLabel }}</label>\n        <p-selectButton\n          (click)=\"clickToggleButton($event)\"\n          [options]=\"stateOptions\"\n          [formControlName]=\"toggleControlName\"\n          optionLabel=\"label\"\n          optionValue=\"value\"\n        ></p-selectButton>\n      </form>\n      <lib-button\n        *ngIf=\"isAccordionCloneable\"\n        class=\"ml-5 clone-button\"\n        label=\"Kopiraj okence\"\n        [hasIcon]=\"true\"\n        icon=\"pi pi-clone\"\n        (clickEvent)=\"clickCloneButton($event)\"\n        [color]=\"ButtonColor.warning\"\n      ></lib-button>\n    </div>\n\n    <lib-button\n      *ngIf=\"isAccordionDeletable\"\n      class=\"ml-5 delete-button\"\n      label=\"Izbri\u0161i okence\"\n      [hasIcon]=\"true\"\n      icon=\"pi pi-trash\"\n      (clickEvent)=\"click($event)\"\n      [color]=\"ButtonColor.danger\"\n    ></lib-button>\n  </div>\n</ng-template>\n\n<ng-template #smallerDevicesControls>\n  <div class=\"flex-column p-1\">\n    <form [formGroup]=\"group\" class=\"flex align-items-center ml-5\" *ngIf=\"canDisable\">\n      <label class=\"mr-2\">{{ toggleLabel }}</label>\n      <p-selectButton\n        (click)=\"clickToggleButton($event)\"\n        [options]=\"stateOptions\"\n        [formControlName]=\"toggleControlName\"\n        optionLabel=\"label\"\n        optionValue=\"value\"\n      ></p-selectButton>\n    </form>\n\n    <div class=\"flex align-items-center mt-2\">\n      <lib-button\n        *ngIf=\"isAccordionCloneable\"\n        class=\"clone-button\"\n        label=\"Kopiraj okence\"\n        [hasIcon]=\"true\"\n        icon=\"pi pi-clone\"\n        (clickEvent)=\"clickCloneButton($event)\"\n        [color]=\"ButtonColor.warning\"\n      ></lib-button>\n\n      <lib-button\n        *ngIf=\"isAccordionDeletable\"\n        class=\"ml-2 delete-button\"\n        label=\"Izbri\u0161i okence\"\n        [hasIcon]=\"true\"\n        icon=\"pi pi-trash\"\n        (clickEvent)=\"click($event)\"\n        [color]=\"ButtonColor.danger\"\n      ></lib-button>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host ::ng-deep .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader{color:#fff!important;background-color:#3e7c94}:host ::ng-deep .p-accordion .p-accordionheader{background-color:#3e7c94;color:#fff}:host ::ng-deep .p-accordion .p-accordionheader:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-accordion .p-accordionheader:hover{background:#facd9c!important}:host ::ng-deep .p-accordion .p-accordionheader:not(.p-disabled).p-highlight .p-accordionheader-link{color:#fff}:host ::ng-deep .p-accordion .p-accordionheader .p-accordion-toggle-icon{margin-top:-8px;position:absolute;right:.5em;top:50%}:host ::ng-deep .p-accordion .p-accordionheader .delete-button{position:absolute;right:8em;top:50%;transform:translateY(-50%)}:host ::ng-deep .p-accordion .p-accordionheader .pi-chevron-right{transform:rotate(90deg)}:host ::ng-deep .p-accordion .p-accordionheader .pi-chevron-down{transform:rotate(180deg)}:host ::ng-deep .p-accordion .p-accordioncontent-content{margin-top:8px}@media screen and (max-width: 1260px){:host ::ng-deep .p-inputtext,:host ::ng-deep label{font-size:12px}:host ::ng-deep .delete-button .p-button,:host ::ng-deep .clone-button .p-button{font-size:12px}:host ::ng-deep .delete-button .p-button .p-button-label,:host ::ng-deep .clone-button .p-button .p-button-label{display:none}:host ::ng-deep .delete-button .p-button .p-button-icon,:host ::ng-deep .clone-button .p-button .p-button-icon{margin-left:0}}:host ::ng-deep .p-selectbutton .p-button{background:#fff;color:#3e7c94}@media screen and (max-width: 1260px){:host ::ng-deep .p-selectbutton .p-button{font-size:12px}}:host ::ng-deep .p-selectbutton .p-button.p-highlight{background:#ffa142;color:#fff}.controls{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 1260px){.controls{flex-direction:column;justify-content:start;align-items:start}.controls form,.controls .delete-button{margin:0!important;padding:5px 15px!important}.controls form{border-bottom:1px solid #3E7C94}}.controls-mobile{display:none}@media screen and (max-width: 1260px){.controls-mobile{margin-left:15px;display:block}}.controls-lg-screen{display:block}@media screen and (max-width: 1260px){.controls-lg-screen{display:none}}\n"] }]
         }], propDecorators: { isHeaderEditable: [{
                 type: Input
             }], isAccordionDeletable: [{
@@ -758,11 +753,11 @@ class TooltipComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TooltipComponent, deps: [{ token: i1$5.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TooltipComponent, isStandalone: true, selector: " lib-tooltip", inputs: { icon: "icon", htmlParser: "htmlParser", text: "text", position: "position", tooltipEvent: "tooltipEvent", autoHide: "autoHide", htmlParse: "htmlParse" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: Tooltip, descendants: true }], ngImport: i0, template: "<i\r\n  tabindex=\"0\"\r\n  class=\"pi {{ icon }}\"\r\n  pTooltip=\"{{ text }}\"\r\n  [tooltipPosition]=\"position\"\r\n  [tooltipEvent]='tooltipEvent'\r\n  [autoHide]=\"autoHide\"\r\n  [escape]=\"htmlParse\"\r\n  (click)=\"onClick()\"\r\n  [attr.aria-label]=\"text\"\r\n  aria-describedby=\"tooltipId\"\r\n></i>\r\n\r\n<div id=\"tooltipId\" style=\"display: none;\">{{ text }}</div>\r\n\r\n", styles: ["i{color:#3e7c94}\n"], dependencies: [{ kind: "directive", type: 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 ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TooltipComponent, isStandalone: true, selector: " lib-tooltip", inputs: { icon: "icon", htmlParser: "htmlParser", text: "text", position: "position", tooltipEvent: "tooltipEvent", autoHide: "autoHide", htmlParse: "htmlParse" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: Tooltip, descendants: true }], ngImport: i0, template: "<i\n  tabindex=\"0\"\n  class=\"pi {{ icon }}\"\n  pTooltip=\"{{ text }}\"\n  [tooltipPosition]=\"position\"\n  [tooltipEvent]='tooltipEvent'\n  [autoHide]=\"autoHide\"\n  [escape]=\"htmlParse\"\n  (click)=\"onClick()\"\n  [attr.aria-label]=\"text\"\n  aria-describedby=\"tooltipId\"\n></i>\n\n<div id=\"tooltipId\" style=\"display: none;\">{{ text }}</div>\n\n", styles: ["i{color:#3e7c94}\n"], dependencies: [{ kind: "directive", type: 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: "19.2.6", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: ' lib-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, imports: [Tooltip], template: "<i\r\n  tabindex=\"0\"\r\n  class=\"pi {{ icon }}\"\r\n  pTooltip=\"{{ text }}\"\r\n  [tooltipPosition]=\"position\"\r\n  [tooltipEvent]='tooltipEvent'\r\n  [autoHide]=\"autoHide\"\r\n  [escape]=\"htmlParse\"\r\n  (click)=\"onClick()\"\r\n  [attr.aria-label]=\"text\"\r\n  aria-describedby=\"tooltipId\"\r\n></i>\r\n\r\n<div id=\"tooltipId\" style=\"display: none;\">{{ text }}</div>\r\n\r\n", styles: ["i{color:#3e7c94}\n"] }]
+            args: [{ selector: ' lib-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, imports: [Tooltip], template: "<i\n  tabindex=\"0\"\n  class=\"pi {{ icon }}\"\n  pTooltip=\"{{ text }}\"\n  [tooltipPosition]=\"position\"\n  [tooltipEvent]='tooltipEvent'\n  [autoHide]=\"autoHide\"\n  [escape]=\"htmlParse\"\n  (click)=\"onClick()\"\n  [attr.aria-label]=\"text\"\n  aria-describedby=\"tooltipId\"\n></i>\n\n<div id=\"tooltipId\" style=\"display: none;\">{{ text }}</div>\n\n", styles: ["i{color:#3e7c94}\n"] }]
         }], ctorParameters: () => [{ type: i1$5.DomSanitizer }], propDecorators: { icon: [{
                 type: Input
             }], htmlParser: [{
@@ -796,11 +791,11 @@ class ErrorComponent {
     hasGroupError = false;
     errorId;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ErrorComponent, isStandalone: true, selector: "lib-error", inputs: { hasError: "hasError", isTouched: "isTouched", isSubmitTriggered: "isSubmitTriggered", isNestedFormSubmit: "isNestedFormSubmit", isDirty: "isDirty", isRequired: "isRequired", hasGroupError: "hasGroupError", errorId: "errorId" }, ngImport: i0, template: "<small class=\"required\" aria-live=\"polite\" [id]=\"errorId\">\r\n  <ng-container *ngIf=\"hasError\">\r\n    <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && hasError.required\">\r\n      {{ 'errors.isRequired' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isNotBlank\">\r\n      {{ 'errors.isNotBlank' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasError.isNotBlank && hasError.isCoordinate\">\r\n      {{ 'errors.isCoordinate' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isNotDecimal)\">\r\n      {{ 'errors.decimal' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.min)\">\r\n      {{ 'errors.minNumber' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasError.min && hasError.max)\">\r\n      {{ 'errors.maxNumber' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.email)\">\r\n      {{ 'errors.email' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasGroupError && hasError.isNotValidPhoneNumber)\">\r\n      {{ 'errors.phoneNumber' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isMultipleOfFive)\">\r\n      {{ 'errors.isMultipleOfFive' | translate }}\r\n    </ng-container>\r\n  </ng-container>\r\n</small>\r\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ErrorComponent, isStandalone: true, selector: "lib-error", inputs: { hasError: "hasError", isTouched: "isTouched", isSubmitTriggered: "isSubmitTriggered", isNestedFormSubmit: "isNestedFormSubmit", isDirty: "isDirty", isRequired: "isRequired", hasGroupError: "hasGroupError", errorId: "errorId" }, ngImport: i0, template: "<small class=\"required\" aria-live=\"polite\" [id]=\"errorId\">\n  <ng-container *ngIf=\"hasError\">\n    <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && hasError.required\">\n      {{ 'errors.isRequired' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isNotBlank\">\n      {{ 'errors.isNotBlank' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasError.isNotBlank && hasError.isCoordinate\">\n      {{ 'errors.isCoordinate' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isNotDecimal)\">\n      {{ 'errors.decimal' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.min)\">\n      {{ 'errors.minNumber' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasError.min && hasError.max)\">\n      {{ 'errors.maxNumber' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.email)\">\n      {{ 'errors.email' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasGroupError && hasError.isNotValidPhoneNumber)\">\n      {{ 'errors.phoneNumber' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isMultipleOfFive)\">\n      {{ 'errors.isMultipleOfFive' | translate }}\n    </ng-container>\n  </ng-container>\n</small>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ErrorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-error', imports: [NgIf, TranslateModule], template: "<small class=\"required\" aria-live=\"polite\" [id]=\"errorId\">\r\n  <ng-container *ngIf=\"hasError\">\r\n    <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && hasError.required\">\r\n      {{ 'errors.isRequired' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isNotBlank\">\r\n      {{ 'errors.isNotBlank' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasError.isNotBlank && hasError.isCoordinate\">\r\n      {{ 'errors.isCoordinate' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isNotDecimal)\">\r\n      {{ 'errors.decimal' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.min)\">\r\n      {{ 'errors.minNumber' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasError.min && hasError.max)\">\r\n      {{ 'errors.maxNumber' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.email)\">\r\n      {{ 'errors.email' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasGroupError && hasError.isNotValidPhoneNumber)\">\r\n      {{ 'errors.phoneNumber' | translate }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isMultipleOfFive)\">\r\n      {{ 'errors.isMultipleOfFive' | translate }}\r\n    </ng-container>\r\n  </ng-container>\r\n</small>\r\n" }]
+            args: [{ selector: 'lib-error', imports: [NgIf, TranslateModule], template: "<small class=\"required\" aria-live=\"polite\" [id]=\"errorId\">\n  <ng-container *ngIf=\"hasError\">\n    <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && hasError.required\">\n      {{ 'errors.isRequired' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isNotBlank\">\n      {{ 'errors.isNotBlank' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasError.isNotBlank && hasError.isCoordinate\">\n      {{ 'errors.isCoordinate' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isNotDecimal)\">\n      {{ 'errors.decimal' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.min)\">\n      {{ 'errors.minNumber' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasError.min && hasError.max)\">\n      {{ 'errors.maxNumber' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.email)\">\n      {{ 'errors.email' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasGroupError && hasError.isNotValidPhoneNumber)\">\n      {{ 'errors.phoneNumber' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isMultipleOfFive)\">\n      {{ 'errors.isMultipleOfFive' | translate }}\n    </ng-container>\n  </ng-container>\n</small>\n" }]
         }], propDecorators: { hasError: [{
                 type: Input
             }], isTouched: [{
@@ -939,7 +934,7 @@ class AutocompleteComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AutocompleteComponent, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AutocompleteComponent, isStandalone: true, selector: "lib-autocomplete[group][controlName][name]", inputs: { name: "name", isMultiselect: "isMultiselect", selectedItemLabel: "selectedItemLabel", group: "group", controlName: "controlName", label: "label", optionList: "optionList", optionLabel: "optionLabel", optionalValue: "optionalValue", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", appendTo: "appendTo", filterBy: "filterBy", showClear: "showClear", forceSelection: "forceSelection", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", nestedGroup: "nestedGroup", isLoading: "isLoading", emptyMessage: "emptyMessage", ariaFilterLabel: "ariaFilterLabel" }, outputs: { getValueEvent: "getValueEvent" }, ngImport: i0, template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n  <div class=\"flex\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n    <p-autoComplete *ngIf=\"!isMultiselect\"\r\n      [inputId]=\"name\"\r\n      [dropdown]=\"true\"\r\n      [forceSelection]=\"true\"\r\n      [suggestions]=\"filteredOptions\"\r\n      (completeMethod)=\"completeMethod($event)\"\r\n      [appendTo]=\"appendTo\"\r\n      [optionLabel]=\"filterBy\"\r\n      [formControlName]=\"controlName\"\r\n      [placeholder]='placeholder'\r\n    >\r\n      <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n        <div class=\"flex align-items-center\">\r\n          <span>{{ nestedGroup.label }}</span>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <!-- custom template for button - dropdownicon | aria support -->\r\n      <ng-template pTemplate=\"dropdownicon\">\r\n            <span class=\"p-button-icon pi pi-chevron-down\"\r\n                  id=\"dropdownLabel\"\r\n                  [attr.aria-label]=\"ariaFilterLabel\"></span>\r\n      </ng-template>\r\n    </p-autoComplete>\r\n\r\n  <p-multiSelect\r\n    *ngIf=\"isMultiselect\"\r\n    [inputId]=\"name\"\r\n    (onChange)='getSelectedValue($event)'\r\n    [options]=\"optionList\"\r\n    [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\r\n    [formControlName]=\"controlName\"\r\n    [group]=\"nestedGroup\"\r\n    [filter]='filter'\r\n    [filterBy]='filterBy'\r\n    [selectedItemsLabel]=\"dynamicItemsLabel\"\r\n    [placeholder]=\"placeholder\"\r\n    [showClear]=\"group.get(controlName)!.value && showClear\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    (onClear)=\"onClear()\"\r\n    [emptyMessage]=\"emptyAutocompleteMessage\"\r\n    [emptyFilterMessage]=\"emptyFilterAutocompleteMessage\"\r\n    [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n      <div class=\"flex align-items-center\">\r\n        <span>{{ nestedGroup.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-multiSelect>\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isDirty]=\"group.get(controlName)!.pristine\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: [":host ::ng-deep .p-autocomplete{width:100%;border:1.75px solid #3E7C94!important;border:0;border-radius:10px}:host ::ng-deep .p-autocomplete::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-autocomplete:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-autocomplete:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-autocomplete button{background-color:#3e7c94}:host ::ng-deep .p-autocomplete button:hover{background-color:#3e7c94;color:#fff}:host ::ng-deep .p-autocomplete .p-autocomplete-item.p-ripple{white-space:normal}:host ::ng-deep .p-autocomplete:hover{border:0;box-shadow:0 0 1px 1px #ffa142}:host ::ng-deep .p-autocomplete:not(.p-disabled).p-focus{border:0;box-shadow:0 0 1px 1px #ffa142}:host ::ng-deep .p-autocomplete .p-autocomplete-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group:hover{cursor:default}:host ::ng-deep .p-autocomplete .p-button{width:3.5rem;border-radius:0 8px 8px 0}:host ::ng-deep .p-autocomplete .p-inputtext{border-radius:8px 0 0 8px}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AutocompleteComponent, isStandalone: true, selector: "lib-autocomplete[group][controlName][name]", inputs: { name: "name", isMultiselect: "isMultiselect", selectedItemLabel: "selectedItemLabel", group: "group", controlName: "controlName", label: "label", optionList: "optionList", optionLabel: "optionLabel", optionalValue: "optionalValue", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", appendTo: "appendTo", filterBy: "filterBy", showClear: "showClear", forceSelection: "forceSelection", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", nestedGroup: "nestedGroup", isLoading: "isLoading", emptyMessage: "emptyMessage", ariaFilterLabel: "ariaFilterLabel" }, outputs: { getValueEvent: "getValueEvent" }, ngImport: i0, template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\n  <div class=\"flex\">\n    <label [for]=\"name\" class=\"mr-2\">\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n    </label>\n    <lib-tooltip\n      *ngIf=\"_isTooltipVisible\"\n      [position]=\"tooltipPosition\"\n      [text]=\"tooltipText!\"\n    ></lib-tooltip>\n  </div>\n    <p-autoComplete *ngIf=\"!isMultiselect\"\n      [inputId]=\"name\"\n      [dropdown]=\"true\"\n      [forceSelection]=\"true\"\n      [suggestions]=\"filteredOptions\"\n      (completeMethod)=\"completeMethod($event)\"\n      [appendTo]=\"appendTo\"\n      [optionLabel]=\"filterBy\"\n      [formControlName]=\"controlName\"\n      [placeholder]='placeholder'\n    >\n      <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n        <div class=\"flex align-items-center\">\n          <span>{{ nestedGroup.label }}</span>\n        </div>\n      </ng-template>\n\n      <!-- custom template for button - dropdownicon | aria support -->\n      <ng-template pTemplate=\"dropdownicon\">\n            <span class=\"p-button-icon pi pi-chevron-down\"\n                  id=\"dropdownLabel\"\n                  [attr.aria-label]=\"ariaFilterLabel\"></span>\n      </ng-template>\n    </p-autoComplete>\n\n  <p-multiSelect\n    *ngIf=\"isMultiselect\"\n    [inputId]=\"name\"\n    (onChange)='getSelectedValue($event)'\n    [options]=\"optionList\"\n    [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\n    [formControlName]=\"controlName\"\n    [group]=\"nestedGroup\"\n    [filter]='filter'\n    [filterBy]='filterBy'\n    [selectedItemsLabel]=\"dynamicItemsLabel\"\n    [placeholder]=\"placeholder\"\n    [showClear]=\"group.get(controlName)!.value && showClear\"\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\n    [attr.aria-label]=\"accessibilityText\"\n    (onClear)=\"onClear()\"\n    [emptyMessage]=\"emptyAutocompleteMessage\"\n    [emptyFilterMessage]=\"emptyFilterAutocompleteMessage\"\n    [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n    [attr.aria-describedby]=\"name + 'Error'\"\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n    [attr.aria-required]=\"isRequired\"\n  >\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n      <div class=\"flex align-items-center\">\n        <span>{{ nestedGroup.label }}</span>\n      </div>\n    </ng-template>\n  </p-multiSelect>\n  <lib-error\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\n    [hasError]=\"group.get(controlName)!.errors\"\n    [isDirty]=\"group.get(controlName)!.pristine\"\n    [isTouched]=\"group.get(controlName)!.touched\"\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\n    [errorId]=\"name+'Error'\"\n  ></lib-error>\n</div>\n", styles: [":host ::ng-deep .p-autocomplete{width:100%;border:1.75px solid #3E7C94!important;border:0;border-radius:10px}:host ::ng-deep .p-autocomplete::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-autocomplete:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-autocomplete:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-autocomplete button{background-color:#3e7c94}:host ::ng-deep .p-autocomplete button:hover{background-color:#3e7c94;color:#fff}:host ::ng-deep .p-autocomplete .p-autocomplete-item.p-ripple{white-space:normal}:host ::ng-deep .p-autocomplete:hover{border:0;box-shadow:0 0 1px 1px #ffa142}:host ::ng-deep .p-autocomplete:not(.p-disabled).p-focus{border:0;box-shadow:0 0 1px 1px #ffa142}:host ::ng-deep .p-autocomplete .p-autocomplete-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group:hover{cursor:default}:host ::ng-deep .p-autocomplete .p-button{width:3.5rem;border-radius:0 8px 8px 0}:host ::ng-deep .p-autocomplete .p-inputtext{border-radius:8px 0 0 8px}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
@@ -953,7 +948,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         MultiSelect,
                         NgClass,
                         ErrorComponent,
-                    ], template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n  <div class=\"flex\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n    <p-autoComplete *ngIf=\"!isMultiselect\"\r\n      [inputId]=\"name\"\r\n      [dropdown]=\"true\"\r\n      [forceSelection]=\"true\"\r\n      [suggestions]=\"filteredOptions\"\r\n      (completeMethod)=\"completeMethod($event)\"\r\n      [appendTo]=\"appendTo\"\r\n      [optionLabel]=\"filterBy\"\r\n      [formControlName]=\"controlName\"\r\n      [placeholder]='placeholder'\r\n    >\r\n      <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n        <div class=\"flex align-items-center\">\r\n          <span>{{ nestedGroup.label }}</span>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <!-- custom template for button - dropdownicon | aria support -->\r\n      <ng-template pTemplate=\"dropdownicon\">\r\n            <span class=\"p-button-icon pi pi-chevron-down\"\r\n                  id=\"dropdownLabel\"\r\n                  [attr.aria-label]=\"ariaFilterLabel\"></span>\r\n      </ng-template>\r\n    </p-autoComplete>\r\n\r\n  <p-multiSelect\r\n    *ngIf=\"isMultiselect\"\r\n    [inputId]=\"name\"\r\n    (onChange)='getSelectedValue($event)'\r\n    [options]=\"optionList\"\r\n    [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\r\n    [formControlName]=\"controlName\"\r\n    [group]=\"nestedGroup\"\r\n    [filter]='filter'\r\n    [filterBy]='filterBy'\r\n    [selectedItemsLabel]=\"dynamicItemsLabel\"\r\n    [placeholder]=\"placeholder\"\r\n    [showClear]=\"group.get(controlName)!.value && showClear\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    (onClear)=\"onClear()\"\r\n    [emptyMessage]=\"emptyAutocompleteMessage\"\r\n    [emptyFilterMessage]=\"emptyFilterAutocompleteMessage\"\r\n    [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n      <div class=\"flex align-items-center\">\r\n        <span>{{ nestedGroup.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-multiSelect>\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isDirty]=\"group.get(controlName)!.pristine\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: [":host ::ng-deep .p-autocomplete{width:100%;border:1.75px solid #3E7C94!important;border:0;border-radius:10px}:host ::ng-deep .p-autocomplete::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-autocomplete:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-autocomplete:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-autocomplete button{background-color:#3e7c94}:host ::ng-deep .p-autocomplete button:hover{background-color:#3e7c94;color:#fff}:host ::ng-deep .p-autocomplete .p-autocomplete-item.p-ripple{white-space:normal}:host ::ng-deep .p-autocomplete:hover{border:0;box-shadow:0 0 1px 1px #ffa142}:host ::ng-deep .p-autocomplete:not(.p-disabled).p-focus{border:0;box-shadow:0 0 1px 1px #ffa142}:host ::ng-deep .p-autocomplete .p-autocomplete-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group:hover{cursor:default}:host ::ng-deep .p-autocomplete .p-button{width:3.5rem;border-radius:0 8px 8px 0}:host ::ng-deep .p-autocomplete .p-inputtext{border-radius:8px 0 0 8px}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"] }]
+                    ], template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\n  <div class=\"flex\">\n    <label [for]=\"name\" class=\"mr-2\">\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n    </label>\n    <lib-tooltip\n      *ngIf=\"_isTooltipVisible\"\n      [position]=\"tooltipPosition\"\n      [text]=\"tooltipText!\"\n    ></lib-tooltip>\n  </div>\n    <p-autoComplete *ngIf=\"!isMultiselect\"\n      [inputId]=\"name\"\n      [dropdown]=\"true\"\n      [forceSelection]=\"true\"\n      [suggestions]=\"filteredOptions\"\n      (completeMethod)=\"completeMethod($event)\"\n      [appendTo]=\"appendTo\"\n      [optionLabel]=\"filterBy\"\n      [formControlName]=\"controlName\"\n      [placeholder]='placeholder'\n    >\n      <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n        <div class=\"flex align-items-center\">\n          <span>{{ nestedGroup.label }}</span>\n        </div>\n      </ng-template>\n\n      <!-- custom template for button - dropdownicon | aria support -->\n      <ng-template pTemplate=\"dropdownicon\">\n            <span class=\"p-button-icon pi pi-chevron-down\"\n                  id=\"dropdownLabel\"\n                  [attr.aria-label]=\"ariaFilterLabel\"></span>\n      </ng-template>\n    </p-autoComplete>\n\n  <p-multiSelect\n    *ngIf=\"isMultiselect\"\n    [inputId]=\"name\"\n    (onChange)='getSelectedValue($event)'\n    [options]=\"optionList\"\n    [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\n    [formControlName]=\"controlName\"\n    [group]=\"nestedGroup\"\n    [filter]='filter'\n    [filterBy]='filterBy'\n    [selectedItemsLabel]=\"dynamicItemsLabel\"\n    [placeholder]=\"placeholder\"\n    [showClear]=\"group.get(controlName)!.value && showClear\"\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\n    [attr.aria-label]=\"accessibilityText\"\n    (onClear)=\"onClear()\"\n    [emptyMessage]=\"emptyAutocompleteMessage\"\n    [emptyFilterMessage]=\"emptyFilterAutocompleteMessage\"\n    [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n    [attr.aria-describedby]=\"name + 'Error'\"\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n    [attr.aria-required]=\"isRequired\"\n  >\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n      <div class=\"flex align-items-center\">\n        <span>{{ nestedGroup.label }}</span>\n      </div>\n    </ng-template>\n  </p-multiSelect>\n  <lib-error\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\n    [hasError]=\"group.get(controlName)!.errors\"\n    [isDirty]=\"group.get(controlName)!.pristine\"\n    [isTouched]=\"group.get(controlName)!.touched\"\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\n    [errorId]=\"name+'Error'\"\n  ></lib-error>\n</div>\n", styles: [":host ::ng-deep .p-autocomplete{width:100%;border:1.75px solid #3E7C94!important;border:0;border-radius:10px}:host ::ng-deep .p-autocomplete::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-autocomplete:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-autocomplete:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-autocomplete button{background-color:#3e7c94}:host ::ng-deep .p-autocomplete button:hover{background-color:#3e7c94;color:#fff}:host ::ng-deep .p-autocomplete .p-autocomplete-item.p-ripple{white-space:normal}:host ::ng-deep .p-autocomplete:hover{border:0;box-shadow:0 0 1px 1px #ffa142}:host ::ng-deep .p-autocomplete:not(.p-disabled).p-focus{border:0;box-shadow:0 0 1px 1px #ffa142}:host ::ng-deep .p-autocomplete .p-autocomplete-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group:hover{cursor:default}:host ::ng-deep .p-autocomplete .p-button{width:3.5rem;border-radius:0 8px 8px 0}:host ::ng-deep .p-autocomplete .p-inputtext{border-radius:8px 0 0 8px}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.TranslateService }], propDecorators: { name: [{
                 type: Input
             }], isMultiselect: [{
@@ -1010,11 +1005,11 @@ class BreadcrumbsComponent {
     itemList = [];
     homeItem = {};
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: BreadcrumbsComponent, isStandalone: true, selector: "lib-breadcrumbs[itemList][homeItem]", inputs: { itemList: "itemList", homeItem: "homeItem" }, ngImport: i0, template: "<p-breadcrumb\r\n  class=\"max-w-full\"\r\n  [model]=\"itemList\"\r\n  [home]=\"homeItem\"\r\n>\r\n  <ng-template pTemplate=\"separator\">&nbsp;>&nbsp;</ng-template>\r\n</p-breadcrumb>\r\n<!--<lib-divider></lib-divider>-->\r\n", styles: [":host ::ng-deep .p-breadcrumb{background:transparent;padding:0}:host ::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#1b495a}:host ::ng-deep .p-breadcrumb .p-element:hover{text-decoration:underline;color:#3e7c94}:host ::ng-deep .p-breadcrumb .p-element:last-child{pointer-events:none;color:#000}:host ::ng-deep .p-breadcrumb .p-element:last-child:hover{text-decoration:none}:host ::ng-deep .p-breadcrumb .p-breadcrumb-chevron:before{content:\">\";color:#1b495a}:host ::ng-deep .p-breadcrumb .p-icon-wrapper{display:none}:host ::ng-deep .p-breadcrumb .p-menuitem-text{color:#1b495a}\n"], dependencies: [{ kind: "component", type: Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: BreadcrumbsComponent, isStandalone: true, selector: "lib-breadcrumbs[itemList][homeItem]", inputs: { itemList: "itemList", homeItem: "homeItem" }, ngImport: i0, template: "<p-breadcrumb\n  class=\"max-w-full\"\n  [model]=\"itemList\"\n  [home]=\"homeItem\"\n>\n  <ng-template pTemplate=\"separator\">&nbsp;>&nbsp;</ng-template>\n</p-breadcrumb>\n<!--<lib-divider></lib-divider>-->\n", styles: [":host ::ng-deep .p-breadcrumb{background:transparent;padding:0}:host ::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#1b495a}:host ::ng-deep .p-breadcrumb .p-element:hover{text-decoration:underline;color:#3e7c94}:host ::ng-deep .p-breadcrumb .p-element:last-child{pointer-events:none;color:#000}:host ::ng-deep .p-breadcrumb .p-element:last-child:hover{text-decoration:none}:host ::ng-deep .p-breadcrumb .p-breadcrumb-chevron:before{content:\">\";color:#1b495a}:host ::ng-deep .p-breadcrumb .p-icon-wrapper{display:none}:host ::ng-deep .p-breadcrumb .p-menuitem-text{color:#1b495a}\n"], dependencies: [{ kind: "component", type: Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-breadcrumbs[itemList][homeItem]', imports: [Breadcrumb, PrimeTemplate], template: "<p-breadcrumb\r\n  class=\"max-w-full\"\r\n  [model]=\"itemList\"\r\n  [home]=\"homeItem\"\r\n>\r\n  <ng-template pTemplate=\"separator\">&nbsp;>&nbsp;</ng-template>\r\n</p-breadcrumb>\r\n<!--<lib-divider></lib-divider>-->\r\n", styles: [":host ::ng-deep .p-breadcrumb{background:transparent;padding:0}:host ::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#1b495a}:host ::ng-deep .p-breadcrumb .p-element:hover{text-decoration:underline;color:#3e7c94}:host ::ng-deep .p-breadcrumb .p-element:last-child{pointer-events:none;color:#000}:host ::ng-deep .p-breadcrumb .p-element:last-child:hover{text-decoration:none}:host ::ng-deep .p-breadcrumb .p-breadcrumb-chevron:before{content:\">\";color:#1b495a}:host ::ng-deep .p-breadcrumb .p-icon-wrapper{display:none}:host ::ng-deep .p-breadcrumb .p-menuitem-text{color:#1b495a}\n"] }]
+            args: [{ selector: 'lib-breadcrumbs[itemList][homeItem]', imports: [Breadcrumb, PrimeTemplate], template: "<p-breadcrumb\n  class=\"max-w-full\"\n  [model]=\"itemList\"\n  [home]=\"homeItem\"\n>\n  <ng-template pTemplate=\"separator\">&nbsp;>&nbsp;</ng-template>\n</p-breadcrumb>\n<!--<lib-divider></lib-divider>-->\n", styles: [":host ::ng-deep .p-breadcrumb{background:transparent;padding:0}:host ::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#1b495a}:host ::ng-deep .p-breadcrumb .p-element:hover{text-decoration:underline;color:#3e7c94}:host ::ng-deep .p-breadcrumb .p-element:last-child{pointer-events:none;color:#000}:host ::ng-deep .p-breadcrumb .p-element:last-child:hover{text-decoration:none}:host ::ng-deep .p-breadcrumb .p-breadcrumb-chevron:before{content:\">\";color:#1b495a}:host ::ng-deep .p-breadcrumb .p-icon-wrapper{display:none}:host ::ng-deep .p-breadcrumb .p-menuitem-text{color:#1b495a}\n"] }]
         }], propDecorators: { itemList: [{
                 type: Input
             }], homeItem: [{
@@ -1034,11 +1029,11 @@ class ButtonLinkComponent {
         this.clickEvent.emit(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonLinkComponent, isStandalone: true, selector: "lib-button-link", inputs: { hasIcon: "hasIcon", label: "label", isDanger: "isDanger", isPrimary: "isPrimary", icon: "icon", target: "target", accessibilityText: "accessibilityText" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<ng-container *ngIf=\"isDanger\">\r\n  <a href=\"#\"\r\n     [target]=\"target\"\r\n     [attr.aria-label]=\"accessibilityText\"\r\n     (click)='click($event)'\r\n     class=\"p-button-link p-button-link-danger text-center\">\r\n    {{ label }} <i *ngIf=\"hasIcon\" class=\"pi\" [ngClass]=\"icon\"></i>\r\n  </a>\r\n</ng-container>\r\n<ng-container *ngIf=\"isPrimary\">\r\n  <a href=\"#\"\r\n     [target]=\"target\"\r\n     [attr.aria-label]=\"accessibilityText\"\r\n     (click)='click($event)'\r\n     class=\"p-button-link p-button-link-primary text-center\">\r\n    {{ label }} <i *ngIf=\"hasIcon\" class=\"pi\" [ngClass]=\"icon\"></i>\r\n  </a>\r\n</ng-container>\r\n\r\n", styles: [".p-button-link{border-radius:0;padding:.5rem .4rem;width:100%;text-decoration:none;display:block}.p-button-link.p-button-link-danger{background:#b2414d;color:#fff}.p-button-link.p-button-link-danger:focus{outline:none;box-shadow:0 0 0 .2rem #facd9c}.p-button-link.p-button-link-primary{background:#3e7c94;color:#fff}.p-button-link.p-button-link-primary:focus{outline:none;box-shadow:0 0 0 .2rem #facd9c}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonLinkComponent, isStandalone: true, selector: "lib-button-link", inputs: { hasIcon: "hasIcon", label: "label", isDanger: "isDanger", isPrimary: "isPrimary", icon: "icon", target: "target", accessibilityText: "accessibilityText" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<ng-container *ngIf=\"isDanger\">\n  <a href=\"#\"\n     [target]=\"target\"\n     [attr.aria-label]=\"accessibilityText\"\n     (click)='click($event)'\n     class=\"p-button-link p-button-link-danger text-center\">\n    {{ label }} <i *ngIf=\"hasIcon\" class=\"pi\" [ngClass]=\"icon\"></i>\n  </a>\n</ng-container>\n<ng-container *ngIf=\"isPrimary\">\n  <a href=\"#\"\n     [target]=\"target\"\n     [attr.aria-label]=\"accessibilityText\"\n     (click)='click($event)'\n     class=\"p-button-link p-button-link-primary text-center\">\n    {{ label }} <i *ngIf=\"hasIcon\" class=\"pi\" [ngClass]=\"icon\"></i>\n  </a>\n</ng-container>\n\n", styles: [".p-button-link{border-radius:0;padding:.5rem .4rem;width:100%;text-decoration:none;display:block}.p-button-link.p-button-link-danger{background:#b2414d;color:#fff}.p-button-link.p-button-link-danger:focus{outline:none;box-shadow:0 0 0 .2rem #facd9c}.p-button-link.p-button-link-primary{background:#3e7c94;color:#fff}.p-button-link.p-button-link-primary:focus{outline:none;box-shadow:0 0 0 .2rem #facd9c}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-button-link', imports: [NgIf, NgClass], template: "<ng-container *ngIf=\"isDanger\">\r\n  <a href=\"#\"\r\n     [target]=\"target\"\r\n     [attr.aria-label]=\"accessibilityText\"\r\n     (click)='click($event)'\r\n     class=\"p-button-link p-button-link-danger text-center\">\r\n    {{ label }} <i *ngIf=\"hasIcon\" class=\"pi\" [ngClass]=\"icon\"></i>\r\n  </a>\r\n</ng-container>\r\n<ng-container *ngIf=\"isPrimary\">\r\n  <a href=\"#\"\r\n     [target]=\"target\"\r\n     [attr.aria-label]=\"accessibilityText\"\r\n     (click)='click($event)'\r\n     class=\"p-button-link p-button-link-primary text-center\">\r\n    {{ label }} <i *ngIf=\"hasIcon\" class=\"pi\" [ngClass]=\"icon\"></i>\r\n  </a>\r\n</ng-container>\r\n\r\n", styles: [".p-button-link{border-radius:0;padding:.5rem .4rem;width:100%;text-decoration:none;display:block}.p-button-link.p-button-link-danger{background:#b2414d;color:#fff}.p-button-link.p-button-link-danger:focus{outline:none;box-shadow:0 0 0 .2rem #facd9c}.p-button-link.p-button-link-primary{background:#3e7c94;color:#fff}.p-button-link.p-button-link-primary:focus{outline:none;box-shadow:0 0 0 .2rem #facd9c}\n"] }]
+            args: [{ selector: 'lib-button-link', imports: [NgIf, NgClass], template: "<ng-container *ngIf=\"isDanger\">\n  <a href=\"#\"\n     [target]=\"target\"\n     [attr.aria-label]=\"accessibilityText\"\n     (click)='click($event)'\n     class=\"p-button-link p-button-link-danger text-center\">\n    {{ label }} <i *ngIf=\"hasIcon\" class=\"pi\" [ngClass]=\"icon\"></i>\n  </a>\n</ng-container>\n<ng-container *ngIf=\"isPrimary\">\n  <a href=\"#\"\n     [target]=\"target\"\n     [attr.aria-label]=\"accessibilityText\"\n     (click)='click($event)'\n     class=\"p-button-link p-button-link-primary text-center\">\n    {{ label }} <i *ngIf=\"hasIcon\" class=\"pi\" [ngClass]=\"icon\"></i>\n  </a>\n</ng-container>\n\n", styles: [".p-button-link{border-radius:0;padding:.5rem .4rem;width:100%;text-decoration:none;display:block}.p-button-link.p-button-link-danger{background:#b2414d;color:#fff}.p-button-link.p-button-link-danger:focus{outline:none;box-shadow:0 0 0 .2rem #facd9c}.p-button-link.p-button-link-primary{background:#3e7c94;color:#fff}.p-button-link.p-button-link-primary:focus{outline:none;box-shadow:0 0 0 .2rem #facd9c}\n"] }]
         }], propDecorators: { hasIcon: [{
                 type: Input
             }], label: [{
@@ -1061,11 +1056,11 @@ class CardComponent {
     title;
     cardBody;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardComponent, isStandalone: true, selector: "lib-card", inputs: { title: "title", cardBody: "cardBody" }, ngImport: i0, template: "<p-card header=\"{{ title }}\">\r\n  <p class=\"m-0 flex align-items-center\"><i class=\"pi pi-exclamation-triangle mr-3\"></i>{{ cardBody }}</p>\r\n</p-card>\r\n", styles: [":host ::ng-deep .p-card{background:#facd9c;color:#000;font-weight:700}:host ::ng-deep .p-card .p-card-body{padding:0 15px}\n"], dependencies: [{ kind: "component", type: Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardComponent, isStandalone: true, selector: "lib-card", inputs: { title: "title", cardBody: "cardBody" }, ngImport: i0, template: "<p-card header=\"{{ title }}\">\n  <p class=\"m-0 flex align-items-center\"><i class=\"pi pi-exclamation-triangle mr-3\"></i>{{ cardBody }}</p>\n</p-card>\n", styles: [":host ::ng-deep .p-card{background:#facd9c;color:#000;font-weight:700}:host ::ng-deep .p-card .p-card-body{padding:0 15px}\n"], dependencies: [{ kind: "component", type: Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-card', imports: [Card], template: "<p-card header=\"{{ title }}\">\r\n  <p class=\"m-0 flex align-items-center\"><i class=\"pi pi-exclamation-triangle mr-3\"></i>{{ cardBody }}</p>\r\n</p-card>\r\n", styles: [":host ::ng-deep .p-card{background:#facd9c;color:#000;font-weight:700}:host ::ng-deep .p-card .p-card-body{padding:0 15px}\n"] }]
+            args: [{ selector: 'lib-card', imports: [Card], template: "<p-card header=\"{{ title }}\">\n  <p class=\"m-0 flex align-items-center\"><i class=\"pi pi-exclamation-triangle mr-3\"></i>{{ cardBody }}</p>\n</p-card>\n", styles: [":host ::ng-deep .p-card{background:#facd9c;color:#000;font-weight:700}:host ::ng-deep .p-card .p-card-body{padding:0 15px}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], cardBody: [{
@@ -1089,7 +1084,7 @@ class CheckboxComponent {
         event.stopPropagation();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CheckboxComponent, isStandalone: true, selector: "lib-checkbox[group][controlName][label]", inputs: { label: "label", group: "group", controlName: "controlName", value: "value", formStatus: "formStatus", ariaLabel: "ariaLabel" }, outputs: { clickCheckboxEvent: "clickCheckboxEvent" }, ngImport: i0, template: "<div [formGroup]=\"group\">\r\n  <p-checkbox [binary]=\"true\"\r\n              (click)=\"clickCheckbox($event)\"\r\n              [formControlName]=\"controlName\"\r\n              [value]=\"value\"\r\n              [inputId]=\"controlName\" \r\n              [ariaLabel]=\"ariaLabel\"\r\n  ></p-checkbox>\r\n  <label [for]=\"controlName\" class=\"ml-2\">{{ label }}</label>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CheckboxComponent, isStandalone: true, selector: "lib-checkbox[group][controlName][label]", inputs: { label: "label", group: "group", controlName: "controlName", value: "value", formStatus: "formStatus", ariaLabel: "ariaLabel" }, outputs: { clickCheckboxEvent: "clickCheckboxEvent" }, ngImport: i0, template: "<div [formGroup]=\"group\">\n  <p-checkbox [binary]=\"true\"\n              (click)=\"clickCheckbox($event)\"\n              [formControlName]=\"controlName\"\n              [value]=\"value\"\n              [inputId]=\"controlName\" \n              [ariaLabel]=\"ariaLabel\"\n  ></p-checkbox>\n  <label [for]=\"controlName\" class=\"ml-2\">{{ label }}</label>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
@@ -1097,7 +1092,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         FormsModule,
                         ReactiveFormsModule,
                         Checkbox,
-                    ], template: "<div [formGroup]=\"group\">\r\n  <p-checkbox [binary]=\"true\"\r\n              (click)=\"clickCheckbox($event)\"\r\n              [formControlName]=\"controlName\"\r\n              [value]=\"value\"\r\n              [inputId]=\"controlName\" \r\n              [ariaLabel]=\"ariaLabel\"\r\n  ></p-checkbox>\r\n  <label [for]=\"controlName\" class=\"ml-2\">{{ label }}</label>\r\n</div>\r\n" }]
+                    ], template: "<div [formGroup]=\"group\">\n  <p-checkbox [binary]=\"true\"\n              (click)=\"clickCheckbox($event)\"\n              [formControlName]=\"controlName\"\n              [value]=\"value\"\n              [inputId]=\"controlName\" \n              [ariaLabel]=\"ariaLabel\"\n  ></p-checkbox>\n  <label [for]=\"controlName\" class=\"ml-2\">{{ label }}</label>\n</div>\n" }]
         }], propDecorators: { label: [{
                 type: Input
             }], group: [{
@@ -1145,7 +1140,7 @@ class ConfirmModalComponent {
         this.acceptClickEvent.emit(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ConfirmModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ConfirmModalComponent, isStandalone: true, selector: "lib-confirm-modal", inputs: { acceptBtnLabel: "acceptBtnLabel", acceptBtnIcon: "acceptBtnIcon", rejectBtnLabel: "rejectBtnLabel", rejectBtnIcon: "rejectBtnIcon", dialogHeaderColor: "dialogHeaderColor" }, outputs: { rejectClickEvent: "rejectClickEvent", acceptClickEvent: "acceptClickEvent" }, ngImport: i0, template: "<p-confirmdialog [ngClass]=\"headerClassMap[dialogHeaderColor]\"\r\n  #cd [style]=\"{width: 'max-content'}\">\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"confirm-button-container\">\r\n      <p-button styleClass=\"p-button-danger\" [icon]=\"rejectBtnIcon\" [label]=\"rejectBtnLabel\" (click)=\"reject($event);\"></p-button>\r\n      <p-button styleClass=\"p-button-primary\"  [icon]=\"acceptBtnIcon\" [label]=\"acceptBtnLabel\" (click)=\"accept($event);\"></p-button>\r\n    </div>\r\n  </ng-template>\r\n</p-confirmdialog>\r\n", styles: [":host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .p-dialog{width:25vw!important}@media screen and (max-width: 768px){:host ::ng-deep .p-dialog{width:85vw!important}}:host ::ng-deep .p-dialog .p-dialog-header{border:none!important}:host ::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}:host ::ng-deep .p-dialog .p-dialog-footer .confirm-button-container{width:100%;display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i1$6.ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ConfirmModalComponent, isStandalone: true, selector: "lib-confirm-modal", inputs: { acceptBtnLabel: "acceptBtnLabel", acceptBtnIcon: "acceptBtnIcon", rejectBtnLabel: "rejectBtnLabel", rejectBtnIcon: "rejectBtnIcon", dialogHeaderColor: "dialogHeaderColor" }, outputs: { rejectClickEvent: "rejectClickEvent", acceptClickEvent: "acceptClickEvent" }, ngImport: i0, template: "<p-confirmdialog [ngClass]=\"headerClassMap[dialogHeaderColor]\"\n  #cd [style]=\"{width: 'max-content'}\">\n  <ng-template pTemplate=\"footer\">\n    <div class=\"confirm-button-container\">\n      <p-button styleClass=\"p-button-danger\" [icon]=\"rejectBtnIcon\" [label]=\"rejectBtnLabel\" (click)=\"reject($event);\"></p-button>\n      <p-button styleClass=\"p-button-primary\"  [icon]=\"acceptBtnIcon\" [label]=\"acceptBtnLabel\" (click)=\"accept($event);\"></p-button>\n    </div>\n  </ng-template>\n</p-confirmdialog>\n", styles: [":host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .p-dialog{width:25vw!important}@media screen and (max-width: 768px){:host ::ng-deep .p-dialog{width:85vw!important}}:host ::ng-deep .p-dialog .p-dialog-header{border:none!important}:host ::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}:host ::ng-deep .p-dialog .p-dialog-footer .confirm-button-container{width:100%;display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i1$6.ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ConfirmModalComponent, decorators: [{
             type: Component,
@@ -1154,7 +1149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         PrimeTemplate,
                         ConfirmDialogModule,
                         Button,
-                    ], template: "<p-confirmdialog [ngClass]=\"headerClassMap[dialogHeaderColor]\"\r\n  #cd [style]=\"{width: 'max-content'}\">\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"confirm-button-container\">\r\n      <p-button styleClass=\"p-button-danger\" [icon]=\"rejectBtnIcon\" [label]=\"rejectBtnLabel\" (click)=\"reject($event);\"></p-button>\r\n      <p-button styleClass=\"p-button-primary\"  [icon]=\"acceptBtnIcon\" [label]=\"acceptBtnLabel\" (click)=\"accept($event);\"></p-button>\r\n    </div>\r\n  </ng-template>\r\n</p-confirmdialog>\r\n", styles: [":host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .p-dialog{width:25vw!important}@media screen and (max-width: 768px){:host ::ng-deep .p-dialog{width:85vw!important}}:host ::ng-deep .p-dialog .p-dialog-header{border:none!important}:host ::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}:host ::ng-deep .p-dialog .p-dialog-footer .confirm-button-container{width:100%;display:flex;justify-content:space-between}\n"] }]
+                    ], template: "<p-confirmdialog [ngClass]=\"headerClassMap[dialogHeaderColor]\"\n  #cd [style]=\"{width: 'max-content'}\">\n  <ng-template pTemplate=\"footer\">\n    <div class=\"confirm-button-container\">\n      <p-button styleClass=\"p-button-danger\" [icon]=\"rejectBtnIcon\" [label]=\"rejectBtnLabel\" (click)=\"reject($event);\"></p-button>\n      <p-button styleClass=\"p-button-primary\"  [icon]=\"acceptBtnIcon\" [label]=\"acceptBtnLabel\" (click)=\"accept($event);\"></p-button>\n    </div>\n  </ng-template>\n</p-confirmdialog>\n", styles: [":host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .p-dialog{width:25vw!important}@media screen and (max-width: 768px){:host ::ng-deep .p-dialog{width:85vw!important}}:host ::ng-deep .p-dialog .p-dialog-header{border:none!important}:host ::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}:host ::ng-deep .p-dialog .p-dialog-footer .confirm-button-container{width:100%;display:flex;justify-content:space-between}\n"] }]
         }], propDecorators: { acceptBtnLabel: [{
                 type: Input
             }], acceptBtnIcon: [{
@@ -1224,7 +1219,7 @@ class InputComponent {
     }
     TooltipHoverEventEnum = TooltipHoverEventEnum;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InputComponent, isStandalone: true, selector: "lib-input[group][controlName][name]", inputs: { name: "name", type: "type", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", group: "group", controlName: "controlName", isRequired: "isRequired", isLabelVisible: "isLabelVisible", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", groupError: "groupError", hasGap: "hasGap", hasTitle: "hasTitle", maxLength: "maxLength" }, ngImport: i0, template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [title]=\"hasTitle ? label : ''\" [for]='name' class=\"mr-2\">\r\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <input\r\n    [type]='type'\r\n    [id]=\"name\"\r\n    pInputText\r\n    [placeholder]='placeholder ?? \" \"'\r\n    [formControlName]=\"controlName\"\r\n    [min]=\"type === 'number' && 1\"\r\n    [max]=\"type === 'number' && 10\"\r\n    [maxlength]=\"maxLength\"    \r\n    [attr.aria-label]=\"accessibilityText\"\r\n    [ngClass]=\"{ 'ng-dirty ng-invalid':  (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\r\n    (keydown)=\"type === 'number' ? onNumberKeyDown($event) : null\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  />\r\n</div>\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [hasGroupError]=\"groupError\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n", styles: [".p-component{border:1.75px solid #3E7C94!important}.p-component::placeholder{font-style:italic!important;color:#848484!important}.p-component:hover{border:1.75px solid #ffa142!important}.p-component:focus{box-shadow:0 0 2px 3px #ffa142!important}label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InputComponent, isStandalone: true, selector: "lib-input[group][controlName][name]", inputs: { name: "name", type: "type", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", group: "group", controlName: "controlName", isRequired: "isRequired", isLabelVisible: "isLabelVisible", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", groupError: "groupError", hasGap: "hasGap", hasTitle: "hasTitle", maxLength: "maxLength" }, ngImport: i0, template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\n    <label [title]=\"hasTitle ? label : ''\" [for]='name' class=\"mr-2\">\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n    </label>\n    <lib-tooltip\n      *ngIf=\"_isTooltipVisible\"\n      [position]=\"tooltipPosition\"\n      [text]=\"tooltipText!\"\n    ></lib-tooltip>\n  </div>\n  <input\n    [type]='type'\n    [id]=\"name\"\n    pInputText\n    [placeholder]='placeholder ?? \" \"'\n    [formControlName]=\"controlName\"\n    [min]=\"type === 'number' && 1\"\n    [max]=\"type === 'number' && 10\"\n    [maxlength]=\"maxLength\"    \n    [attr.aria-label]=\"accessibilityText\"\n    [ngClass]=\"{ 'ng-dirty ng-invalid':  (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\n    (keydown)=\"type === 'number' ? onNumberKeyDown($event) : null\"\n    [attr.aria-describedby]=\"name + 'Error'\"\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n    [attr.aria-required]=\"isRequired\"\n  />\n</div>\n  <lib-error\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n    [hasError]=\"group.get(controlName)!.errors\"\n    [isTouched]=\"group.get(controlName)!.touched\"\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n    [hasGroupError]=\"groupError\"\n    [errorId]=\"name+'Error'\"\n  ></lib-error>\n", styles: [".p-component{border:1.75px solid #3E7C94!important}.p-component::placeholder{font-style:italic!important;color:#848484!important}.p-component:hover{border:1.75px solid #ffa142!important}.p-component:focus{box-shadow:0 0 2px 3px #ffa142!important}label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InputComponent, decorators: [{
             type: Component,
@@ -1236,7 +1231,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         TooltipComponent,
                         InputText,
                         ErrorComponent,
-                    ], template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [title]=\"hasTitle ? label : ''\" [for]='name' class=\"mr-2\">\r\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <input\r\n    [type]='type'\r\n    [id]=\"name\"\r\n    pInputText\r\n    [placeholder]='placeholder ?? \" \"'\r\n    [formControlName]=\"controlName\"\r\n    [min]=\"type === 'number' && 1\"\r\n    [max]=\"type === 'number' && 10\"\r\n    [maxlength]=\"maxLength\"    \r\n    [attr.aria-label]=\"accessibilityText\"\r\n    [ngClass]=\"{ 'ng-dirty ng-invalid':  (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\r\n    (keydown)=\"type === 'number' ? onNumberKeyDown($event) : null\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  />\r\n</div>\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [hasGroupError]=\"groupError\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n", styles: [".p-component{border:1.75px solid #3E7C94!important}.p-component::placeholder{font-style:italic!important;color:#848484!important}.p-component:hover{border:1.75px solid #ffa142!important}.p-component:focus{box-shadow:0 0 2px 3px #ffa142!important}label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+                    ], template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\n    <label [title]=\"hasTitle ? label : ''\" [for]='name' class=\"mr-2\">\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n    </label>\n    <lib-tooltip\n      *ngIf=\"_isTooltipVisible\"\n      [position]=\"tooltipPosition\"\n      [text]=\"tooltipText!\"\n    ></lib-tooltip>\n  </div>\n  <input\n    [type]='type'\n    [id]=\"name\"\n    pInputText\n    [placeholder]='placeholder ?? \" \"'\n    [formControlName]=\"controlName\"\n    [min]=\"type === 'number' && 1\"\n    [max]=\"type === 'number' && 10\"\n    [maxlength]=\"maxLength\"    \n    [attr.aria-label]=\"accessibilityText\"\n    [ngClass]=\"{ 'ng-dirty ng-invalid':  (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\n    (keydown)=\"type === 'number' ? onNumberKeyDown($event) : null\"\n    [attr.aria-describedby]=\"name + 'Error'\"\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n    [attr.aria-required]=\"isRequired\"\n  />\n</div>\n  <lib-error\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n    [hasError]=\"group.get(controlName)!.errors\"\n    [isTouched]=\"group.get(controlName)!.touched\"\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n    [hasGroupError]=\"groupError\"\n    [errorId]=\"name+'Error'\"\n  ></lib-error>\n", styles: [".p-component{border:1.75px solid #3E7C94!important}.p-component::placeholder{font-style:italic!important;color:#848484!important}.p-component:hover{border:1.75px solid #ffa142!important}.p-component:focus{box-shadow:0 0 2px 3px #ffa142!important}label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
         }], propDecorators: { name: [{
                 type: Input
             }], type: [{
@@ -1374,7 +1369,7 @@ class DateInputComponent {
     }
     getTomorrowDate = getTomorrowDate;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DateInputComponent, isStandalone: true, selector: "lib-date-input[group][controlName][name]", inputs: { isLabelVisible: "isLabelVisible", name: "name", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", dateFormat: "dateFormat", group: "group", controlName: "controlName", showIcon: "showIcon", selectionMode: "selectionMode", touchUI: "touchUI", formStatus: "formStatus", showClear: "showClear", isPublicDate: "isPublicDate", minDate: "minDate", maxDate: "maxDate", minDateToday: "minDateToday", maxDateSixMonths: "maxDateSixMonths", maxDateThreeMonths: "maxDateThreeMonths", maxDateRangeOneYear: "maxDateRangeOneYear", setMinAndMax: "setMinAndMax", hasGap: "hasGap", disabledDates: "disabledDates", appendTo: "appendTo", groupError: "groupError", showTime: "showTime", availableDates: "availableDates", disabledDays: "disabledDays", disabledWeekends: "disabledWeekends" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<div class='flex flex-column' [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n\r\n  <p-datepicker\r\n    [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [appendTo]=\"appendTo\"\r\n    *ngIf=\"setMinAndMax\"\r\n    [inputId]=\"name\"\r\n    (onSelect)=\"onSelect.emit($event)\"\r\n    [placeholder]='placeholder'\r\n    [dateFormat]=\"dateFormat\"\r\n    [showIcon]=\"showIcon\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [formControlName]=\"controlName\"\r\n    [touchUI]=\"touchUI\"\r\n    [minDate]=\"minDate || getDateFifteenDaysAgo()\"\r\n    [maxDate]=\"maxDate\"\r\n    [showClear]=\"showClear\"\r\n    (onClear)=\"group.get(controlName)?.reset()\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\r\n    [disabledDays]=\"disabledDays\"\r\n    [disabledDates]=\"disabledDates\"\r\n    [showTime]=\"showTime\"\r\n    hourFormat=\"24\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <!-- Mare; ideja da barva dolo\u010Dene dneve (npr. takrat ki ni prostih terminov) -->\r\n    <!-- 24.05.2024 Mare; zaenkrat ne potrebujemo ve\u010D, ker so neprosti dnevi kar disabled -->\r\n    <ng-template pTemplate=\"date\" let-date>\r\n      <div>{{date.day}}</div>\r\n    </ng-template>\r\n  </p-datepicker>\r\n\r\n  <p-datepicker\r\n    [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [appendTo]=\"appendTo\"\r\n    *ngIf=\"!setMinAndMax\"\r\n    (onSelect)=\"onSelect.emit($event)\"\r\n    [inputId]=\"name\"\r\n    [placeholder]='placeholder'\r\n    [dateFormat]=\"dateFormat\"\r\n    [showIcon]=\"showIcon\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [formControlName]=\"controlName\"\r\n    [touchUI]=\"touchUI\"\r\n    [showClear]=\"showClear\"\r\n    (onClear)=\"group.get(controlName)?.reset()\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    [disabledDays]=\"disabledDays\"\r\n    [disabledDates]=\"disabledDates\"\r\n    [showTime]=\"showTime\"\r\n    hourFormat=\"24\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  ></p-datepicker>\r\n</div>\r\n<lib-error\r\n  *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\r\n  [hasError]=\"group.get(controlName)!.errors\"\r\n  [isTouched]=\"group.get(controlName)!.touched\"\r\n  [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n  [hasGroupError]=\"groupError\"\r\n  [errorId]=\"name+'Error'\"\r\n></lib-error>\r\n", styles: [":host ::ng-deep{width:100%}:host ::ng-deep .p-datepicker-dropdown{background-color:#3e7c94;color:#fff;border-color:#3e7c94}:host ::ng-deep .p-datepicker-dropdown:hover{background-color:#1b495a!important;border-color:#1b495a!important;color:#fff!important}:host ::ng-deep .p-datepicker-title>*{color:#fff!important;font-weight:700}:host ::ng-deep .p-datepicker-clear-icon{padding-right:8px;color:#6d7375;cursor:pointer}:host ::ng-deep .p-datepicker{min-width:max-content!important;width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-datepicker::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-datepicker:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-datepicker:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-datepicker table td>span.p-highlight{color:#000;background:#3e7c94}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-datepicker-prev-button,:host ::ng-deep .p-datepicker-next-button{color:#fff!important}:host ::ng-deep .p-inputtext{border:none}:host ::ng-deep .appointment-not-available{background:#ff7373;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .appointment-available{background:#e0fde7;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .p-button{border-radius:0 8px 8px 0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "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", "size", "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: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DateInputComponent, isStandalone: true, selector: "lib-date-input[group][controlName][name]", inputs: { isLabelVisible: "isLabelVisible", name: "name", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", dateFormat: "dateFormat", group: "group", controlName: "controlName", showIcon: "showIcon", selectionMode: "selectionMode", touchUI: "touchUI", formStatus: "formStatus", showClear: "showClear", isPublicDate: "isPublicDate", minDate: "minDate", maxDate: "maxDate", minDateToday: "minDateToday", maxDateSixMonths: "maxDateSixMonths", maxDateThreeMonths: "maxDateThreeMonths", maxDateRangeOneYear: "maxDateRangeOneYear", setMinAndMax: "setMinAndMax", hasGap: "hasGap", disabledDates: "disabledDates", appendTo: "appendTo", groupError: "groupError", showTime: "showTime", availableDates: "availableDates", disabledDays: "disabledDays", disabledWeekends: "disabledWeekends" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<div class='flex flex-column' [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\n    <label [for]=\"name\" class=\"mr-2\">\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n    </label>\n    <lib-tooltip\n      *ngIf=\"_isTooltipVisible\"\n      [position]=\"tooltipPosition\"\n      [text]=\"tooltipText!\"\n    ></lib-tooltip>\n  </div>\n\n  <p-datepicker\n    [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n    [appendTo]=\"appendTo\"\n    *ngIf=\"setMinAndMax\"\n    [inputId]=\"name\"\n    (onSelect)=\"onSelect.emit($event)\"\n    [placeholder]='placeholder'\n    [dateFormat]=\"dateFormat\"\n    [showIcon]=\"showIcon\"\n    [selectionMode]=\"selectionMode\"\n    [formControlName]=\"controlName\"\n    [touchUI]=\"touchUI\"\n    [minDate]=\"minDate || getDateFifteenDaysAgo()\"\n    [maxDate]=\"maxDate\"\n    [showClear]=\"showClear\"\n    (onClear)=\"group.get(controlName)?.reset()\"\n    [attr.aria-label]=\"accessibilityText\"\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\n    [disabledDays]=\"disabledDays\"\n    [disabledDates]=\"disabledDates\"\n    [showTime]=\"showTime\"\n    hourFormat=\"24\"\n    [attr.aria-describedby]=\"name + 'Error'\"\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n    [attr.aria-required]=\"isRequired\"\n  >\n    <!-- Mare; ideja da barva dolo\u010Dene dneve (npr. takrat ki ni prostih terminov) -->\n    <!-- 24.05.2024 Mare; zaenkrat ne potrebujemo ve\u010D, ker so neprosti dnevi kar disabled -->\n    <ng-template pTemplate=\"date\" let-date>\n      <div>{{date.day}}</div>\n    </ng-template>\n  </p-datepicker>\n\n  <p-datepicker\n    [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n    [appendTo]=\"appendTo\"\n    *ngIf=\"!setMinAndMax\"\n    (onSelect)=\"onSelect.emit($event)\"\n    [inputId]=\"name\"\n    [placeholder]='placeholder'\n    [dateFormat]=\"dateFormat\"\n    [showIcon]=\"showIcon\"\n    [selectionMode]=\"selectionMode\"\n    [formControlName]=\"controlName\"\n    [touchUI]=\"touchUI\"\n    [showClear]=\"showClear\"\n    (onClear)=\"group.get(controlName)?.reset()\"\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\n    [attr.aria-label]=\"accessibilityText\"\n    [disabledDays]=\"disabledDays\"\n    [disabledDates]=\"disabledDates\"\n    [showTime]=\"showTime\"\n    hourFormat=\"24\"\n    [attr.aria-describedby]=\"name + 'Error'\"\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n    [attr.aria-required]=\"isRequired\"\n  ></p-datepicker>\n</div>\n<lib-error\n  *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n  [hasError]=\"group.get(controlName)!.errors\"\n  [isTouched]=\"group.get(controlName)!.touched\"\n  [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n  [hasGroupError]=\"groupError\"\n  [errorId]=\"name+'Error'\"\n></lib-error>\n", styles: [":host ::ng-deep{width:100%}:host ::ng-deep .p-datepicker-dropdown{background-color:#3e7c94;color:#fff;border-color:#3e7c94}:host ::ng-deep .p-datepicker-dropdown:hover{background-color:#1b495a!important;border-color:#1b495a!important;color:#fff!important}:host ::ng-deep .p-datepicker-title>*{color:#fff!important;font-weight:700}:host ::ng-deep .p-datepicker-clear-icon{padding-right:8px;color:#6d7375;cursor:pointer}:host ::ng-deep .p-datepicker{min-width:max-content!important;width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-datepicker::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-datepicker:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-datepicker:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-datepicker table td>span.p-highlight{color:#000;background:#3e7c94}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-datepicker-prev-button,:host ::ng-deep .p-datepicker-next-button{color:#fff!important}:host ::ng-deep .p-inputtext{border:none}:host ::ng-deep .appointment-not-available{background:#ff7373;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .appointment-available{background:#e0fde7;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .p-button{border-radius:0 8px 8px 0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "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", "size", "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: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateInputComponent, decorators: [{
             type: Component,
@@ -1387,7 +1382,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         DatePickerModule,
                         PrimeTemplate,
                         ErrorComponent,
-                    ], template: "<div class='flex flex-column' [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n\r\n  <p-datepicker\r\n    [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [appendTo]=\"appendTo\"\r\n    *ngIf=\"setMinAndMax\"\r\n    [inputId]=\"name\"\r\n    (onSelect)=\"onSelect.emit($event)\"\r\n    [placeholder]='placeholder'\r\n    [dateFormat]=\"dateFormat\"\r\n    [showIcon]=\"showIcon\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [formControlName]=\"controlName\"\r\n    [touchUI]=\"touchUI\"\r\n    [minDate]=\"minDate || getDateFifteenDaysAgo()\"\r\n    [maxDate]=\"maxDate\"\r\n    [showClear]=\"showClear\"\r\n    (onClear)=\"group.get(controlName)?.reset()\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\r\n    [disabledDays]=\"disabledDays\"\r\n    [disabledDates]=\"disabledDates\"\r\n    [showTime]=\"showTime\"\r\n    hourFormat=\"24\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <!-- Mare; ideja da barva dolo\u010Dene dneve (npr. takrat ki ni prostih terminov) -->\r\n    <!-- 24.05.2024 Mare; zaenkrat ne potrebujemo ve\u010D, ker so neprosti dnevi kar disabled -->\r\n    <ng-template pTemplate=\"date\" let-date>\r\n      <div>{{date.day}}</div>\r\n    </ng-template>\r\n  </p-datepicker>\r\n\r\n  <p-datepicker\r\n    [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [appendTo]=\"appendTo\"\r\n    *ngIf=\"!setMinAndMax\"\r\n    (onSelect)=\"onSelect.emit($event)\"\r\n    [inputId]=\"name\"\r\n    [placeholder]='placeholder'\r\n    [dateFormat]=\"dateFormat\"\r\n    [showIcon]=\"showIcon\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [formControlName]=\"controlName\"\r\n    [touchUI]=\"touchUI\"\r\n    [showClear]=\"showClear\"\r\n    (onClear)=\"group.get(controlName)?.reset()\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    [disabledDays]=\"disabledDays\"\r\n    [disabledDates]=\"disabledDates\"\r\n    [showTime]=\"showTime\"\r\n    hourFormat=\"24\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  ></p-datepicker>\r\n</div>\r\n<lib-error\r\n  *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\r\n  [hasError]=\"group.get(controlName)!.errors\"\r\n  [isTouched]=\"group.get(controlName)!.touched\"\r\n  [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n  [hasGroupError]=\"groupError\"\r\n  [errorId]=\"name+'Error'\"\r\n></lib-error>\r\n", styles: [":host ::ng-deep{width:100%}:host ::ng-deep .p-datepicker-dropdown{background-color:#3e7c94;color:#fff;border-color:#3e7c94}:host ::ng-deep .p-datepicker-dropdown:hover{background-color:#1b495a!important;border-color:#1b495a!important;color:#fff!important}:host ::ng-deep .p-datepicker-title>*{color:#fff!important;font-weight:700}:host ::ng-deep .p-datepicker-clear-icon{padding-right:8px;color:#6d7375;cursor:pointer}:host ::ng-deep .p-datepicker{min-width:max-content!important;width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-datepicker::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-datepicker:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-datepicker:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-datepicker table td>span.p-highlight{color:#000;background:#3e7c94}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-datepicker-prev-button,:host ::ng-deep .p-datepicker-next-button{color:#fff!important}:host ::ng-deep .p-inputtext{border:none}:host ::ng-deep .appointment-not-available{background:#ff7373;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .appointment-available{background:#e0fde7;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .p-button{border-radius:0 8px 8px 0}\n"] }]
+                    ], template: "<div class='flex flex-column' [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\n    <label [for]=\"name\" class=\"mr-2\">\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n    </label>\n    <lib-tooltip\n      *ngIf=\"_isTooltipVisible\"\n      [position]=\"tooltipPosition\"\n      [text]=\"tooltipText!\"\n    ></lib-tooltip>\n  </div>\n\n  <p-datepicker\n    [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n    [appendTo]=\"appendTo\"\n    *ngIf=\"setMinAndMax\"\n    [inputId]=\"name\"\n    (onSelect)=\"onSelect.emit($event)\"\n    [placeholder]='placeholder'\n    [dateFormat]=\"dateFormat\"\n    [showIcon]=\"showIcon\"\n    [selectionMode]=\"selectionMode\"\n    [formControlName]=\"controlName\"\n    [touchUI]=\"touchUI\"\n    [minDate]=\"minDate || getDateFifteenDaysAgo()\"\n    [maxDate]=\"maxDate\"\n    [showClear]=\"showClear\"\n    (onClear)=\"group.get(controlName)?.reset()\"\n    [attr.aria-label]=\"accessibilityText\"\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\n    [disabledDays]=\"disabledDays\"\n    [disabledDates]=\"disabledDates\"\n    [showTime]=\"showTime\"\n    hourFormat=\"24\"\n    [attr.aria-describedby]=\"name + 'Error'\"\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n    [attr.aria-required]=\"isRequired\"\n  >\n    <!-- Mare; ideja da barva dolo\u010Dene dneve (npr. takrat ki ni prostih terminov) -->\n    <!-- 24.05.2024 Mare; zaenkrat ne potrebujemo ve\u010D, ker so neprosti dnevi kar disabled -->\n    <ng-template pTemplate=\"date\" let-date>\n      <div>{{date.day}}</div>\n    </ng-template>\n  </p-datepicker>\n\n  <p-datepicker\n    [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n    [appendTo]=\"appendTo\"\n    *ngIf=\"!setMinAndMax\"\n    (onSelect)=\"onSelect.emit($event)\"\n    [inputId]=\"name\"\n    [placeholder]='placeholder'\n    [dateFormat]=\"dateFormat\"\n    [showIcon]=\"showIcon\"\n    [selectionMode]=\"selectionMode\"\n    [formControlName]=\"controlName\"\n    [touchUI]=\"touchUI\"\n    [showClear]=\"showClear\"\n    (onClear)=\"group.get(controlName)?.reset()\"\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\n    [attr.aria-label]=\"accessibilityText\"\n    [disabledDays]=\"disabledDays\"\n    [disabledDates]=\"disabledDates\"\n    [showTime]=\"showTime\"\n    hourFormat=\"24\"\n    [attr.aria-describedby]=\"name + 'Error'\"\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n    [attr.aria-required]=\"isRequired\"\n  ></p-datepicker>\n</div>\n<lib-error\n  *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n  [hasError]=\"group.get(controlName)!.errors\"\n  [isTouched]=\"group.get(controlName)!.touched\"\n  [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n  [hasGroupError]=\"groupError\"\n  [errorId]=\"name+'Error'\"\n></lib-error>\n", styles: [":host ::ng-deep{width:100%}:host ::ng-deep .p-datepicker-dropdown{background-color:#3e7c94;color:#fff;border-color:#3e7c94}:host ::ng-deep .p-datepicker-dropdown:hover{background-color:#1b495a!important;border-color:#1b495a!important;color:#fff!important}:host ::ng-deep .p-datepicker-title>*{color:#fff!important;font-weight:700}:host ::ng-deep .p-datepicker-clear-icon{padding-right:8px;color:#6d7375;cursor:pointer}:host ::ng-deep .p-datepicker{min-width:max-content!important;width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-datepicker::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-datepicker:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-datepicker:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-datepicker table td>span.p-highlight{color:#000;background:#3e7c94}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-datepicker-prev-button,:host ::ng-deep .p-datepicker-next-button{color:#fff!important}:host ::ng-deep .p-inputtext{border:none}:host ::ng-deep .appointment-not-available{background:#ff7373;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .appointment-available{background:#e0fde7;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .p-button{border-radius:0 8px 8px 0}\n"] }]
         }], propDecorators: { isLabelVisible: [{
                 type: Input
             }], name: [{
@@ -1479,7 +1474,7 @@ class TextareaComponent {
     }
     TooltipHoverEventEnum = TooltipHoverEventEnum;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TextareaComponent, isStandalone: true, selector: "lib-textarea[group][controlName][name]", inputs: { name: "name", resize: "resize", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", rows: "rows", cols: "cols", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", group: "group", controlName: "controlName", isRequired: "isRequired", formStatus: "formStatus", hasGap: "hasGap", customMaxLength: "customMaxLength" }, ngImport: i0, template: "<div class=\"card flex flex-column gap-1\" [ngClass]=\"{\r\n  'resize-none': !resize,\r\n  'gap-1': hasGap,\r\n  }\" [formGroup]=\"group\">\r\n  <div class=\"flex\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <textarea [id]=\"name\"\r\n            [rows]=\"rows\"\r\n            [cols]=\"cols\"\r\n            pTextarea \r\n            [maxlength]=\"customMaxLength\"\r\n            [placeholder]='placeholder'\r\n            [formControlName]=\"controlName\"\r\n            [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\r\n            [attr.aria-label]=\"accessibilityText\"\r\n            [attr.aria-describedby]=\"name + 'Error'\"\r\n            [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n            [attr.aria-required]=\"isRequired\"\r\n  ></textarea>\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: [".resize-none textarea{resize:none}:host ::ng-deep .p-textarea{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-textarea::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-textarea:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-textarea:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-inputtext{border:1px solid #1B495A;font-family:Republika,Roboto,sans-serif}:host ::ng-deep .p-inputtext::placeholder{color:#848484}:host ::ng-deep .card{padding:0!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i2$1.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TextareaComponent, isStandalone: true, selector: "lib-textarea[group][controlName][name]", inputs: { name: "name", resize: "resize", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", rows: "rows", cols: "cols", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", group: "group", controlName: "controlName", isRequired: "isRequired", formStatus: "formStatus", hasGap: "hasGap", customMaxLength: "customMaxLength" }, ngImport: i0, template: "<div class=\"card flex flex-column gap-1\" [ngClass]=\"{\n  'resize-none': !resize,\n  'gap-1': hasGap,\n  }\" [formGroup]=\"group\">\n  <div class=\"flex\">\n    <label [for]=\"name\" class=\"mr-2\">\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n    </label>\n    <lib-tooltip\n      *ngIf=\"_isTooltipVisible\"\n      [position]=\"tooltipPosition\"\n      [text]=\"tooltipText!\"\n    ></lib-tooltip>\n  </div>\n  <textarea [id]=\"name\"\n            [rows]=\"rows\"\n            [cols]=\"cols\"\n            pTextarea \n            [maxlength]=\"customMaxLength\"\n            [placeholder]='placeholder'\n            [formControlName]=\"controlName\"\n            [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\n            [attr.aria-label]=\"accessibilityText\"\n            [attr.aria-describedby]=\"name + 'Error'\"\n            [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n            [attr.aria-required]=\"isRequired\"\n  ></textarea>\n  <lib-error\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n    [hasError]=\"group.get(controlName)!.errors\"\n    [isTouched]=\"group.get(controlName)!.touched\"\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n    [errorId]=\"name+'Error'\"\n  ></lib-error>\n</div>\n", styles: [".resize-none textarea{resize:none}:host ::ng-deep .p-textarea{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-textarea::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-textarea:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-textarea:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-inputtext{border:1px solid #1B495A;font-family:Republika,Roboto,sans-serif}:host ::ng-deep .p-inputtext::placeholder{color:#848484}:host ::ng-deep .card{padding:0!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i2$1.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TextareaComponent, decorators: [{
             type: Component,
@@ -1491,7 +1486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         NgIf,
                         TooltipComponent,
                         ErrorComponent,
-                    ], template: "<div class=\"card flex flex-column gap-1\" [ngClass]=\"{\r\n  'resize-none': !resize,\r\n  'gap-1': hasGap,\r\n  }\" [formGroup]=\"group\">\r\n  <div class=\"flex\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <textarea [id]=\"name\"\r\n            [rows]=\"rows\"\r\n            [cols]=\"cols\"\r\n            pTextarea \r\n            [maxlength]=\"customMaxLength\"\r\n            [placeholder]='placeholder'\r\n            [formControlName]=\"controlName\"\r\n            [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\r\n            [attr.aria-label]=\"accessibilityText\"\r\n            [attr.aria-describedby]=\"name + 'Error'\"\r\n            [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n            [attr.aria-required]=\"isRequired\"\r\n  ></textarea>\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: [".resize-none textarea{resize:none}:host ::ng-deep .p-textarea{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-textarea::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-textarea:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-textarea:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-inputtext{border:1px solid #1B495A;font-family:Republika,Roboto,sans-serif}:host ::ng-deep .p-inputtext::placeholder{color:#848484}:host ::ng-deep .card{padding:0!important}\n"] }]
+                    ], template: "<div class=\"card flex flex-column gap-1\" [ngClass]=\"{\n  'resize-none': !resize,\n  'gap-1': hasGap,\n  }\" [formGroup]=\"group\">\n  <div class=\"flex\">\n    <label [for]=\"name\" class=\"mr-2\">\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n    </label>\n    <lib-tooltip\n      *ngIf=\"_isTooltipVisible\"\n      [position]=\"tooltipPosition\"\n      [text]=\"tooltipText!\"\n    ></lib-tooltip>\n  </div>\n  <textarea [id]=\"name\"\n            [rows]=\"rows\"\n            [cols]=\"cols\"\n            pTextarea \n            [maxlength]=\"customMaxLength\"\n            [placeholder]='placeholder'\n            [formControlName]=\"controlName\"\n            [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\n            [attr.aria-label]=\"accessibilityText\"\n            [attr.aria-describedby]=\"name + 'Error'\"\n            [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n            [attr.aria-required]=\"isRequired\"\n  ></textarea>\n  <lib-error\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n    [hasError]=\"group.get(controlName)!.errors\"\n    [isTouched]=\"group.get(controlName)!.touched\"\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n    [errorId]=\"name+'Error'\"\n  ></lib-error>\n</div>\n", styles: [".resize-none textarea{resize:none}:host ::ng-deep .p-textarea{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-textarea::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-textarea:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-textarea:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-inputtext{border:1px solid #1B495A;font-family:Republika,Roboto,sans-serif}:host ::ng-deep .p-inputtext::placeholder{color:#848484}:host ::ng-deep .card{padding:0!important}\n"] }]
         }], propDecorators: { name: [{
                 type: Input
             }], resize: [{
@@ -1581,7 +1576,7 @@ class DropdownComponent {
         return this.translateService.instant('components.dropdown.emptyFilterList');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropdownComponent, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DropdownComponent, isStandalone: true, selector: "lib-dropdown[group][controlName][name]", inputs: { name: "name", isMultiselect: "isMultiselect", selectedItemLabel: "selectedItemLabel", group: "group", controlName: "controlName", label: "label", optionList: "optionList", optionLabel: "optionLabel", optionalValue: "optionalValue", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", filterBy: "filterBy", showClear: "showClear", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", nestedGroup: "nestedGroup", isLoading: "isLoading", appendTo: "appendTo", isLabelVisible: "isLabelVisible", emptyMessage: "emptyMessage", virtualScroll: "virtualScroll", ariaFilterLabel: "ariaFilterLabel", optionValue: "optionValue" }, outputs: { getValueEvent: "getValueEvent" }, ngImport: i0, template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-select *ngIf=\"!isMultiselect\"\r\n              [inputId]=\"name\"\r\n              [appendTo]=\"appendTo\"\r\n              (onChange)='getSelectedValue($event)'\r\n              [options]=\"optionList\"\r\n              [optionLabel]=\"!nestedGroup ? optionLabel : undefined\"\r\n              [formControlName]=\"controlName\"\r\n              [placeholder]='placeholder'\r\n              [virtualScroll]=\"virtualScroll\"\r\n              [virtualScrollItemSize]=\"38\"\r\n              [group]=\"nestedGroup\"\r\n              [filter]='filter'\r\n              [filterBy]='filterBy'\r\n              [showClear]=\"group.get(controlName)?.value && showClear\"\r\n              [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n              [attr.aria-label]=\"accessibilityText\"\r\n              (onClear)=\"onClear()\"\r\n              [optionValue]=\"optionValue\"\r\n              [emptyMessage]=\"emptyDropdownMessage\"\r\n              [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\r\n              [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n              [ariaFilterLabel]=\"ariaFilterLabel!\"\r\n              [attr.aria-describedby]=\"name + 'Error'\"\r\n              [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n              [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n      <div class=\"flex align-items-center\">\r\n        <span>{{ nestedGroup.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-select>\r\n  <p-multiselect\r\n    *ngIf=\"isMultiselect\"\r\n    [inputId]=\"name\"\r\n    [appendTo]=\"appendTo\"\r\n    (onChange)='getSelectedValue($event)'\r\n    [options]=\"optionList\"\r\n    [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\r\n    [formControlName]=\"controlName\"\r\n    [optionValue]=\"optionValue\"\r\n    [virtualScroll]=\"virtualScroll\"\r\n    [virtualScrollItemSize]=\"38\"\r\n    [group]=\"nestedGroup\"\r\n    [filter]='filter'\r\n    [filterBy]='filterBy'\r\n    [selectedItemsLabel]=\"dynamicItemsLabel\"\r\n    [placeholder]=\"placeholder\"\r\n    [showClear]=\"group.get(controlName)!.value && showClear\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    (onClear)=\"onClear()\"\r\n    [emptyMessage]=\"emptyDropdownMessage\"\r\n    [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\r\n    [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n      <div class=\"flex align-items-center\">\r\n        <span>{{ nestedGroup.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-multiselect>\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isDirty]=\"group.get(controlName)!.pristine\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", 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", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i5.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DropdownComponent, isStandalone: true, selector: "lib-dropdown[group][controlName][name]", inputs: { name: "name", isMultiselect: "isMultiselect", selectedItemLabel: "selectedItemLabel", group: "group", controlName: "controlName", label: "label", optionList: "optionList", optionLabel: "optionLabel", optionalValue: "optionalValue", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", filterBy: "filterBy", showClear: "showClear", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", nestedGroup: "nestedGroup", isLoading: "isLoading", appendTo: "appendTo", isLabelVisible: "isLabelVisible", emptyMessage: "emptyMessage", virtualScroll: "virtualScroll", ariaFilterLabel: "ariaFilterLabel", optionValue: "optionValue" }, outputs: { getValueEvent: "getValueEvent" }, ngImport: i0, template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\n    <label [for]=\"name\" class=\"mr-2\">\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n    </label>\n    <lib-tooltip\n      *ngIf=\"_isTooltipVisible\"\n      [position]=\"tooltipPosition\"\n      [text]=\"tooltipText!\"\n    ></lib-tooltip>\n  </div>\n  <p-select *ngIf=\"!isMultiselect\"\n              [inputId]=\"name\"\n              [appendTo]=\"appendTo\"\n              (onChange)='getSelectedValue($event)'\n              [options]=\"optionList\"\n              [optionLabel]=\"!nestedGroup ? optionLabel : undefined\"\n              [formControlName]=\"controlName\"\n              [placeholder]='placeholder'\n              [virtualScroll]=\"virtualScroll\"\n              [virtualScrollItemSize]=\"38\"\n              [group]=\"nestedGroup\"\n              [filter]='filter'\n              [filterBy]='filterBy'\n              [showClear]=\"group.get(controlName)?.value && showClear\"\n              [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\n              [attr.aria-label]=\"accessibilityText\"\n              (onClear)=\"onClear()\"\n              [optionValue]=\"optionValue\"\n              [emptyMessage]=\"emptyDropdownMessage\"\n              [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\n              [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n              [ariaFilterLabel]=\"ariaFilterLabel!\"\n              [attr.aria-describedby]=\"name + 'Error'\"\n              [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n              [attr.aria-required]=\"isRequired\"\n  >\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n      <div class=\"flex align-items-center\">\n        <span>{{ nestedGroup.label }}</span>\n      </div>\n    </ng-template>\n  </p-select>\n  <p-multiselect\n    *ngIf=\"isMultiselect\"\n    [inputId]=\"name\"\n    [appendTo]=\"appendTo\"\n    (onChange)='getSelectedValue($event)'\n    [options]=\"optionList\"\n    [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\n    [formControlName]=\"controlName\"\n    [optionValue]=\"optionValue\"\n    [virtualScroll]=\"virtualScroll\"\n    [virtualScrollItemSize]=\"38\"\n    [group]=\"nestedGroup\"\n    [filter]='filter'\n    [filterBy]='filterBy'\n    [selectedItemsLabel]=\"dynamicItemsLabel\"\n    [placeholder]=\"placeholder\"\n    [showClear]=\"group.get(controlName)!.value && showClear\"\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\n    [attr.aria-label]=\"accessibilityText\"\n    (onClear)=\"onClear()\"\n    [emptyMessage]=\"emptyDropdownMessage\"\n    [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\n    [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n    [attr.aria-describedby]=\"name + 'Error'\"\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n    [attr.aria-required]=\"isRequired\"\n  >\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n      <div class=\"flex align-items-center\">\n        <span>{{ nestedGroup.label }}</span>\n      </div>\n    </ng-template>\n  </p-multiselect>\n  <lib-error\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\n    [hasError]=\"group.get(controlName)!.errors\"\n    [isDirty]=\"group.get(controlName)!.pristine\"\n    [isTouched]=\"group.get(controlName)!.touched\"\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\n    [errorId]=\"name+'Error'\"\n  ></lib-error>\n</div>\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", 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", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i5.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
@@ -1595,7 +1590,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         PrimeTemplate,
                         MultiSelectModule,
                         ErrorComponent,
-                    ], template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-select *ngIf=\"!isMultiselect\"\r\n              [inputId]=\"name\"\r\n              [appendTo]=\"appendTo\"\r\n              (onChange)='getSelectedValue($event)'\r\n              [options]=\"optionList\"\r\n              [optionLabel]=\"!nestedGroup ? optionLabel : undefined\"\r\n              [formControlName]=\"controlName\"\r\n              [placeholder]='placeholder'\r\n              [virtualScroll]=\"virtualScroll\"\r\n              [virtualScrollItemSize]=\"38\"\r\n              [group]=\"nestedGroup\"\r\n              [filter]='filter'\r\n              [filterBy]='filterBy'\r\n              [showClear]=\"group.get(controlName)?.value && showClear\"\r\n              [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n              [attr.aria-label]=\"accessibilityText\"\r\n              (onClear)=\"onClear()\"\r\n              [optionValue]=\"optionValue\"\r\n              [emptyMessage]=\"emptyDropdownMessage\"\r\n              [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\r\n              [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n              [ariaFilterLabel]=\"ariaFilterLabel!\"\r\n              [attr.aria-describedby]=\"name + 'Error'\"\r\n              [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n              [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n      <div class=\"flex align-items-center\">\r\n        <span>{{ nestedGroup.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-select>\r\n  <p-multiselect\r\n    *ngIf=\"isMultiselect\"\r\n    [inputId]=\"name\"\r\n    [appendTo]=\"appendTo\"\r\n    (onChange)='getSelectedValue($event)'\r\n    [options]=\"optionList\"\r\n    [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\r\n    [formControlName]=\"controlName\"\r\n    [optionValue]=\"optionValue\"\r\n    [virtualScroll]=\"virtualScroll\"\r\n    [virtualScrollItemSize]=\"38\"\r\n    [group]=\"nestedGroup\"\r\n    [filter]='filter'\r\n    [filterBy]='filterBy'\r\n    [selectedItemsLabel]=\"dynamicItemsLabel\"\r\n    [placeholder]=\"placeholder\"\r\n    [showClear]=\"group.get(controlName)!.value && showClear\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    (onClear)=\"onClear()\"\r\n    [emptyMessage]=\"emptyDropdownMessage\"\r\n    [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\r\n    [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n      <div class=\"flex align-items-center\">\r\n        <span>{{ nestedGroup.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-multiselect>\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isDirty]=\"group.get(controlName)!.pristine\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"] }]
+                    ], template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\n    <label [for]=\"name\" class=\"mr-2\">\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n    </label>\n    <lib-tooltip\n      *ngIf=\"_isTooltipVisible\"\n      [position]=\"tooltipPosition\"\n      [text]=\"tooltipText!\"\n    ></lib-tooltip>\n  </div>\n  <p-select *ngIf=\"!isMultiselect\"\n              [inputId]=\"name\"\n              [appendTo]=\"appendTo\"\n              (onChange)='getSelectedValue($event)'\n              [options]=\"optionList\"\n              [optionLabel]=\"!nestedGroup ? optionLabel : undefined\"\n              [formControlName]=\"controlName\"\n              [placeholder]='placeholder'\n              [virtualScroll]=\"virtualScroll\"\n              [virtualScrollItemSize]=\"38\"\n              [group]=\"nestedGroup\"\n              [filter]='filter'\n              [filterBy]='filterBy'\n              [showClear]=\"group.get(controlName)?.value && showClear\"\n              [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\n              [attr.aria-label]=\"accessibilityText\"\n              (onClear)=\"onClear()\"\n              [optionValue]=\"optionValue\"\n              [emptyMessage]=\"emptyDropdownMessage\"\n              [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\n              [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n              [ariaFilterLabel]=\"ariaFilterLabel!\"\n              [attr.aria-describedby]=\"name + 'Error'\"\n              [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n              [attr.aria-required]=\"isRequired\"\n  >\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n      <div class=\"flex align-items-center\">\n        <span>{{ nestedGroup.label }}</span>\n      </div>\n    </ng-template>\n  </p-select>\n  <p-multiselect\n    *ngIf=\"isMultiselect\"\n    [inputId]=\"name\"\n    [appendTo]=\"appendTo\"\n    (onChange)='getSelectedValue($event)'\n    [options]=\"optionList\"\n    [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\n    [formControlName]=\"controlName\"\n    [optionValue]=\"optionValue\"\n    [virtualScroll]=\"virtualScroll\"\n    [virtualScrollItemSize]=\"38\"\n    [group]=\"nestedGroup\"\n    [filter]='filter'\n    [filterBy]='filterBy'\n    [selectedItemsLabel]=\"dynamicItemsLabel\"\n    [placeholder]=\"placeholder\"\n    [showClear]=\"group.get(controlName)!.value && showClear\"\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\n    [attr.aria-label]=\"accessibilityText\"\n    (onClear)=\"onClear()\"\n    [emptyMessage]=\"emptyDropdownMessage\"\n    [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\n    [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n    [attr.aria-describedby]=\"name + 'Error'\"\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n    [attr.aria-required]=\"isRequired\"\n  >\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n      <div class=\"flex align-items-center\">\n        <span>{{ nestedGroup.label }}</span>\n      </div>\n    </ng-template>\n  </p-multiselect>\n  <lib-error\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\n    [hasError]=\"group.get(controlName)!.errors\"\n    [isDirty]=\"group.get(controlName)!.pristine\"\n    [isTouched]=\"group.get(controlName)!.touched\"\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\n    [errorId]=\"name+'Error'\"\n  ></lib-error>\n</div>\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.TranslateService }], propDecorators: { name: [{
                 type: Input
             }], isMultiselect: [{
@@ -1674,7 +1669,7 @@ class ToggleSwitchComponent {
         this.changeChecked(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ToggleSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ToggleSwitchComponent, isStandalone: true, selector: "lib-toggle-switch", inputs: { group: "group", controlName: "controlName", isFormElement: "isFormElement", checked: "checked", disabled: "disabled" }, outputs: { getValueEvent: "getValueEvent", checkedChanged: "checkedChanged" }, ngImport: i0, template: "<div class=\"flex flex-column mt-2\" [formGroup]=\"group\" *ngIf=\"isFormElement\">\r\n  <p-toggleswitch\r\n    (onChange)=\"toggleValue($event, true)\"\r\n    [formControlName]=\"controlName\"\r\n  ></p-toggleswitch>\r\n</div>\r\n<div class=\"flex flex-column mt-2\" *ngIf=\"!isFormElement\">\r\n  <p-toggleswitch [disabled]=\"disabled\" [(ngModel)]=\"checked\" (onChange)=\"toggleValue($event, false)\"></p-toggleswitch>\r\n</div>\r\n", styles: [":host ::ng-deep .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider{background:#3e7c94!important}:host ::ng-deep .p-toggleswitch .p-toggleswitch-slider{border-radius:15px;background:#d7d7d7!important}:host ::ng-deep .p-toggleswitch .p-toggleswitch-slider:before{border-radius:50%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i2$2.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ToggleSwitchComponent, isStandalone: true, selector: "lib-toggle-switch", inputs: { group: "group", controlName: "controlName", isFormElement: "isFormElement", checked: "checked", disabled: "disabled" }, outputs: { getValueEvent: "getValueEvent", checkedChanged: "checkedChanged" }, ngImport: i0, template: "<div class=\"flex flex-column mt-2\" [formGroup]=\"group\" *ngIf=\"isFormElement\">\n  <p-toggleswitch\n    (onChange)=\"toggleValue($event, true)\"\n    [formControlName]=\"controlName\"\n  ></p-toggleswitch>\n</div>\n<div class=\"flex flex-column mt-2\" *ngIf=\"!isFormElement\">\n  <p-toggleswitch [disabled]=\"disabled\" [(ngModel)]=\"checked\" (onChange)=\"toggleValue($event, false)\"></p-toggleswitch>\n</div>\n", styles: [":host ::ng-deep .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider{background:#3e7c94!important}:host ::ng-deep .p-toggleswitch .p-toggleswitch-slider{border-radius:15px;background:#d7d7d7!important}:host ::ng-deep .p-toggleswitch .p-toggleswitch-slider:before{border-radius:50%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i2$2.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ToggleSwitchComponent, decorators: [{
             type: Component,
@@ -1683,7 +1678,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         FormsModule,
                         ReactiveFormsModule,
                         ToggleSwitchModule,
-                    ], template: "<div class=\"flex flex-column mt-2\" [formGroup]=\"group\" *ngIf=\"isFormElement\">\r\n  <p-toggleswitch\r\n    (onChange)=\"toggleValue($event, true)\"\r\n    [formControlName]=\"controlName\"\r\n  ></p-toggleswitch>\r\n</div>\r\n<div class=\"flex flex-column mt-2\" *ngIf=\"!isFormElement\">\r\n  <p-toggleswitch [disabled]=\"disabled\" [(ngModel)]=\"checked\" (onChange)=\"toggleValue($event, false)\"></p-toggleswitch>\r\n</div>\r\n", styles: [":host ::ng-deep .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider{background:#3e7c94!important}:host ::ng-deep .p-toggleswitch .p-toggleswitch-slider{border-radius:15px;background:#d7d7d7!important}:host ::ng-deep .p-toggleswitch .p-toggleswitch-slider:before{border-radius:50%}\n"] }]
+                    ], template: "<div class=\"flex flex-column mt-2\" [formGroup]=\"group\" *ngIf=\"isFormElement\">\n  <p-toggleswitch\n    (onChange)=\"toggleValue($event, true)\"\n    [formControlName]=\"controlName\"\n  ></p-toggleswitch>\n</div>\n<div class=\"flex flex-column mt-2\" *ngIf=\"!isFormElement\">\n  <p-toggleswitch [disabled]=\"disabled\" [(ngModel)]=\"checked\" (onChange)=\"toggleValue($event, false)\"></p-toggleswitch>\n</div>\n", styles: [":host ::ng-deep .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider{background:#3e7c94!important}:host ::ng-deep .p-toggleswitch .p-toggleswitch-slider{border-radius:15px;background:#d7d7d7!important}:host ::ng-deep .p-toggleswitch .p-toggleswitch-slider:before{border-radius:50%}\n"] }]
         }], propDecorators: { group: [{
                 type: Input
             }], controlName: [{
@@ -1708,11 +1703,11 @@ class TagComponent {
         return this.tagColor;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TagComponent, isStandalone: true, selector: "lib-tag", inputs: { tagText: "tagText", tagColor: "tagColor", rounded: "rounded" }, ngImport: i0, template: "<p-tag\r\n  [value]=\"tagText\"\r\n  [severity]=\"getColor()\"\r\n  [rounded]=\"rounded\"\r\n></p-tag>\r\n", styles: [""], dependencies: [{ kind: "component", type: Tag, selector: "p-tag", inputs: ["style", "styleClass", "severity", "value", "icon", "rounded"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TagComponent, isStandalone: true, selector: "lib-tag", inputs: { tagText: "tagText", tagColor: "tagColor", rounded: "rounded" }, ngImport: i0, template: "<p-tag\n  [value]=\"tagText\"\n  [severity]=\"getColor()\"\n  [rounded]=\"rounded\"\n></p-tag>\n", styles: [""], dependencies: [{ kind: "component", type: Tag, selector: "p-tag", inputs: ["style", "styleClass", "severity", "value", "icon", "rounded"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TagComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-tag', imports: [Tag], template: "<p-tag\r\n  [value]=\"tagText\"\r\n  [severity]=\"getColor()\"\r\n  [rounded]=\"rounded\"\r\n></p-tag>\r\n" }]
+            args: [{ selector: 'lib-tag', imports: [Tag], template: "<p-tag\n  [value]=\"tagText\"\n  [severity]=\"getColor()\"\n  [rounded]=\"rounded\"\n></p-tag>\n" }]
         }], propDecorators: { tagText: [{
                 type: Input
             }], tagColor: [{
@@ -1734,11 +1729,11 @@ class IconButtonComponent {
         this.clickEvent.emit(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: IconButtonComponent, isStandalone: true, selector: "lib-icon-button", inputs: { icon: "icon", disabled: "disabled", color: "color", styleClass: "styleClass", size: "size" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<p-button\r\n  icon=\"pi pi-{{icon}}\"\r\n  styleClass='p-button-{{color}}\r\n  {{styleClass}} {{size}}'\r\n  [disabled]='disabled'\r\n  (click)='click($event)'\r\n></p-button>\r\n", styles: [""], dependencies: [{ kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: IconButtonComponent, isStandalone: true, selector: "lib-icon-button", inputs: { icon: "icon", disabled: "disabled", color: "color", styleClass: "styleClass", size: "size" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<p-button\n  icon=\"pi pi-{{icon}}\"\n  styleClass='p-button-{{color}}\n  {{styleClass}} {{size}}'\n  [disabled]='disabled'\n  (click)='click($event)'\n></p-button>\n", styles: [""], dependencies: [{ kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IconButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-icon-button', imports: [Button], template: "<p-button\r\n  icon=\"pi pi-{{icon}}\"\r\n  styleClass='p-button-{{color}}\r\n  {{styleClass}} {{size}}'\r\n  [disabled]='disabled'\r\n  (click)='click($event)'\r\n></p-button>\r\n" }]
+            args: [{ selector: 'lib-icon-button', imports: [Button], template: "<p-button\n  icon=\"pi pi-{{icon}}\"\n  styleClass='p-button-{{color}}\n  {{styleClass}} {{size}}'\n  [disabled]='disabled'\n  (click)='click($event)'\n></p-button>\n" }]
         }], propDecorators: { icon: [{
                 type: Input
             }], disabled: [{
@@ -1963,7 +1958,7 @@ class CustomTableComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CustomTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CustomTableComponent, isStandalone: true, selector: "lib-custom-table[tableData][tableColumns]", inputs: { tableData: "tableData", tableColumns: "tableColumns", isPaginatorVisible: "isPaginatorVisible", tableRowCount: "tableRowCount", scrollable: "scrollable", scrollHeight: "scrollHeight", selectedProducts: "selectedProducts", isEditingTable: "isEditingTable", isTableLoading: "isTableLoading", hideColumnsOnMobile: "hideColumnsOnMobile", tableMinWidth: "tableMinWidth", isVirtualScrollButtonVisible: "isVirtualScrollButtonVisible", isVirtualScroll: "isVirtualScroll", virtualScrollRowSize: "virtualScrollRowSize", tableCaption: "tableCaption", captionColorClass: "captionColorClass", isCaptionButtonVisible: "isCaptionButtonVisible", captionButtonLabel: "captionButtonLabel", captionButtonColor: "captionButtonColor", isTableHeaderVisible: "isTableHeaderVisible", emptyColumnWidth: "emptyColumnWidth", toggleTableHeaderName: "toggleTableHeaderName", toggleWidth: "toggleWidth", toggleTwoTableHeaderName: "toggleTwoTableHeaderName", toggleTwoWidth: "toggleTwoWidth", toggleThreeTableHeaderName: "toggleThreeTableHeaderName", toggleThreeWidth: "toggleThreeWidth", toggleFourTableHeaderName: "toggleFourTableHeaderName", toggleFourWidth: "toggleFourWidth", rowColor: "rowColor", formGroup: "formGroup", type: "type", formStatus: "formStatus", tagColor: "tagColor", isWarningTextVisible: "isWarningTextVisible", isButtonOneVisible: "isButtonOneVisible", buttonLabel: "buttonLabel", buttonOneLabel: "buttonOneLabel", buttonOneHasIcon: "buttonOneHasIcon", buttonOneEditIcon: "buttonOneEditIcon", buttonOneSaveIcon: "buttonOneSaveIcon", buttonOneColor: "buttonOneColor", buttonOneIcon: "buttonOneIcon", isPlainTableIconButtonOne: "isPlainTableIconButtonOne", isPlainTableButtonOneLink: "isPlainTableButtonOneLink", isButtonTwoVisible: "isButtonTwoVisible", buttonTwoLabel: "buttonTwoLabel", buttonTwoHasIcon: "buttonTwoHasIcon", buttonTwoDeleteIcon: "buttonTwoDeleteIcon", buttonTwoCancelIcon: "buttonTwoCancelIcon", buttonTwoColor: "buttonTwoColor", buttonTwoIcon: "buttonTwoIcon", isPlainTableIconButtonTwo: "isPlainTableIconButtonTwo", isDeactivateToggle: "isDeactivateToggle", isDeactivateToggleTwo: "isDeactivateToggleTwo", isDeactivateToggleThree: "isDeactivateToggleThree", isDeactivateToggleFour: "isDeactivateToggleFour", showEllipsisFullText: "showEllipsisFullText" }, outputs: { captionButtonClicked: "captionButtonClicked", buttonEditClick: "buttonEditClick", buttonSaveClick: "buttonSaveClick", buttonOneClick: "buttonOneClick", buttonDeleteClick: "buttonDeleteClick", buttonTwoClick: "buttonTwoClick", toggleSwitch: "toggleSwitch", toggleTwoSwitch: "toggleTwoSwitch", toggleThreeSwitch: "toggleThreeSwitch", toggleFourSwitch: "toggleFourSwitch", checkboxOne: "checkboxOne" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<p-table\r\n  #dt\r\n  [value]=\"tableData\"\r\n  [paginator]=\"isPaginatorVisible\"\r\n  [rows]=\"tableRowCount\"\r\n  [showCurrentPageReport]=\"false\"\r\n  [scrollable]=\"scrollable\"\r\n  [scrollHeight]=\"scrollHeight\"\r\n  dataKey=\"id\"\r\n  editMode=\"row\"\r\n  [ngClass]=\"captionColorClass\"\r\n  [loading]=\"isTableLoading\"\r\n  [tableStyle]=\"{'min-width': tableMinWidth}\"\r\n  [virtualScroll]=\"isVirtualScroll\"\r\n  [virtualScrollItemSize]=\"virtualScrollRowSize\"\r\n  aria-live=\"polite\"\r\n>\r\n  <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">\r\n    <div class=\"flex align-items-center justify-content-between\">\r\n      {{ tableCaption }}\r\n      <span *ngIf=\"isVirtualScrollButtonVisible\"\r\n            (click)=\"isVirtualScroll = !isVirtualScroll\"\r\n            [ngStyle]=\"{'color': isVirtualScroll ? '' : 'lightgray'}\"\r\n            class=\"pi pi-sort cursor-pointer\">\r\n      </span>\r\n      <lib-button\r\n        *ngIf=\"isCaptionButtonVisible\"\r\n        [label]=\"captionButtonLabel\"\r\n        [color]=\"captionButtonColor\"\r\n        (clickEvent)=\"clickCaptionButton($event)\"\r\n      ></lib-button>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\r\n    <tr>\r\n      <ng-container *ngFor=\"let column of tableColumns\">\r\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n          <th  scope=\"col\" [style.width]=\"column.width\">\r\n            {{ column.header | translate }}\r\n          </th>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <th *ngFor=\"let _ of emptyHeaderColumnList\" [style.width]=\"emptyColumnWidth\" aria-hidden=\"true\"></th>\r\n      <th *ngIf=\"!!toggleTableHeaderName\" scope=\"col\" [style.width]=\"toggleWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleTableHeaderName }}\r\n      </th>\r\n      <th *ngIf=\"!!toggleTwoTableHeaderName\" scope=\"col\" [style.width]=\"toggleTwoWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleTwoTableHeaderName }}\r\n      </th>\r\n      <th *ngIf=\"!!toggleThreeTableHeaderName\" scope=\"col\" [style.width]=\"toggleThreeWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleThreeTableHeaderName }}\r\n      </th>\r\n      <th *ngIf=\"!!toggleFourTableHeaderName\" scope=\"col\" [style.width]=\"toggleFourWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleFourTableHeaderName }}\r\n      </th>\r\n    </tr>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"body\" let-rowData let-editing=\"editing\" let-ri=\"rowIndex\">\r\n    <!--\r\n      Mare; 2024-09-19: dodajanje logike barvanja rowColor za /cms/notifications, delat mora pa tudi v /vsi-termini\r\n    -->\r\n    <tr [pEditableRow]=\"rowData\" #htmlTableRowElement\r\n        [ngClass]=\"\r\n            rowData?.cmsStatus ?\r\n              (rowData?.cmsStatus === 'expired' ? 'disabled_row_color' :\r\n               rowData?.cmsStatus === 'planned' ? '' :\r\n               rowData?.cmsStatus === 'active' ? 'success_row_color' : '') :\r\n            (!rowData?.registered ? rowColor : '')\r\n      \">\r\n      <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\r\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n          <td [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n            <!-- Text input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'input'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-input\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [type]=\"column.inputType ? column.inputType : type\"\r\n                    placeholder=\"{{ column.placeholder! |translate }}\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                  ></lib-input>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    <ng-container *ngIf=\"column.isLink; else notLink\">\r\n                      <a href=\"{{ rowData[column.field] }}\" target=\"_blank\">\r\n                        {{ rowData[column.field] }}\r\n                      </a>\r\n                    </ng-container>\r\n                    <ng-template #notLink>\r\n                      {{ rowData[column.field] }} {{ column?.suffix }}\r\n                    </ng-template>\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Date input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'date'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-date-input\r\n                    appendTo=\"body\"\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [setMinAndMax]=\"false\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                    placeholder=\"{{ column.placeholder! | translate }}\"\r\n                  ></lib-date-input>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    {{ rowData[column.field] | date: 'dd.MM.yyyy' }} {{ column?.suffix }}\r\n                  </ng-container>\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Date+Time output-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'dateTime'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    {{ rowData[column.field] | date: 'dd.MM.yyyy, HH:mm' }} {{ column?.suffix }}\r\n                  </ng-container>\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- TextArea input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'textarea'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-textarea *ngIf=\"column.maxLength === -1\"\r\n                    [customMaxLength]=\"null\"\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                    placeholder=\"{{ column.placeholder! |translate }}\"\r\n                  ></lib-textarea>\r\n                  <lib-textarea *ngIf=\"column.maxLength !== -1\"\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                    placeholder=\"{{ column.placeholder! |translate }}\"\r\n                  ></lib-textarea>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    <lib-tooltip\r\n                      [htmlParser]=\"true\"\r\n                      [text]=\"rowData[column.field]\"\r\n                    ></lib-tooltip>\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Dropdown input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'dropdown'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-dropdown\r\n                    label=\"Moje naloge\"\r\n                    placeholder=\"Izberite\"\r\n                    optionLabel=\"name\"\r\n                    [showClear]=\"true\"\r\n                    [formStatus]=\"formStatus\"\r\n\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n\r\n                    filterBy=\"name\"\r\n                    [isLoading]=\"false\"\r\n                    [optionList]=\"overviewList\"\r\n                    [filter]=\"true\"\r\n                    [isRequired]=\"false\"\r\n                  ></lib-dropdown>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    <lib-tooltip\r\n                      [htmlParser]=\"true\"\r\n                      [text]=\"rowData[column.field]\"\r\n                    ></lib-tooltip>\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Switch input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'switch'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-toggle-switch\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [checked]=\"rowData[column.field]\"\r\n                  ></lib-toggle-switch>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    {{ 'components.customTable.yes' | translate }}\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    {{ 'components.customTable.no' | translate }}\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Mare; dodal custom checkbox za izbiro vrstice -->\r\n            <!-- [controlName] je oblike rowChecked_2024-04-11T11:35:00_c3cff776-dc06-40ec-bab5-7cab26e2014a  -->\r\n            <!-- column.field = rowChecked -->\r\n            <!-- rowData[column?.control!] = 2024-04-11T11:35:00 (startDate) -->\r\n            <!-- rowData[column?.control2!] = c3cff776-dc06-40ec-bab5-7cab26e2014a (uuid) -->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'checkbox'\">\r\n                <lib-checkbox class=\"\"\r\n                              [group]=\"formGroup\"\r\n                              [controlName]=\"column.field + '_' + rowData[column?.control!] + '_' + rowData[column?.control2!]\"\r\n                              (clickCheckboxEvent)=\"clickCheckboxOne($event, rowData[column?.control!] + '_' + rowData[column?.control2!])\"\r\n                              label=\"\">\r\n                </lib-checkbox>\r\n            </ng-container>\r\n\r\n            <!-- Plain table-->\r\n            <ng-container *ngIf=\"!column.editable\">\r\n              <ng-container *ngIf=\"column.tooltip || column.tag || column.status || column.ellipsis; else valueCell\">\r\n                <!-- Tooltip -->\r\n                <ng-container *ngIf=\"column.tooltip\">\r\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n                    <lib-tooltip [htmlParser]=\"true\" [text]=\"getNestedValue(rowData, column.field)\"></lib-tooltip>\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n                    /\r\n                  </ng-container>\r\n                </ng-container>\r\n\r\n                <!-- Ellipsis -->\r\n                <ng-container *ngIf=\"column.ellipsis\">\r\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n                    <span>\r\n                      {{ getNestedValue(rowData, column.field) }}\r\n                    </span>\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n                    /\r\n                  </ng-container>\r\n                </ng-container>\r\n\r\n                <!-- Tag -->\r\n                <ng-container *ngIf=\"column.tag && getNestedValue(rowData, column.field)\">\r\n                  <lib-tag [tagText]=\"getNestedValue(rowData, column.field)\" [tagColor]=\"rowData.tagColor\" [rounded]=\"true\"></lib-tag>\r\n                </ng-container>\r\n\r\n                <!-- Status -->\r\n                <ng-container *ngIf=\"column.status\">\r\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n                    <div style=\"background-color: #66952E; height: 25px; width: 75px;\"></div>\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n                    <div style=\"background-color: #f44336; height: 25px; width: 75px;\"></div>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-template #valueCell>\r\n                <ng-container *ngIf=\"getNestedValue(rowData, column.field); else emptyCell\">\r\n                  <!-- Mare; dodal izjemo za 'cmsStatus' -->\r\n                  <ng-container *ngIf=\"column.field === 'cmsStatus'; else defaultContent\">\r\n                    {{ 'pages.cms.cmsStatus.' + getNestedValue(rowData, column.field) | translate }}\r\n                  </ng-container>\r\n                  <!-- Privzeta vsebina za vse ostale stolpce -->\r\n                  <ng-template #defaultContent>\r\n                    {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\r\n                  </ng-template>\r\n                 </ng-container>\r\n                <ng-template #emptyCell>\r\n                  /\r\n                </ng-template>\r\n              </ng-template>\r\n            </ng-container>\r\n\r\n            <p class=\"text-red-500 custom-small-text\" *ngIf=\"colIndex === 0 && rowData?.administrativeProcedure?.localJurisdiction && isWarningTextVisible\">\r\n              <br/> {{ 'components.customTable.notification' | translate }}\r\n            </p>\r\n          </td>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <!--  Button column one -->\r\n      <td *ngIf=\"isButtonOneVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n        <!--  Editing table-->\r\n        <ng-container *ngIf=\"isEditingTable; else plainTable\">\r\n          <lib-icon-button\r\n            *ngIf=\"!editing\"\r\n            pInitEditableRow\r\n            [color]=\"buttonOneColor\"\r\n            [icon]=\"buttonOneEditIcon\"\r\n            (click)='onRowEdit(rowData)'\r\n          ></lib-icon-button>\r\n          <lib-icon-button\r\n            *ngIf=\"editing\"\r\n            [color]=\"buttonOneColor!\"\r\n            [icon]=\"buttonOneSaveIcon\"\r\n            (click)='onRowSave(rowData, htmlTableRowElement)'\r\n          ></lib-icon-button>\r\n        </ng-container>\r\n\r\n        <!--  Plain table-->\r\n        <ng-template #plainTable>\r\n          <ng-container\r\n            *ngIf=\"(rowData?.administrativeProcedure === undefined || rowData?.administrativeProcedure?.detailsUrl !== null) && !isPlainTableIconButtonOne\"\r\n          >\r\n            <lib-button\r\n              *ngIf=\"!isPlainTableButtonOneLink\"\r\n              [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\r\n              [hasIcon]=\"buttonOneHasIcon!\"\r\n              [color]=\"rowData?.buttonColor ? rowData.buttonColor : buttonOneColor!\"\r\n              [icon]=\"buttonOneIcon!\"\r\n              (click)='clickButtonOne(rowData)'\r\n            ></lib-button>\r\n            <lib-button-link\r\n              *ngIf=\"isPlainTableButtonOneLink\"\r\n              [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\r\n              [isPrimary]=\"true\"\r\n              [hasIcon]=\"buttonOneHasIcon!\"\r\n              [icon]=\"buttonOneIcon! + ' md:ml-2'\"\r\n              (click)='clickButtonOne(rowData)'\r\n            ></lib-button-link>\r\n          </ng-container>\r\n          <lib-icon-button\r\n            *ngIf=\"isPlainTableIconButtonOne\"\r\n            [color]=\"buttonOneColor!\"\r\n            [icon]=\"buttonOneSaveIcon\"\r\n            (click)='clickButtonOne(rowData)'\r\n          ></lib-icon-button>\r\n        </ng-template>\r\n      </td>\r\n\r\n      <!--  Button column two -->\r\n      <td *ngIf=\"isButtonTwoVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n        <!--  Editing table-->\r\n        <ng-container *ngIf=\"isEditingTable; else plainTable\">\r\n          <lib-icon-button\r\n            *ngIf=\"!editing\"\r\n            [color]=\"buttonTwoColor\"\r\n            [icon]=\"buttonTwoDeleteIcon\"\r\n            (click)='onRowDelete(rowData)'\r\n          ></lib-icon-button>\r\n          <lib-icon-button\r\n            *ngIf=\"editing\"\r\n            [color]=\"buttonTwoColor\"\r\n            [icon]=\"buttonTwoCancelIcon\"\r\n            (click)=\"onRowCancel(rowData)\"\r\n          ></lib-icon-button>\r\n        </ng-container>\r\n\r\n        <!--  Plain table-->\r\n        <ng-template #plainTable>\r\n          <lib-button\r\n            *ngIf=\"!isPlainTableIconButtonTwo\"\r\n            [label]=\"buttonTwoLabel!\"\r\n            [hasIcon]=\"buttonTwoHasIcon!\"\r\n            [color]=\"buttonTwoColor!\"\r\n            [icon]=\"buttonTwoIcon!\"\r\n            (click)='clickButtonTwo(rowData)'\r\n          ></lib-button>\r\n          <lib-icon-button\r\n            *ngIf=\"isPlainTableIconButtonTwo\"\r\n            [color]=\"buttonTwoColor!\"\r\n            [icon]=\"buttonTwoDeleteIcon\"\r\n            (click)='clickButtonTwo(rowData)'\r\n          ></lib-icon-button>\r\n        </ng-template>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle -->\r\n      <td *ngIf=\"isDeactivateToggle\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isEnabled\"\r\n          (getValueEvent)=\"toggleEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle two -->\r\n      <td *ngIf=\"isDeactivateToggleTwo\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [disabled]=\"!rowData.isEnabled\"\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isAppointmentEnabled\"\r\n          (getValueEvent)=\"toggleTwoEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle three -->\r\n      <td *ngIf=\"isDeactivateToggleThree\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [disabled]=\"!rowData.isEnabled\"\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isNotificationEnabled\"\r\n          (getValueEvent)=\"toggleThreeEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle four -->\r\n      <td *ngIf=\"isDeactivateToggleFour\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [disabled]=\"!rowData.isEnabled\"\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isVrstomatEnabled\"\r\n          (getValueEvent)=\"toggleFourEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n</p-table>\r\n", styles: [":host ::ng-deep .future .p-datatable-header{background:#b2414d}:host ::ng-deep .past .p-datatable-header{background:#6d7375}:host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:8px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border:none;color:#fff;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:first-child,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:first-child{width:400px}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:nth-child(2),:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:nth-child(2){width:150px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent;height:50px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952eb3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.disabled_row_color{background:#b4b4b4b3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-datatable .table-icon-button{width:50px}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}@media (max-width: 600px){:host ::ng-deep .p-datatable .p-datatable-header{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:.5rem}}.disabled-row{opacity:.5;pointer-events:none}.custom-small-text{font-size:.8rem;line-height:.9}.ellipsis-text{cursor:n-resize}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$7.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", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1$7.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i1$7.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i1$7.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: InputComponent, selector: "lib-input[group][controlName][name]", inputs: ["name", "type", "label", "placeholder", "accessibilityText", "group", "controlName", "isRequired", "isLabelVisible", "tooltipPosition", "tooltipText", "formStatus", "groupError", "hasGap", "hasTitle", "maxLength"] }, { kind: "component", type: DateInputComponent, selector: "lib-date-input[group][controlName][name]", inputs: ["isLabelVisible", "name", "label", "placeholder", "accessibilityText", "isRequired", "tooltipPosition", "tooltipText", "dateFormat", "group", "controlName", "showIcon", "selectionMode", "touchUI", "formStatus", "showClear", "isPublicDate", "minDate", "maxDate", "minDateToday", "maxDateSixMonths", "maxDateThreeMonths", "maxDateRangeOneYear", "setMinAndMax", "hasGap", "disabledDates", "appendTo", "groupError", "showTime", "availableDates", "disabledDays", "disabledWeekends"], outputs: ["onSelect"] }, { kind: "component", type: TextareaComponent, selector: "lib-textarea[group][controlName][name]", inputs: ["name", "resize", "label", "placeholder", "accessibilityText", "rows", "cols", "tooltipPosition", "tooltipText", "group", "controlName", "isRequired", "formStatus", "hasGap", "customMaxLength"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: DropdownComponent, selector: "lib-dropdown[group][controlName][name]", inputs: ["name", "isMultiselect", "selectedItemLabel", "group", "controlName", "label", "optionList", "optionLabel", "optionalValue", "placeholder", "accessibilityText", "filter", "filterBy", "showClear", "isRequired", "tooltipPosition", "tooltipText", "formStatus", "nestedGroup", "isLoading", "appendTo", "isLabelVisible", "emptyMessage", "virtualScroll", "ariaFilterLabel", "optionValue"], outputs: ["getValueEvent"] }, { kind: "component", type: ToggleSwitchComponent, selector: "lib-toggle-switch", inputs: ["group", "controlName", "isFormElement", "checked", "disabled"], outputs: ["getValueEvent", "checkedChanged"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox[group][controlName][label]", inputs: ["label", "group", "controlName", "value", "formStatus", "ariaLabel"], outputs: ["clickCheckboxEvent"] }, { kind: "component", type: TagComponent, selector: "lib-tag", inputs: ["tagText", "tagColor", "rounded"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["icon", "disabled", "color", "styleClass", "size"], outputs: ["clickEvent"] }, { kind: "component", type: ButtonLinkComponent, selector: "lib-button-link", inputs: ["hasIcon", "label", "isDanger", "isPrimary", "icon", "target", "accessibilityText"], outputs: ["clickEvent"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "date" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CustomTableComponent, isStandalone: true, selector: "lib-custom-table[tableData][tableColumns]", inputs: { tableData: "tableData", tableColumns: "tableColumns", isPaginatorVisible: "isPaginatorVisible", tableRowCount: "tableRowCount", scrollable: "scrollable", scrollHeight: "scrollHeight", selectedProducts: "selectedProducts", isEditingTable: "isEditingTable", isTableLoading: "isTableLoading", hideColumnsOnMobile: "hideColumnsOnMobile", tableMinWidth: "tableMinWidth", isVirtualScrollButtonVisible: "isVirtualScrollButtonVisible", isVirtualScroll: "isVirtualScroll", virtualScrollRowSize: "virtualScrollRowSize", tableCaption: "tableCaption", captionColorClass: "captionColorClass", isCaptionButtonVisible: "isCaptionButtonVisible", captionButtonLabel: "captionButtonLabel", captionButtonColor: "captionButtonColor", isTableHeaderVisible: "isTableHeaderVisible", emptyColumnWidth: "emptyColumnWidth", toggleTableHeaderName: "toggleTableHeaderName", toggleWidth: "toggleWidth", toggleTwoTableHeaderName: "toggleTwoTableHeaderName", toggleTwoWidth: "toggleTwoWidth", toggleThreeTableHeaderName: "toggleThreeTableHeaderName", toggleThreeWidth: "toggleThreeWidth", toggleFourTableHeaderName: "toggleFourTableHeaderName", toggleFourWidth: "toggleFourWidth", rowColor: "rowColor", formGroup: "formGroup", type: "type", formStatus: "formStatus", tagColor: "tagColor", isWarningTextVisible: "isWarningTextVisible", isButtonOneVisible: "isButtonOneVisible", buttonLabel: "buttonLabel", buttonOneLabel: "buttonOneLabel", buttonOneHasIcon: "buttonOneHasIcon", buttonOneEditIcon: "buttonOneEditIcon", buttonOneSaveIcon: "buttonOneSaveIcon", buttonOneColor: "buttonOneColor", buttonOneIcon: "buttonOneIcon", isPlainTableIconButtonOne: "isPlainTableIconButtonOne", isPlainTableButtonOneLink: "isPlainTableButtonOneLink", isButtonTwoVisible: "isButtonTwoVisible", buttonTwoLabel: "buttonTwoLabel", buttonTwoHasIcon: "buttonTwoHasIcon", buttonTwoDeleteIcon: "buttonTwoDeleteIcon", buttonTwoCancelIcon: "buttonTwoCancelIcon", buttonTwoColor: "buttonTwoColor", buttonTwoIcon: "buttonTwoIcon", isPlainTableIconButtonTwo: "isPlainTableIconButtonTwo", isDeactivateToggle: "isDeactivateToggle", isDeactivateToggleTwo: "isDeactivateToggleTwo", isDeactivateToggleThree: "isDeactivateToggleThree", isDeactivateToggleFour: "isDeactivateToggleFour", showEllipsisFullText: "showEllipsisFullText" }, outputs: { captionButtonClicked: "captionButtonClicked", buttonEditClick: "buttonEditClick", buttonSaveClick: "buttonSaveClick", buttonOneClick: "buttonOneClick", buttonDeleteClick: "buttonDeleteClick", buttonTwoClick: "buttonTwoClick", toggleSwitch: "toggleSwitch", toggleTwoSwitch: "toggleTwoSwitch", toggleThreeSwitch: "toggleThreeSwitch", toggleFourSwitch: "toggleFourSwitch", checkboxOne: "checkboxOne" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<p-table\n  #dt\n  [value]=\"tableData\"\n  [paginator]=\"isPaginatorVisible\"\n  [rows]=\"tableRowCount\"\n  [showCurrentPageReport]=\"false\"\n  [scrollable]=\"scrollable\"\n  [scrollHeight]=\"scrollHeight\"\n  dataKey=\"id\"\n  editMode=\"row\"\n  [ngClass]=\"captionColorClass\"\n  [loading]=\"isTableLoading\"\n  [tableStyle]=\"{'min-width': tableMinWidth}\"\n  [virtualScroll]=\"isVirtualScroll\"\n  [virtualScrollItemSize]=\"virtualScrollRowSize\"\n  aria-live=\"polite\"\n>\n  <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">\n    <div class=\"flex align-items-center justify-content-between\">\n      {{ tableCaption }}\n      <span *ngIf=\"isVirtualScrollButtonVisible\"\n            (click)=\"isVirtualScroll = !isVirtualScroll\"\n            [ngStyle]=\"{'color': isVirtualScroll ? '' : 'lightgray'}\"\n            class=\"pi pi-sort cursor-pointer\">\n      </span>\n      <lib-button\n        *ngIf=\"isCaptionButtonVisible\"\n        [label]=\"captionButtonLabel\"\n        [color]=\"captionButtonColor\"\n        (clickEvent)=\"clickCaptionButton($event)\"\n      ></lib-button>\n    </div>\n  </ng-template>\n  <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\n    <tr>\n      <ng-container *ngFor=\"let column of tableColumns\">\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n          <th  scope=\"col\" [style.width]=\"column.width\">\n            {{ column.header | translate }}\n          </th>\n        </ng-container>\n      </ng-container>\n\n      <th *ngFor=\"let _ of emptyHeaderColumnList\" [style.width]=\"emptyColumnWidth\" aria-hidden=\"true\"></th>\n      <th *ngIf=\"!!toggleTableHeaderName\" scope=\"col\" [style.width]=\"toggleWidth\"  class=\"vertical-align-middle\">\n        {{ toggleTableHeaderName }}\n      </th>\n      <th *ngIf=\"!!toggleTwoTableHeaderName\" scope=\"col\" [style.width]=\"toggleTwoWidth\"  class=\"vertical-align-middle\">\n        {{ toggleTwoTableHeaderName }}\n      </th>\n      <th *ngIf=\"!!toggleThreeTableHeaderName\" scope=\"col\" [style.width]=\"toggleThreeWidth\"  class=\"vertical-align-middle\">\n        {{ toggleThreeTableHeaderName }}\n      </th>\n      <th *ngIf=\"!!toggleFourTableHeaderName\" scope=\"col\" [style.width]=\"toggleFourWidth\"  class=\"vertical-align-middle\">\n        {{ toggleFourTableHeaderName }}\n      </th>\n    </tr>\n  </ng-template>\n  <ng-template pTemplate=\"body\" let-rowData let-editing=\"editing\" let-ri=\"rowIndex\">\n    <!--\n      Mare; 2024-09-19: dodajanje logike barvanja rowColor za /cms/notifications, delat mora pa tudi v /vsi-termini\n    -->\n    <tr [pEditableRow]=\"rowData\" #htmlTableRowElement\n        [ngClass]=\"\n            rowData?.cmsStatus ?\n              (rowData?.cmsStatus === 'expired' ? 'disabled_row_color' :\n               rowData?.cmsStatus === 'planned' ? '' :\n               rowData?.cmsStatus === 'active' ? 'success_row_color' : '') :\n            (!rowData?.registered ? rowColor : '')\n      \">\n      <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n          <td [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\n            <!-- Text input-->\n            <ng-container *ngIf=\"column.editable && column.component === 'input'\">\n              <p-cellEditor>\n                <ng-template pTemplate=\"input\">\n                  <lib-input\n                    [group]=\"formGroup\"\n                    [controlName]=\"column.field\"\n                    [name]=\"column.field\"\n                    [type]=\"column.inputType ? column.inputType : type\"\n                    placeholder=\"{{ column.placeholder! |translate }}\"\n                    [isRequired]=\"false\"\n                    [formStatus]=\"formStatus\"\n                    [hasGap]=\"false\"\n                  ></lib-input>\n                </ng-template>\n                <ng-template pTemplate=\"output\">\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n                    <ng-container *ngIf=\"column.isLink; else notLink\">\n                      <a href=\"{{ rowData[column.field] }}\" target=\"_blank\">\n                        {{ rowData[column.field] }}\n                      </a>\n                    </ng-container>\n                    <ng-template #notLink>\n                      {{ rowData[column.field] }} {{ column?.suffix }}\n                    </ng-template>\n                  </ng-container>\n\n                  <ng-template #emptyCell>\n                    /\n                  </ng-template>\n                </ng-template>\n              </p-cellEditor>\n            </ng-container>\n\n            <!-- Date input-->\n            <ng-container *ngIf=\"column.editable && column.component === 'date'\">\n              <p-cellEditor>\n                <ng-template pTemplate=\"input\">\n                  <lib-date-input\n                    appendTo=\"body\"\n                    [group]=\"formGroup\"\n                    [controlName]=\"column.field\"\n                    [name]=\"column.field\"\n                    [setMinAndMax]=\"false\"\n                    [isRequired]=\"false\"\n                    [formStatus]=\"formStatus\"\n                    [hasGap]=\"false\"\n                    placeholder=\"{{ column.placeholder! | translate }}\"\n                  ></lib-date-input>\n                </ng-template>\n                <ng-template pTemplate=\"output\">\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n                    {{ rowData[column.field] | date: 'dd.MM.yyyy' }} {{ column?.suffix }}\n                  </ng-container>\n                  <ng-template #emptyCell>\n                    /\n                  </ng-template>\n                </ng-template>\n              </p-cellEditor>\n            </ng-container>\n\n            <!-- Date+Time output-->\n            <ng-container *ngIf=\"column.editable && column.component === 'dateTime'\">\n              <p-cellEditor>\n                <ng-template pTemplate=\"output\">\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n                    {{ rowData[column.field] | date: 'dd.MM.yyyy, HH:mm' }} {{ column?.suffix }}\n                  </ng-container>\n                  <ng-template #emptyCell>\n                    /\n                  </ng-template>\n                </ng-template>\n              </p-cellEditor>\n            </ng-container>\n\n            <!-- TextArea input-->\n            <ng-container *ngIf=\"column.editable && column.component === 'textarea'\">\n              <p-cellEditor>\n                <ng-template pTemplate=\"input\">\n                  <lib-textarea *ngIf=\"column.maxLength === -1\"\n                    [customMaxLength]=\"null\"\n                    [group]=\"formGroup\"\n                    [controlName]=\"column.field\"\n                    [name]=\"column.field\"\n                    [isRequired]=\"false\"\n                    [formStatus]=\"formStatus\"\n                    [hasGap]=\"false\"\n                    placeholder=\"{{ column.placeholder! |translate }}\"\n                  ></lib-textarea>\n                  <lib-textarea *ngIf=\"column.maxLength !== -1\"\n                    [group]=\"formGroup\"\n                    [controlName]=\"column.field\"\n                    [name]=\"column.field\"\n                    [isRequired]=\"false\"\n                    [formStatus]=\"formStatus\"\n                    [hasGap]=\"false\"\n                    placeholder=\"{{ column.placeholder! |translate }}\"\n                  ></lib-textarea>\n                </ng-template>\n                <ng-template pTemplate=\"output\">\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n                    <lib-tooltip\n                      [htmlParser]=\"true\"\n                      [text]=\"rowData[column.field]\"\n                    ></lib-tooltip>\n                  </ng-container>\n\n                  <ng-template #emptyCell>\n                    /\n                  </ng-template>\n                </ng-template>\n              </p-cellEditor>\n            </ng-container>\n\n            <!-- Dropdown input-->\n            <ng-container *ngIf=\"column.editable && column.component === 'dropdown'\">\n              <p-cellEditor>\n                <ng-template pTemplate=\"input\">\n                  <lib-dropdown\n                    label=\"Moje naloge\"\n                    placeholder=\"Izberite\"\n                    optionLabel=\"name\"\n                    [showClear]=\"true\"\n                    [formStatus]=\"formStatus\"\n\n                    [group]=\"formGroup\"\n                    [controlName]=\"column.field\"\n                    [name]=\"column.field\"\n\n                    filterBy=\"name\"\n                    [isLoading]=\"false\"\n                    [optionList]=\"overviewList\"\n                    [filter]=\"true\"\n                    [isRequired]=\"false\"\n                  ></lib-dropdown>\n                </ng-template>\n                <ng-template pTemplate=\"output\">\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n                    <lib-tooltip\n                      [htmlParser]=\"true\"\n                      [text]=\"rowData[column.field]\"\n                    ></lib-tooltip>\n                  </ng-container>\n\n                  <ng-template #emptyCell>\n                    /\n                  </ng-template>\n                </ng-template>\n              </p-cellEditor>\n            </ng-container>\n\n            <!-- Switch input-->\n            <ng-container *ngIf=\"column.editable && column.component === 'switch'\">\n              <p-cellEditor>\n                <ng-template pTemplate=\"input\">\n                  <lib-toggle-switch\n                    [group]=\"formGroup\"\n                    [controlName]=\"column.field\"\n                    [checked]=\"rowData[column.field]\"\n                  ></lib-toggle-switch>\n                </ng-template>\n                <ng-template pTemplate=\"output\">\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n                    {{ 'components.customTable.yes' | translate }}\n                  </ng-container>\n\n                  <ng-template #emptyCell>\n                    {{ 'components.customTable.no' | translate }}\n                  </ng-template>\n                </ng-template>\n              </p-cellEditor>\n            </ng-container>\n\n            <!-- Mare; dodal custom checkbox za izbiro vrstice -->\n            <!-- [controlName] je oblike rowChecked_2024-04-11T11:35:00_c3cff776-dc06-40ec-bab5-7cab26e2014a  -->\n            <!-- column.field = rowChecked -->\n            <!-- rowData[column?.control!] = 2024-04-11T11:35:00 (startDate) -->\n            <!-- rowData[column?.control2!] = c3cff776-dc06-40ec-bab5-7cab26e2014a (uuid) -->\n            <ng-container *ngIf=\"column.editable && column.component === 'checkbox'\">\n                <lib-checkbox class=\"\"\n                              [group]=\"formGroup\"\n                              [controlName]=\"column.field + '_' + rowData[column?.control!] + '_' + rowData[column?.control2!]\"\n                              (clickCheckboxEvent)=\"clickCheckboxOne($event, rowData[column?.control!] + '_' + rowData[column?.control2!])\"\n                              label=\"\">\n                </lib-checkbox>\n            </ng-container>\n\n            <!-- Plain table-->\n            <ng-container *ngIf=\"!column.editable\">\n              <ng-container *ngIf=\"column.tooltip || column.tag || column.status || column.ellipsis; else valueCell\">\n                <!-- Tooltip -->\n                <ng-container *ngIf=\"column.tooltip\">\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\n                    <lib-tooltip [htmlParser]=\"true\" [text]=\"getNestedValue(rowData, column.field)\"></lib-tooltip>\n                  </ng-container>\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\n                    /\n                  </ng-container>\n                </ng-container>\n\n                <!-- Ellipsis -->\n                <ng-container *ngIf=\"column.ellipsis\">\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\n                    <span>\n                      {{ getNestedValue(rowData, column.field) }}\n                    </span>\n                  </ng-container>\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\n                    /\n                  </ng-container>\n                </ng-container>\n\n                <!-- Tag -->\n                <ng-container *ngIf=\"column.tag && getNestedValue(rowData, column.field)\">\n                  <lib-tag [tagText]=\"getNestedValue(rowData, column.field)\" [tagColor]=\"rowData.tagColor\" [rounded]=\"true\"></lib-tag>\n                </ng-container>\n\n                <!-- Status -->\n                <ng-container *ngIf=\"column.status\">\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\n                    <div style=\"background-color: #66952E; height: 25px; width: 75px;\"></div>\n                  </ng-container>\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\n                    <div style=\"background-color: #f44336; height: 25px; width: 75px;\"></div>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n              <ng-template #valueCell>\n                <ng-container *ngIf=\"getNestedValue(rowData, column.field); else emptyCell\">\n                  <!-- Mare; dodal izjemo za 'cmsStatus' -->\n                  <ng-container *ngIf=\"column.field === 'cmsStatus'; else defaultContent\">\n                    {{ 'pages.cms.cmsStatus.' + getNestedValue(rowData, column.field) | translate }}\n                  </ng-container>\n                  <!-- Privzeta vsebina za vse ostale stolpce -->\n                  <ng-template #defaultContent>\n                    {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\n                  </ng-template>\n                 </ng-container>\n                <ng-template #emptyCell>\n                  /\n                </ng-template>\n              </ng-template>\n            </ng-container>\n\n            <p class=\"text-red-500 custom-small-text\" *ngIf=\"colIndex === 0 && rowData?.administrativeProcedure?.localJurisdiction && isWarningTextVisible\">\n              <br/> {{ 'components.customTable.notification' | translate }}\n            </p>\n          </td>\n        </ng-container>\n      </ng-container>\n\n      <!--  Button column one -->\n      <td *ngIf=\"isButtonOneVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\n        <!--  Editing table-->\n        <ng-container *ngIf=\"isEditingTable; else plainTable\">\n          <lib-icon-button\n            *ngIf=\"!editing\"\n            pInitEditableRow\n            [color]=\"buttonOneColor\"\n            [icon]=\"buttonOneEditIcon\"\n            (click)='onRowEdit(rowData)'\n          ></lib-icon-button>\n          <lib-icon-button\n            *ngIf=\"editing\"\n            [color]=\"buttonOneColor!\"\n            [icon]=\"buttonOneSaveIcon\"\n            (click)='onRowSave(rowData, htmlTableRowElement)'\n          ></lib-icon-button>\n        </ng-container>\n\n        <!--  Plain table-->\n        <ng-template #plainTable>\n          <ng-container\n            *ngIf=\"(rowData?.administrativeProcedure === undefined || rowData?.administrativeProcedure?.detailsUrl !== null) && !isPlainTableIconButtonOne\"\n          >\n            <lib-button\n              *ngIf=\"!isPlainTableButtonOneLink\"\n              [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\n              [hasIcon]=\"buttonOneHasIcon!\"\n              [color]=\"rowData?.buttonColor ? rowData.buttonColor : buttonOneColor!\"\n              [icon]=\"buttonOneIcon!\"\n              (click)='clickButtonOne(rowData)'\n            ></lib-button>\n            <lib-button-link\n              *ngIf=\"isPlainTableButtonOneLink\"\n              [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\n              [isPrimary]=\"true\"\n              [hasIcon]=\"buttonOneHasIcon!\"\n              [icon]=\"buttonOneIcon! + ' md:ml-2'\"\n              (click)='clickButtonOne(rowData)'\n            ></lib-button-link>\n          </ng-container>\n          <lib-icon-button\n            *ngIf=\"isPlainTableIconButtonOne\"\n            [color]=\"buttonOneColor!\"\n            [icon]=\"buttonOneSaveIcon\"\n            (click)='clickButtonOne(rowData)'\n          ></lib-icon-button>\n        </ng-template>\n      </td>\n\n      <!--  Button column two -->\n      <td *ngIf=\"isButtonTwoVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\n        <!--  Editing table-->\n        <ng-container *ngIf=\"isEditingTable; else plainTable\">\n          <lib-icon-button\n            *ngIf=\"!editing\"\n            [color]=\"buttonTwoColor\"\n            [icon]=\"buttonTwoDeleteIcon\"\n            (click)='onRowDelete(rowData)'\n          ></lib-icon-button>\n          <lib-icon-button\n            *ngIf=\"editing\"\n            [color]=\"buttonTwoColor\"\n            [icon]=\"buttonTwoCancelIcon\"\n            (click)=\"onRowCancel(rowData)\"\n          ></lib-icon-button>\n        </ng-container>\n\n        <!--  Plain table-->\n        <ng-template #plainTable>\n          <lib-button\n            *ngIf=\"!isPlainTableIconButtonTwo\"\n            [label]=\"buttonTwoLabel!\"\n            [hasIcon]=\"buttonTwoHasIcon!\"\n            [color]=\"buttonTwoColor!\"\n            [icon]=\"buttonTwoIcon!\"\n            (click)='clickButtonTwo(rowData)'\n          ></lib-button>\n          <lib-icon-button\n            *ngIf=\"isPlainTableIconButtonTwo\"\n            [color]=\"buttonTwoColor!\"\n            [icon]=\"buttonTwoDeleteIcon\"\n            (click)='clickButtonTwo(rowData)'\n          ></lib-icon-button>\n        </ng-template>\n      </td>\n\n      <!--  Deactivate toggle -->\n      <td *ngIf=\"isDeactivateToggle\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n        <lib-toggle-switch\n          [isFormElement]=\"false\"\n          [checked]=\"rowData.isEnabled\"\n          (getValueEvent)=\"toggleEnable({ rowData, $event })\"\n        ></lib-toggle-switch>\n      </td>\n\n      <!--  Deactivate toggle two -->\n      <td *ngIf=\"isDeactivateToggleTwo\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n        <lib-toggle-switch\n          [disabled]=\"!rowData.isEnabled\"\n          [isFormElement]=\"false\"\n          [checked]=\"rowData.isAppointmentEnabled\"\n          (getValueEvent)=\"toggleTwoEnable({ rowData, $event })\"\n        ></lib-toggle-switch>\n      </td>\n\n      <!--  Deactivate toggle three -->\n      <td *ngIf=\"isDeactivateToggleThree\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n        <lib-toggle-switch\n          [disabled]=\"!rowData.isEnabled\"\n          [isFormElement]=\"false\"\n          [checked]=\"rowData.isNotificationEnabled\"\n          (getValueEvent)=\"toggleThreeEnable({ rowData, $event })\"\n        ></lib-toggle-switch>\n      </td>\n\n      <!--  Deactivate toggle four -->\n      <td *ngIf=\"isDeactivateToggleFour\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n        <lib-toggle-switch\n          [disabled]=\"!rowData.isEnabled\"\n          [isFormElement]=\"false\"\n          [checked]=\"rowData.isVrstomatEnabled\"\n          (getValueEvent)=\"toggleFourEnable({ rowData, $event })\"\n        ></lib-toggle-switch>\n      </td>\n    </tr>\n  </ng-template>\n</p-table>\n", styles: [":host ::ng-deep .future .p-datatable-header{background:#b2414d}:host ::ng-deep .past .p-datatable-header{background:#6d7375}:host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:8px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border:none;color:#fff;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:first-child,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:first-child{width:400px}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:nth-child(2),:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:nth-child(2){width:150px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent;height:50px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952eb3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.disabled_row_color{background:#b4b4b4b3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-datatable .table-icon-button{width:50px}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}@media (max-width: 600px){:host ::ng-deep .p-datatable .p-datatable-header{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:.5rem}}.disabled-row{opacity:.5;pointer-events:none}.custom-small-text{font-size:.8rem;line-height:.9}.ellipsis-text{cursor:n-resize}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$7.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", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1$7.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i1$7.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i1$7.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: InputComponent, selector: "lib-input[group][controlName][name]", inputs: ["name", "type", "label", "placeholder", "accessibilityText", "group", "controlName", "isRequired", "isLabelVisible", "tooltipPosition", "tooltipText", "formStatus", "groupError", "hasGap", "hasTitle", "maxLength"] }, { kind: "component", type: DateInputComponent, selector: "lib-date-input[group][controlName][name]", inputs: ["isLabelVisible", "name", "label", "placeholder", "accessibilityText", "isRequired", "tooltipPosition", "tooltipText", "dateFormat", "group", "controlName", "showIcon", "selectionMode", "touchUI", "formStatus", "showClear", "isPublicDate", "minDate", "maxDate", "minDateToday", "maxDateSixMonths", "maxDateThreeMonths", "maxDateRangeOneYear", "setMinAndMax", "hasGap", "disabledDates", "appendTo", "groupError", "showTime", "availableDates", "disabledDays", "disabledWeekends"], outputs: ["onSelect"] }, { kind: "component", type: TextareaComponent, selector: "lib-textarea[group][controlName][name]", inputs: ["name", "resize", "label", "placeholder", "accessibilityText", "rows", "cols", "tooltipPosition", "tooltipText", "group", "controlName", "isRequired", "formStatus", "hasGap", "customMaxLength"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: DropdownComponent, selector: "lib-dropdown[group][controlName][name]", inputs: ["name", "isMultiselect", "selectedItemLabel", "group", "controlName", "label", "optionList", "optionLabel", "optionalValue", "placeholder", "accessibilityText", "filter", "filterBy", "showClear", "isRequired", "tooltipPosition", "tooltipText", "formStatus", "nestedGroup", "isLoading", "appendTo", "isLabelVisible", "emptyMessage", "virtualScroll", "ariaFilterLabel", "optionValue"], outputs: ["getValueEvent"] }, { kind: "component", type: ToggleSwitchComponent, selector: "lib-toggle-switch", inputs: ["group", "controlName", "isFormElement", "checked", "disabled"], outputs: ["getValueEvent", "checkedChanged"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox[group][controlName][label]", inputs: ["label", "group", "controlName", "value", "formStatus", "ariaLabel"], outputs: ["clickCheckboxEvent"] }, { kind: "component", type: TagComponent, selector: "lib-tag", inputs: ["tagText", "tagColor", "rounded"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["icon", "disabled", "color", "styleClass", "size"], outputs: ["clickEvent"] }, { kind: "component", type: ButtonLinkComponent, selector: "lib-button-link", inputs: ["hasIcon", "label", "isDanger", "isPrimary", "icon", "target", "accessibilityText"], outputs: ["clickEvent"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "date" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CustomTableComponent, decorators: [{
             type: Component,
@@ -1987,7 +1982,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         ButtonLinkComponent,
                         TranslateModule,
                         DatePipe,
-                    ], template: "<p-table\r\n  #dt\r\n  [value]=\"tableData\"\r\n  [paginator]=\"isPaginatorVisible\"\r\n  [rows]=\"tableRowCount\"\r\n  [showCurrentPageReport]=\"false\"\r\n  [scrollable]=\"scrollable\"\r\n  [scrollHeight]=\"scrollHeight\"\r\n  dataKey=\"id\"\r\n  editMode=\"row\"\r\n  [ngClass]=\"captionColorClass\"\r\n  [loading]=\"isTableLoading\"\r\n  [tableStyle]=\"{'min-width': tableMinWidth}\"\r\n  [virtualScroll]=\"isVirtualScroll\"\r\n  [virtualScrollItemSize]=\"virtualScrollRowSize\"\r\n  aria-live=\"polite\"\r\n>\r\n  <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">\r\n    <div class=\"flex align-items-center justify-content-between\">\r\n      {{ tableCaption }}\r\n      <span *ngIf=\"isVirtualScrollButtonVisible\"\r\n            (click)=\"isVirtualScroll = !isVirtualScroll\"\r\n            [ngStyle]=\"{'color': isVirtualScroll ? '' : 'lightgray'}\"\r\n            class=\"pi pi-sort cursor-pointer\">\r\n      </span>\r\n      <lib-button\r\n        *ngIf=\"isCaptionButtonVisible\"\r\n        [label]=\"captionButtonLabel\"\r\n        [color]=\"captionButtonColor\"\r\n        (clickEvent)=\"clickCaptionButton($event)\"\r\n      ></lib-button>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\r\n    <tr>\r\n      <ng-container *ngFor=\"let column of tableColumns\">\r\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n          <th  scope=\"col\" [style.width]=\"column.width\">\r\n            {{ column.header | translate }}\r\n          </th>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <th *ngFor=\"let _ of emptyHeaderColumnList\" [style.width]=\"emptyColumnWidth\" aria-hidden=\"true\"></th>\r\n      <th *ngIf=\"!!toggleTableHeaderName\" scope=\"col\" [style.width]=\"toggleWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleTableHeaderName }}\r\n      </th>\r\n      <th *ngIf=\"!!toggleTwoTableHeaderName\" scope=\"col\" [style.width]=\"toggleTwoWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleTwoTableHeaderName }}\r\n      </th>\r\n      <th *ngIf=\"!!toggleThreeTableHeaderName\" scope=\"col\" [style.width]=\"toggleThreeWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleThreeTableHeaderName }}\r\n      </th>\r\n      <th *ngIf=\"!!toggleFourTableHeaderName\" scope=\"col\" [style.width]=\"toggleFourWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleFourTableHeaderName }}\r\n      </th>\r\n    </tr>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"body\" let-rowData let-editing=\"editing\" let-ri=\"rowIndex\">\r\n    <!--\r\n      Mare; 2024-09-19: dodajanje logike barvanja rowColor za /cms/notifications, delat mora pa tudi v /vsi-termini\r\n    -->\r\n    <tr [pEditableRow]=\"rowData\" #htmlTableRowElement\r\n        [ngClass]=\"\r\n            rowData?.cmsStatus ?\r\n              (rowData?.cmsStatus === 'expired' ? 'disabled_row_color' :\r\n               rowData?.cmsStatus === 'planned' ? '' :\r\n               rowData?.cmsStatus === 'active' ? 'success_row_color' : '') :\r\n            (!rowData?.registered ? rowColor : '')\r\n      \">\r\n      <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\r\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n          <td [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n            <!-- Text input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'input'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-input\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [type]=\"column.inputType ? column.inputType : type\"\r\n                    placeholder=\"{{ column.placeholder! |translate }}\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                  ></lib-input>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    <ng-container *ngIf=\"column.isLink; else notLink\">\r\n                      <a href=\"{{ rowData[column.field] }}\" target=\"_blank\">\r\n                        {{ rowData[column.field] }}\r\n                      </a>\r\n                    </ng-container>\r\n                    <ng-template #notLink>\r\n                      {{ rowData[column.field] }} {{ column?.suffix }}\r\n                    </ng-template>\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Date input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'date'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-date-input\r\n                    appendTo=\"body\"\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [setMinAndMax]=\"false\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                    placeholder=\"{{ column.placeholder! | translate }}\"\r\n                  ></lib-date-input>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    {{ rowData[column.field] | date: 'dd.MM.yyyy' }} {{ column?.suffix }}\r\n                  </ng-container>\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Date+Time output-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'dateTime'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    {{ rowData[column.field] | date: 'dd.MM.yyyy, HH:mm' }} {{ column?.suffix }}\r\n                  </ng-container>\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- TextArea input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'textarea'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-textarea *ngIf=\"column.maxLength === -1\"\r\n                    [customMaxLength]=\"null\"\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                    placeholder=\"{{ column.placeholder! |translate }}\"\r\n                  ></lib-textarea>\r\n                  <lib-textarea *ngIf=\"column.maxLength !== -1\"\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                    placeholder=\"{{ column.placeholder! |translate }}\"\r\n                  ></lib-textarea>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    <lib-tooltip\r\n                      [htmlParser]=\"true\"\r\n                      [text]=\"rowData[column.field]\"\r\n                    ></lib-tooltip>\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Dropdown input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'dropdown'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-dropdown\r\n                    label=\"Moje naloge\"\r\n                    placeholder=\"Izberite\"\r\n                    optionLabel=\"name\"\r\n                    [showClear]=\"true\"\r\n                    [formStatus]=\"formStatus\"\r\n\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n\r\n                    filterBy=\"name\"\r\n                    [isLoading]=\"false\"\r\n                    [optionList]=\"overviewList\"\r\n                    [filter]=\"true\"\r\n                    [isRequired]=\"false\"\r\n                  ></lib-dropdown>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    <lib-tooltip\r\n                      [htmlParser]=\"true\"\r\n                      [text]=\"rowData[column.field]\"\r\n                    ></lib-tooltip>\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Switch input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'switch'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-toggle-switch\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [checked]=\"rowData[column.field]\"\r\n                  ></lib-toggle-switch>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    {{ 'components.customTable.yes' | translate }}\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    {{ 'components.customTable.no' | translate }}\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Mare; dodal custom checkbox za izbiro vrstice -->\r\n            <!-- [controlName] je oblike rowChecked_2024-04-11T11:35:00_c3cff776-dc06-40ec-bab5-7cab26e2014a  -->\r\n            <!-- column.field = rowChecked -->\r\n            <!-- rowData[column?.control!] = 2024-04-11T11:35:00 (startDate) -->\r\n            <!-- rowData[column?.control2!] = c3cff776-dc06-40ec-bab5-7cab26e2014a (uuid) -->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'checkbox'\">\r\n                <lib-checkbox class=\"\"\r\n                              [group]=\"formGroup\"\r\n                              [controlName]=\"column.field + '_' + rowData[column?.control!] + '_' + rowData[column?.control2!]\"\r\n                              (clickCheckboxEvent)=\"clickCheckboxOne($event, rowData[column?.control!] + '_' + rowData[column?.control2!])\"\r\n                              label=\"\">\r\n                </lib-checkbox>\r\n            </ng-container>\r\n\r\n            <!-- Plain table-->\r\n            <ng-container *ngIf=\"!column.editable\">\r\n              <ng-container *ngIf=\"column.tooltip || column.tag || column.status || column.ellipsis; else valueCell\">\r\n                <!-- Tooltip -->\r\n                <ng-container *ngIf=\"column.tooltip\">\r\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n                    <lib-tooltip [htmlParser]=\"true\" [text]=\"getNestedValue(rowData, column.field)\"></lib-tooltip>\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n                    /\r\n                  </ng-container>\r\n                </ng-container>\r\n\r\n                <!-- Ellipsis -->\r\n                <ng-container *ngIf=\"column.ellipsis\">\r\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n                    <span>\r\n                      {{ getNestedValue(rowData, column.field) }}\r\n                    </span>\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n                    /\r\n                  </ng-container>\r\n                </ng-container>\r\n\r\n                <!-- Tag -->\r\n                <ng-container *ngIf=\"column.tag && getNestedValue(rowData, column.field)\">\r\n                  <lib-tag [tagText]=\"getNestedValue(rowData, column.field)\" [tagColor]=\"rowData.tagColor\" [rounded]=\"true\"></lib-tag>\r\n                </ng-container>\r\n\r\n                <!-- Status -->\r\n                <ng-container *ngIf=\"column.status\">\r\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n                    <div style=\"background-color: #66952E; height: 25px; width: 75px;\"></div>\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n                    <div style=\"background-color: #f44336; height: 25px; width: 75px;\"></div>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-template #valueCell>\r\n                <ng-container *ngIf=\"getNestedValue(rowData, column.field); else emptyCell\">\r\n                  <!-- Mare; dodal izjemo za 'cmsStatus' -->\r\n                  <ng-container *ngIf=\"column.field === 'cmsStatus'; else defaultContent\">\r\n                    {{ 'pages.cms.cmsStatus.' + getNestedValue(rowData, column.field) | translate }}\r\n                  </ng-container>\r\n                  <!-- Privzeta vsebina za vse ostale stolpce -->\r\n                  <ng-template #defaultContent>\r\n                    {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\r\n                  </ng-template>\r\n                 </ng-container>\r\n                <ng-template #emptyCell>\r\n                  /\r\n                </ng-template>\r\n              </ng-template>\r\n            </ng-container>\r\n\r\n            <p class=\"text-red-500 custom-small-text\" *ngIf=\"colIndex === 0 && rowData?.administrativeProcedure?.localJurisdiction && isWarningTextVisible\">\r\n              <br/> {{ 'components.customTable.notification' | translate }}\r\n            </p>\r\n          </td>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <!--  Button column one -->\r\n      <td *ngIf=\"isButtonOneVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n        <!--  Editing table-->\r\n        <ng-container *ngIf=\"isEditingTable; else plainTable\">\r\n          <lib-icon-button\r\n            *ngIf=\"!editing\"\r\n            pInitEditableRow\r\n            [color]=\"buttonOneColor\"\r\n            [icon]=\"buttonOneEditIcon\"\r\n            (click)='onRowEdit(rowData)'\r\n          ></lib-icon-button>\r\n          <lib-icon-button\r\n            *ngIf=\"editing\"\r\n            [color]=\"buttonOneColor!\"\r\n            [icon]=\"buttonOneSaveIcon\"\r\n            (click)='onRowSave(rowData, htmlTableRowElement)'\r\n          ></lib-icon-button>\r\n        </ng-container>\r\n\r\n        <!--  Plain table-->\r\n        <ng-template #plainTable>\r\n          <ng-container\r\n            *ngIf=\"(rowData?.administrativeProcedure === undefined || rowData?.administrativeProcedure?.detailsUrl !== null) && !isPlainTableIconButtonOne\"\r\n          >\r\n            <lib-button\r\n              *ngIf=\"!isPlainTableButtonOneLink\"\r\n              [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\r\n              [hasIcon]=\"buttonOneHasIcon!\"\r\n              [color]=\"rowData?.buttonColor ? rowData.buttonColor : buttonOneColor!\"\r\n              [icon]=\"buttonOneIcon!\"\r\n              (click)='clickButtonOne(rowData)'\r\n            ></lib-button>\r\n            <lib-button-link\r\n              *ngIf=\"isPlainTableButtonOneLink\"\r\n              [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\r\n              [isPrimary]=\"true\"\r\n              [hasIcon]=\"buttonOneHasIcon!\"\r\n              [icon]=\"buttonOneIcon! + ' md:ml-2'\"\r\n              (click)='clickButtonOne(rowData)'\r\n            ></lib-button-link>\r\n          </ng-container>\r\n          <lib-icon-button\r\n            *ngIf=\"isPlainTableIconButtonOne\"\r\n            [color]=\"buttonOneColor!\"\r\n            [icon]=\"buttonOneSaveIcon\"\r\n            (click)='clickButtonOne(rowData)'\r\n          ></lib-icon-button>\r\n        </ng-template>\r\n      </td>\r\n\r\n      <!--  Button column two -->\r\n      <td *ngIf=\"isButtonTwoVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n        <!--  Editing table-->\r\n        <ng-container *ngIf=\"isEditingTable; else plainTable\">\r\n          <lib-icon-button\r\n            *ngIf=\"!editing\"\r\n            [color]=\"buttonTwoColor\"\r\n            [icon]=\"buttonTwoDeleteIcon\"\r\n            (click)='onRowDelete(rowData)'\r\n          ></lib-icon-button>\r\n          <lib-icon-button\r\n            *ngIf=\"editing\"\r\n            [color]=\"buttonTwoColor\"\r\n            [icon]=\"buttonTwoCancelIcon\"\r\n            (click)=\"onRowCancel(rowData)\"\r\n          ></lib-icon-button>\r\n        </ng-container>\r\n\r\n        <!--  Plain table-->\r\n        <ng-template #plainTable>\r\n          <lib-button\r\n            *ngIf=\"!isPlainTableIconButtonTwo\"\r\n            [label]=\"buttonTwoLabel!\"\r\n            [hasIcon]=\"buttonTwoHasIcon!\"\r\n            [color]=\"buttonTwoColor!\"\r\n            [icon]=\"buttonTwoIcon!\"\r\n            (click)='clickButtonTwo(rowData)'\r\n          ></lib-button>\r\n          <lib-icon-button\r\n            *ngIf=\"isPlainTableIconButtonTwo\"\r\n            [color]=\"buttonTwoColor!\"\r\n            [icon]=\"buttonTwoDeleteIcon\"\r\n            (click)='clickButtonTwo(rowData)'\r\n          ></lib-icon-button>\r\n        </ng-template>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle -->\r\n      <td *ngIf=\"isDeactivateToggle\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isEnabled\"\r\n          (getValueEvent)=\"toggleEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle two -->\r\n      <td *ngIf=\"isDeactivateToggleTwo\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [disabled]=\"!rowData.isEnabled\"\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isAppointmentEnabled\"\r\n          (getValueEvent)=\"toggleTwoEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle three -->\r\n      <td *ngIf=\"isDeactivateToggleThree\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [disabled]=\"!rowData.isEnabled\"\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isNotificationEnabled\"\r\n          (getValueEvent)=\"toggleThreeEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle four -->\r\n      <td *ngIf=\"isDeactivateToggleFour\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [disabled]=\"!rowData.isEnabled\"\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isVrstomatEnabled\"\r\n          (getValueEvent)=\"toggleFourEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n</p-table>\r\n", styles: [":host ::ng-deep .future .p-datatable-header{background:#b2414d}:host ::ng-deep .past .p-datatable-header{background:#6d7375}:host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:8px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border:none;color:#fff;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:first-child,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:first-child{width:400px}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:nth-child(2),:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:nth-child(2){width:150px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent;height:50px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952eb3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.disabled_row_color{background:#b4b4b4b3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-datatable .table-icon-button{width:50px}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}@media (max-width: 600px){:host ::ng-deep .p-datatable .p-datatable-header{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:.5rem}}.disabled-row{opacity:.5;pointer-events:none}.custom-small-text{font-size:.8rem;line-height:.9}.ellipsis-text{cursor:n-resize}\n"] }]
+                    ], template: "<p-table\n  #dt\n  [value]=\"tableData\"\n  [paginator]=\"isPaginatorVisible\"\n  [rows]=\"tableRowCount\"\n  [showCurrentPageReport]=\"false\"\n  [scrollable]=\"scrollable\"\n  [scrollHeight]=\"scrollHeight\"\n  dataKey=\"id\"\n  editMode=\"row\"\n  [ngClass]=\"captionColorClass\"\n  [loading]=\"isTableLoading\"\n  [tableStyle]=\"{'min-width': tableMinWidth}\"\n  [virtualScroll]=\"isVirtualScroll\"\n  [virtualScrollItemSize]=\"virtualScrollRowSize\"\n  aria-live=\"polite\"\n>\n  <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">\n    <div class=\"flex align-items-center justify-content-between\">\n      {{ tableCaption }}\n      <span *ngIf=\"isVirtualScrollButtonVisible\"\n            (click)=\"isVirtualScroll = !isVirtualScroll\"\n            [ngStyle]=\"{'color': isVirtualScroll ? '' : 'lightgray'}\"\n            class=\"pi pi-sort cursor-pointer\">\n      </span>\n      <lib-button\n        *ngIf=\"isCaptionButtonVisible\"\n        [label]=\"captionButtonLabel\"\n        [color]=\"captionButtonColor\"\n        (clickEvent)=\"clickCaptionButton($event)\"\n      ></lib-button>\n    </div>\n  </ng-template>\n  <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\n    <tr>\n      <ng-container *ngFor=\"let column of tableColumns\">\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n          <th  scope=\"col\" [style.width]=\"column.width\">\n            {{ column.header | translate }}\n          </th>\n        </ng-container>\n      </ng-container>\n\n      <th *ngFor=\"let _ of emptyHeaderColumnList\" [style.width]=\"emptyColumnWidth\" aria-hidden=\"true\"></th>\n      <th *ngIf=\"!!toggleTableHeaderName\" scope=\"col\" [style.width]=\"toggleWidth\"  class=\"vertical-align-middle\">\n        {{ toggleTableHeaderName }}\n      </th>\n      <th *ngIf=\"!!toggleTwoTableHeaderName\" scope=\"col\" [style.width]=\"toggleTwoWidth\"  class=\"vertical-align-middle\">\n        {{ toggleTwoTableHeaderName }}\n      </th>\n      <th *ngIf=\"!!toggleThreeTableHeaderName\" scope=\"col\" [style.width]=\"toggleThreeWidth\"  class=\"vertical-align-middle\">\n        {{ toggleThreeTableHeaderName }}\n      </th>\n      <th *ngIf=\"!!toggleFourTableHeaderName\" scope=\"col\" [style.width]=\"toggleFourWidth\"  class=\"vertical-align-middle\">\n        {{ toggleFourTableHeaderName }}\n      </th>\n    </tr>\n  </ng-template>\n  <ng-template pTemplate=\"body\" let-rowData let-editing=\"editing\" let-ri=\"rowIndex\">\n    <!--\n      Mare; 2024-09-19: dodajanje logike barvanja rowColor za /cms/notifications, delat mora pa tudi v /vsi-termini\n    -->\n    <tr [pEditableRow]=\"rowData\" #htmlTableRowElement\n        [ngClass]=\"\n            rowData?.cmsStatus ?\n              (rowData?.cmsStatus === 'expired' ? 'disabled_row_color' :\n               rowData?.cmsStatus === 'planned' ? '' :\n               rowData?.cmsStatus === 'active' ? 'success_row_color' : '') :\n            (!rowData?.registered ? rowColor : '')\n      \">\n      <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n          <td [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\n            <!-- Text input-->\n            <ng-container *ngIf=\"column.editable && column.component === 'input'\">\n              <p-cellEditor>\n                <ng-template pTemplate=\"input\">\n                  <lib-input\n                    [group]=\"formGroup\"\n                    [controlName]=\"column.field\"\n                    [name]=\"column.field\"\n                    [type]=\"column.inputType ? column.inputType : type\"\n                    placeholder=\"{{ column.placeholder! |translate }}\"\n                    [isRequired]=\"false\"\n                    [formStatus]=\"formStatus\"\n                    [hasGap]=\"false\"\n                  ></lib-input>\n                </ng-template>\n                <ng-template pTemplate=\"output\">\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n                    <ng-container *ngIf=\"column.isLink; else notLink\">\n                      <a href=\"{{ rowData[column.field] }}\" target=\"_blank\">\n                        {{ rowData[column.field] }}\n                      </a>\n                    </ng-container>\n                    <ng-template #notLink>\n                      {{ rowData[column.field] }} {{ column?.suffix }}\n                    </ng-template>\n                  </ng-container>\n\n                  <ng-template #emptyCell>\n                    /\n                  </ng-template>\n                </ng-template>\n              </p-cellEditor>\n            </ng-container>\n\n            <!-- Date input-->\n            <ng-container *ngIf=\"column.editable && column.component === 'date'\">\n              <p-cellEditor>\n                <ng-template pTemplate=\"input\">\n                  <lib-date-input\n                    appendTo=\"body\"\n                    [group]=\"formGroup\"\n                    [controlName]=\"column.field\"\n                    [name]=\"column.field\"\n                    [setMinAndMax]=\"false\"\n                    [isRequired]=\"false\"\n                    [formStatus]=\"formStatus\"\n                    [hasGap]=\"false\"\n                    placeholder=\"{{ column.placeholder! | translate }}\"\n                  ></lib-date-input>\n                </ng-template>\n                <ng-template pTemplate=\"output\">\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n                    {{ rowData[column.field] | date: 'dd.MM.yyyy' }} {{ column?.suffix }}\n                  </ng-container>\n                  <ng-template #emptyCell>\n                    /\n                  </ng-template>\n                </ng-template>\n              </p-cellEditor>\n            </ng-container>\n\n            <!-- Date+Time output-->\n            <ng-container *ngIf=\"column.editable && column.component === 'dateTime'\">\n              <p-cellEditor>\n                <ng-template pTemplate=\"output\">\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n                    {{ rowData[column.field] | date: 'dd.MM.yyyy, HH:mm' }} {{ column?.suffix }}\n                  </ng-container>\n                  <ng-template #emptyCell>\n                    /\n                  </ng-template>\n                </ng-template>\n              </p-cellEditor>\n            </ng-container>\n\n            <!-- TextArea input-->\n            <ng-container *ngIf=\"column.editable && column.component === 'textarea'\">\n              <p-cellEditor>\n                <ng-template pTemplate=\"input\">\n                  <lib-textarea *ngIf=\"column.maxLength === -1\"\n                    [customMaxLength]=\"null\"\n                    [group]=\"formGroup\"\n                    [controlName]=\"column.field\"\n                    [name]=\"column.field\"\n                    [isRequired]=\"false\"\n                    [formStatus]=\"formStatus\"\n                    [hasGap]=\"false\"\n                    placeholder=\"{{ column.placeholder! |translate }}\"\n                  ></lib-textarea>\n                  <lib-textarea *ngIf=\"column.maxLength !== -1\"\n                    [group]=\"formGroup\"\n                    [controlName]=\"column.field\"\n                    [name]=\"column.field\"\n                    [isRequired]=\"false\"\n                    [formStatus]=\"formStatus\"\n                    [hasGap]=\"false\"\n                    placeholder=\"{{ column.placeholder! |translate }}\"\n                  ></lib-textarea>\n                </ng-template>\n                <ng-template pTemplate=\"output\">\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n                    <lib-tooltip\n                      [htmlParser]=\"true\"\n                      [text]=\"rowData[column.field]\"\n                    ></lib-tooltip>\n                  </ng-container>\n\n                  <ng-template #emptyCell>\n                    /\n                  </ng-template>\n                </ng-template>\n              </p-cellEditor>\n            </ng-container>\n\n            <!-- Dropdown input-->\n            <ng-container *ngIf=\"column.editable && column.component === 'dropdown'\">\n              <p-cellEditor>\n                <ng-template pTemplate=\"input\">\n                  <lib-dropdown\n                    label=\"Moje naloge\"\n                    placeholder=\"Izberite\"\n                    optionLabel=\"name\"\n                    [showClear]=\"true\"\n                    [formStatus]=\"formStatus\"\n\n                    [group]=\"formGroup\"\n                    [controlName]=\"column.field\"\n                    [name]=\"column.field\"\n\n                    filterBy=\"name\"\n                    [isLoading]=\"false\"\n                    [optionList]=\"overviewList\"\n                    [filter]=\"true\"\n                    [isRequired]=\"false\"\n                  ></lib-dropdown>\n                </ng-template>\n                <ng-template pTemplate=\"output\">\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n                    <lib-tooltip\n                      [htmlParser]=\"true\"\n                      [text]=\"rowData[column.field]\"\n                    ></lib-tooltip>\n                  </ng-container>\n\n                  <ng-template #emptyCell>\n                    /\n                  </ng-template>\n                </ng-template>\n              </p-cellEditor>\n            </ng-container>\n\n            <!-- Switch input-->\n            <ng-container *ngIf=\"column.editable && column.component === 'switch'\">\n              <p-cellEditor>\n                <ng-template pTemplate=\"input\">\n                  <lib-toggle-switch\n                    [group]=\"formGroup\"\n                    [controlName]=\"column.field\"\n                    [checked]=\"rowData[column.field]\"\n                  ></lib-toggle-switch>\n                </ng-template>\n                <ng-template pTemplate=\"output\">\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n                    {{ 'components.customTable.yes' | translate }}\n                  </ng-container>\n\n                  <ng-template #emptyCell>\n                    {{ 'components.customTable.no' | translate }}\n                  </ng-template>\n                </ng-template>\n              </p-cellEditor>\n            </ng-container>\n\n            <!-- Mare; dodal custom checkbox za izbiro vrstice -->\n            <!-- [controlName] je oblike rowChecked_2024-04-11T11:35:00_c3cff776-dc06-40ec-bab5-7cab26e2014a  -->\n            <!-- column.field = rowChecked -->\n            <!-- rowData[column?.control!] = 2024-04-11T11:35:00 (startDate) -->\n            <!-- rowData[column?.control2!] = c3cff776-dc06-40ec-bab5-7cab26e2014a (uuid) -->\n            <ng-container *ngIf=\"column.editable && column.component === 'checkbox'\">\n                <lib-checkbox class=\"\"\n                              [group]=\"formGroup\"\n                              [controlName]=\"column.field + '_' + rowData[column?.control!] + '_' + rowData[column?.control2!]\"\n                              (clickCheckboxEvent)=\"clickCheckboxOne($event, rowData[column?.control!] + '_' + rowData[column?.control2!])\"\n                              label=\"\">\n                </lib-checkbox>\n            </ng-container>\n\n            <!-- Plain table-->\n            <ng-container *ngIf=\"!column.editable\">\n              <ng-container *ngIf=\"column.tooltip || column.tag || column.status || column.ellipsis; else valueCell\">\n                <!-- Tooltip -->\n                <ng-container *ngIf=\"column.tooltip\">\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\n                    <lib-tooltip [htmlParser]=\"true\" [text]=\"getNestedValue(rowData, column.field)\"></lib-tooltip>\n                  </ng-container>\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\n                    /\n                  </ng-container>\n                </ng-container>\n\n                <!-- Ellipsis -->\n                <ng-container *ngIf=\"column.ellipsis\">\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\n                    <span>\n                      {{ getNestedValue(rowData, column.field) }}\n                    </span>\n                  </ng-container>\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\n                    /\n                  </ng-container>\n                </ng-container>\n\n                <!-- Tag -->\n                <ng-container *ngIf=\"column.tag && getNestedValue(rowData, column.field)\">\n                  <lib-tag [tagText]=\"getNestedValue(rowData, column.field)\" [tagColor]=\"rowData.tagColor\" [rounded]=\"true\"></lib-tag>\n                </ng-container>\n\n                <!-- Status -->\n                <ng-container *ngIf=\"column.status\">\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\n                    <div style=\"background-color: #66952E; height: 25px; width: 75px;\"></div>\n                  </ng-container>\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\n                    <div style=\"background-color: #f44336; height: 25px; width: 75px;\"></div>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n              <ng-template #valueCell>\n                <ng-container *ngIf=\"getNestedValue(rowData, column.field); else emptyCell\">\n                  <!-- Mare; dodal izjemo za 'cmsStatus' -->\n                  <ng-container *ngIf=\"column.field === 'cmsStatus'; else defaultContent\">\n                    {{ 'pages.cms.cmsStatus.' + getNestedValue(rowData, column.field) | translate }}\n                  </ng-container>\n                  <!-- Privzeta vsebina za vse ostale stolpce -->\n                  <ng-template #defaultContent>\n                    {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\n                  </ng-template>\n                 </ng-container>\n                <ng-template #emptyCell>\n                  /\n                </ng-template>\n              </ng-template>\n            </ng-container>\n\n            <p class=\"text-red-500 custom-small-text\" *ngIf=\"colIndex === 0 && rowData?.administrativeProcedure?.localJurisdiction && isWarningTextVisible\">\n              <br/> {{ 'components.customTable.notification' | translate }}\n            </p>\n          </td>\n        </ng-container>\n      </ng-container>\n\n      <!--  Button column one -->\n      <td *ngIf=\"isButtonOneVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\n        <!--  Editing table-->\n        <ng-container *ngIf=\"isEditingTable; else plainTable\">\n          <lib-icon-button\n            *ngIf=\"!editing\"\n            pInitEditableRow\n            [color]=\"buttonOneColor\"\n            [icon]=\"buttonOneEditIcon\"\n            (click)='onRowEdit(rowData)'\n          ></lib-icon-button>\n          <lib-icon-button\n            *ngIf=\"editing\"\n            [color]=\"buttonOneColor!\"\n            [icon]=\"buttonOneSaveIcon\"\n            (click)='onRowSave(rowData, htmlTableRowElement)'\n          ></lib-icon-button>\n        </ng-container>\n\n        <!--  Plain table-->\n        <ng-template #plainTable>\n          <ng-container\n            *ngIf=\"(rowData?.administrativeProcedure === undefined || rowData?.administrativeProcedure?.detailsUrl !== null) && !isPlainTableIconButtonOne\"\n          >\n            <lib-button\n              *ngIf=\"!isPlainTableButtonOneLink\"\n              [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\n              [hasIcon]=\"buttonOneHasIcon!\"\n              [color]=\"rowData?.buttonColor ? rowData.buttonColor : buttonOneColor!\"\n              [icon]=\"buttonOneIcon!\"\n              (click)='clickButtonOne(rowData)'\n            ></lib-button>\n            <lib-button-link\n              *ngIf=\"isPlainTableButtonOneLink\"\n              [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\n              [isPrimary]=\"true\"\n              [hasIcon]=\"buttonOneHasIcon!\"\n              [icon]=\"buttonOneIcon! + ' md:ml-2'\"\n              (click)='clickButtonOne(rowData)'\n            ></lib-button-link>\n          </ng-container>\n          <lib-icon-button\n            *ngIf=\"isPlainTableIconButtonOne\"\n            [color]=\"buttonOneColor!\"\n            [icon]=\"buttonOneSaveIcon\"\n            (click)='clickButtonOne(rowData)'\n          ></lib-icon-button>\n        </ng-template>\n      </td>\n\n      <!--  Button column two -->\n      <td *ngIf=\"isButtonTwoVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\n        <!--  Editing table-->\n        <ng-container *ngIf=\"isEditingTable; else plainTable\">\n          <lib-icon-button\n            *ngIf=\"!editing\"\n            [color]=\"buttonTwoColor\"\n            [icon]=\"buttonTwoDeleteIcon\"\n            (click)='onRowDelete(rowData)'\n          ></lib-icon-button>\n          <lib-icon-button\n            *ngIf=\"editing\"\n            [color]=\"buttonTwoColor\"\n            [icon]=\"buttonTwoCancelIcon\"\n            (click)=\"onRowCancel(rowData)\"\n          ></lib-icon-button>\n        </ng-container>\n\n        <!--  Plain table-->\n        <ng-template #plainTable>\n          <lib-button\n            *ngIf=\"!isPlainTableIconButtonTwo\"\n            [label]=\"buttonTwoLabel!\"\n            [hasIcon]=\"buttonTwoHasIcon!\"\n            [color]=\"buttonTwoColor!\"\n            [icon]=\"buttonTwoIcon!\"\n            (click)='clickButtonTwo(rowData)'\n          ></lib-button>\n          <lib-icon-button\n            *ngIf=\"isPlainTableIconButtonTwo\"\n            [color]=\"buttonTwoColor!\"\n            [icon]=\"buttonTwoDeleteIcon\"\n            (click)='clickButtonTwo(rowData)'\n          ></lib-icon-button>\n        </ng-template>\n      </td>\n\n      <!--  Deactivate toggle -->\n      <td *ngIf=\"isDeactivateToggle\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n        <lib-toggle-switch\n          [isFormElement]=\"false\"\n          [checked]=\"rowData.isEnabled\"\n          (getValueEvent)=\"toggleEnable({ rowData, $event })\"\n        ></lib-toggle-switch>\n      </td>\n\n      <!--  Deactivate toggle two -->\n      <td *ngIf=\"isDeactivateToggleTwo\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n        <lib-toggle-switch\n          [disabled]=\"!rowData.isEnabled\"\n          [isFormElement]=\"false\"\n          [checked]=\"rowData.isAppointmentEnabled\"\n          (getValueEvent)=\"toggleTwoEnable({ rowData, $event })\"\n        ></lib-toggle-switch>\n      </td>\n\n      <!--  Deactivate toggle three -->\n      <td *ngIf=\"isDeactivateToggleThree\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n        <lib-toggle-switch\n          [disabled]=\"!rowData.isEnabled\"\n          [isFormElement]=\"false\"\n          [checked]=\"rowData.isNotificationEnabled\"\n          (getValueEvent)=\"toggleThreeEnable({ rowData, $event })\"\n        ></lib-toggle-switch>\n      </td>\n\n      <!--  Deactivate toggle four -->\n      <td *ngIf=\"isDeactivateToggleFour\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n        <lib-toggle-switch\n          [disabled]=\"!rowData.isEnabled\"\n          [isFormElement]=\"false\"\n          [checked]=\"rowData.isVrstomatEnabled\"\n          (getValueEvent)=\"toggleFourEnable({ rowData, $event })\"\n        ></lib-toggle-switch>\n      </td>\n    </tr>\n  </ng-template>\n</p-table>\n", styles: [":host ::ng-deep .future .p-datatable-header{background:#b2414d}:host ::ng-deep .past .p-datatable-header{background:#6d7375}:host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:8px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border:none;color:#fff;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:first-child,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:first-child{width:400px}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:nth-child(2),:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:nth-child(2){width:150px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent;height:50px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952eb3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.disabled_row_color{background:#b4b4b4b3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-datatable .table-icon-button{width:50px}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}@media (max-width: 600px){:host ::ng-deep .p-datatable .p-datatable-header{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:.5rem}}.disabled-row{opacity:.5;pointer-events:none}.custom-small-text{font-size:.8rem;line-height:.9}.ellipsis-text{cursor:n-resize}\n"] }]
         }], propDecorators: { table: [{
                 type: ViewChild,
                 args: ['dt', { static: false }]
@@ -2133,11 +2128,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
 
 class DividerComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DividerComponent, isStandalone: true, selector: "lib-divider", ngImport: i0, template: "<p-divider aria-hidden=\"true\"></p-divider>\r\n", styles: [":host ::ng-deep .p-divider-horizontal:before{border-top:1.75px #3E7C94}\n"], dependencies: [{ kind: "component", type: Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DividerComponent, isStandalone: true, selector: "lib-divider", ngImport: i0, template: "<p-divider aria-hidden=\"true\"></p-divider>\n", styles: [":host ::ng-deep .p-divider-horizontal:before{border-top:1.75px #3E7C94}\n"], dependencies: [{ kind: "component", type: Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DividerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-divider', imports: [Divider], template: "<p-divider aria-hidden=\"true\"></p-divider>\r\n", styles: [":host ::ng-deep .p-divider-horizontal:before{border-top:1.75px #3E7C94}\n"] }]
+            args: [{ selector: 'lib-divider', imports: [Divider], template: "<p-divider aria-hidden=\"true\"></p-divider>\n", styles: [":host ::ng-deep .p-divider-horizontal:before{border-top:1.75px #3E7C94}\n"] }]
         }] });
 
 class ExpandedTableComponent {
@@ -2362,7 +2357,7 @@ class ExpandedTableComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ExpandedTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ExpandedTableComponent, isStandalone: true, selector: "lib-expanded-table[tableData]", inputs: { tableData: "tableData", tableColumns: "tableColumns", isPaginatorVisible: "isPaginatorVisible", tableRowCount: "tableRowCount", isEnabledTable: "isEnabledTable", scrollable: "scrollable", scrollHeight: "scrollHeight", isTableLoading: "isTableLoading", mainCaptionColorClass: "mainCaptionColorClass", isEditingTable: "isEditingTable", hideColumnsOnMobile: "hideColumnsOnMobile", innerTableHideColumnsOnMobile: "innerTableHideColumnsOnMobile", tableCaption: "tableCaption", isTableHeaderVisible: "isTableHeaderVisible", emptyColumnWidth: "emptyColumnWidth", rowColor: "rowColor", isButtonOneVisible: "isButtonOneVisible", isPlainTableIconButtonOne: "isPlainTableIconButtonOne", buttonLabel: "buttonLabel", buttonOneLabel: "buttonOneLabel", buttonOneHasIcon: "buttonOneHasIcon", buttonOneColor: "buttonOneColor", buttonOneIcon: "buttonOneIcon", isButtonTwoVisible: "isButtonTwoVisible", buttonTwoLabel: "buttonTwoLabel", buttonTwoHasIcon: "buttonTwoHasIcon", buttonTwoColor: "buttonTwoColor", buttonTwoIcon: "buttonTwoIcon", isButtonTwoToggle: "isButtonTwoToggle", isArrowToggle: "isArrowToggle", innerTableStyle: "innerTableStyle", innerTableColumns: "innerTableColumns", innerIsPaginatorVisible: "innerIsPaginatorVisible", innerTableRowCount: "innerTableRowCount", innerScrollable: "innerScrollable", innerScrollHeight: "innerScrollHeight", innerIsEditingTable: "innerIsEditingTable", innerIsTableLoading: "innerIsTableLoading", innerTableCaption: "innerTableCaption", innerCaptionColorClass: "innerCaptionColorClass", innerIsCaptionButtonVisible: "innerIsCaptionButtonVisible", innerCaptionButtonLabel: "innerCaptionButtonLabel", innerCaptionButtonColor: "innerCaptionButtonColor", innerIsTableHeaderVisible: "innerIsTableHeaderVisible", innerEmptyColumnWidth: "innerEmptyColumnWidth", innerToggleTableHeaderName: "innerToggleTableHeaderName", innerToggleWidth: "innerToggleWidth", innerToggleTwoTableHeaderName: "innerToggleTwoTableHeaderName", innerToggleTwoWidth: "innerToggleTwoWidth", innerToggleThreeTableHeaderName: "innerToggleThreeTableHeaderName", innerToggleThreeWidth: "innerToggleThreeWidth", innerToggleFourTableHeaderName: "innerToggleFourTableHeaderName", innerToggleFourWidth: "innerToggleFourWidth", innerFormGroup: "innerFormGroup", innerType: "innerType", innerFormStatus: "innerFormStatus", innerIsButtonOneVisible: "innerIsButtonOneVisible", innerIsPlainTableIconButtonOne: "innerIsPlainTableIconButtonOne", innerButtonOneLabel: "innerButtonOneLabel", innerButtonOneHasIcon: "innerButtonOneHasIcon", innerButtonOneEditIcon: "innerButtonOneEditIcon", innerButtonOneSaveIcon: "innerButtonOneSaveIcon", innerButtonOneColor: "innerButtonOneColor", innerButtonOneIcon: "innerButtonOneIcon", innerIsButtonTwoVisible: "innerIsButtonTwoVisible", innerIsPlainTableIconButtonTwo: "innerIsPlainTableIconButtonTwo", innerButtonTwoLabel: "innerButtonTwoLabel", innerButtonTwoHasIcon: "innerButtonTwoHasIcon", innerButtonTwoDeleteIcon: "innerButtonTwoDeleteIcon", innerButtonTwoCancelIcon: "innerButtonTwoCancelIcon", innerButtonTwoColor: "innerButtonTwoColor", innerButtonTwoIcon: "innerButtonTwoIcon", innerIsDeactivateToggle: "innerIsDeactivateToggle", innerIsDeactivateToggleTwo: "innerIsDeactivateToggleTwo", innerIsDeactivateToggleThree: "innerIsDeactivateToggleThree", innerIsDeactivateToggleFour: "innerIsDeactivateToggleFour" }, outputs: { buttonOneClick: "buttonOneClick", buttonTwoClick: "buttonTwoClick", innerCaptionButtonClicked: "innerCaptionButtonClicked", innerButtonEditClick: "innerButtonEditClick", innerButtonSaveClick: "innerButtonSaveClick", innerButtonOneClick: "innerButtonOneClick", innerButtonDeleteClick: "innerButtonDeleteClick", innerButtonTwoClick: "innerButtonTwoClick", innerToggleSwitch: "innerToggleSwitch", innerToggleTwoSwitch: "innerToggleTwoSwitch", innerToggleThreeSwitch: "innerToggleThreeSwitch", innerToggleFourSwitch: "innerToggleFourSwitch" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<p-table\r\n  #dt\r\n  [value]=\"tableData\"\r\n  [paginator]=\"isPaginatorVisible\"\r\n  [rows]=\"tableRowCount\"\r\n  [showCurrentPageReport]=\"false\"\r\n  [scrollable]=\"scrollable\"\r\n  [scrollHeight]=\"scrollHeight\"\r\n  [ngClass]=\"mainCaptionColorClass\"\r\n  dataKey=\"id\"\r\n  [loading]=\"isTableLoading\"\r\n>\r\n  <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">{{ tableCaption }}</ng-template>\r\n  <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\r\n    <tr>\r\n      <ng-container *ngFor=\"let column of tableColumns\">\r\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n          <th scope=\"col\" [style.width]=\"column.width\">\r\n            {{ column.header | translate }}\r\n          </th>\r\n        </ng-container>\r\n\r\n      </ng-container>\r\n      <th *ngFor=\"let _ of emptyHeaderColumnList\" scope=\"col\" [style.width]=\"emptyColumnWidth\"></th>\r\n    </tr>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"body\" let-rowData let-expanded=\"expanded\">\r\n    <tr [ngClass]=\"rowColor\">\r\n      <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\r\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n          <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\r\n            {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\r\n          </td>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <!--  Main table - Button column one -->\r\n      <ng-container *ngIf=\"isButtonOneVisible\">\r\n        <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\r\n          <lib-button\r\n            [label]=\"buttonOneLabel!\"\r\n            [hasIcon]=\"buttonOneHasIcon!\"\r\n            [color]=\"buttonOneColor!\"\r\n            [icon]=\"buttonOneIcon!\"\r\n            (click)=\"clickButtonOne(rowData)\"\r\n          ></lib-button>\r\n        </td>\r\n      </ng-container>\r\n\r\n      <!--  Main table - Button column two -->\r\n      <ng-container *ngIf=\"isButtonTwoVisible\">\r\n        <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\r\n          <lib-button\r\n            [pRowToggler]=\"isButtonTwoToggle ? rowData : null\"\r\n            [label]=\"buttonTwoLabel!\"\r\n            [hasIcon]=\"buttonTwoHasIcon!\"\r\n            [color]=\"buttonTwoColor!\"\r\n            [icon]=\"buttonTwoIcon!\"\r\n            (click)=\"clickButtonTwo(rowData)\"\r\n          ></lib-button>\r\n        </td>\r\n      </ng-container>\r\n\r\n      <!--  Main table - Button column three - Arrow -->\r\n      <ng-container *ngIf=\"isArrowToggle\">\r\n        <td [ngStyle]=\"{ 'width': '20px' }\">\r\n          <i class=\"pi\" [ngClass]=\"expanded ? 'pi pi-chevron-up' : 'pi pi-chevron-down'\"\r\n             [pRowToggler]=\"!rowData['isEnabled'] ? null : rowData\"></i>\r\n        </td>\r\n      </ng-container>\r\n    </tr>\r\n  </ng-template>\r\n\r\n  <!--  Inner table-->\r\n  <ng-template pTemplate=\"rowexpansion\" let-rowData>\r\n    <tr>\r\n      <td colspan=\"7\">\r\n        <lib-custom-table\r\n          #dt\r\n          #htmlTableRowElement\r\n          [tableData]=\"rowData.other\"\r\n          [tableColumns]=\"innerTableColumns\"\r\n          [isPaginatorVisible]=\"innerIsPaginatorVisible\"\r\n          [tableRowCount]=\"innerTableRowCount\"\r\n          [isEditingTable]=\"innerIsEditingTable\"\r\n          [isTableLoading]=\"innerIsTableLoading\"\r\n          [scrollable]=\"true\"\r\n          [hideColumnsOnMobile]=\"innerTableHideColumnsOnMobile\"\r\n          tableMinWidth=\"10rem\"\r\n\r\n          [tableCaption]=\"innerTableCaption\"\r\n          [captionColorClass]=\"innerCaptionColorClass\"\r\n          [isCaptionButtonVisible]=\"innerIsCaptionButtonVisible\"\r\n          [captionButtonColor]=\"innerCaptionButtonColor\"\r\n          (captionButtonClicked)=\"clickInnerCaptionButton($event)\"\r\n\r\n          [isTableHeaderVisible]=\"innerIsTableHeaderVisible\"\r\n          [emptyColumnWidth]=\"innerEmptyColumnWidth\"\r\n\r\n          [toggleTableHeaderName]=\"innerToggleTableHeaderName\"\r\n          [toggleWidth]=\"innerToggleWidth\"\r\n\r\n          [toggleTwoTableHeaderName]=\"innerToggleTwoTableHeaderName\"\r\n          [toggleTwoWidth]=\"innerToggleTwoWidth\"\r\n\r\n          [toggleThreeTableHeaderName]=\"innerToggleThreeTableHeaderName\"\r\n          [toggleThreeWidth]=\"innerToggleThreeWidth\"\r\n\r\n          [toggleFourTableHeaderName]=\"innerToggleFourTableHeaderName\"\r\n          [toggleFourWidth]=\"innerToggleFourWidth\"\r\n\r\n          [formGroup]=\"innerFormGroup\"\r\n\r\n          [type]=\"innerType\"\r\n          [formStatus]=\"innerFormStatus\"\r\n\r\n          [isButtonOneVisible]=\"innerIsButtonOneVisible\"\r\n          [isPlainTableIconButtonOne]=\"innerIsPlainTableIconButtonOne\"\r\n          [buttonOneLabel]=\"innerButtonOneLabel\"\r\n          [buttonOneHasIcon]=\"innerButtonOneHasIcon\"\r\n          [buttonOneEditIcon]=\"innerButtonOneEditIcon\"\r\n          [buttonOneSaveIcon]=\"innerButtonOneSaveIcon\"\r\n          [buttonOneColor]=\"innerButtonOneColor\"\r\n          [buttonOneIcon]=\"innerButtonOneIcon\"\r\n          (buttonEditClick)=\"onRowEdit($event)\"\r\n          (buttonSaveClick)=\"onRowSave($event, htmlTableRowElement)\"\r\n          (buttonOneClick)=\"clickInnerButtonOne($event)\"\r\n\r\n          [isButtonTwoVisible]=\"innerIsButtonTwoVisible\"\r\n          [isPlainTableIconButtonTwo]=\"innerIsPlainTableIconButtonTwo\"\r\n          [buttonTwoLabel]=\"innerButtonTwoLabel\"\r\n          [buttonTwoHasIcon]=\"innerButtonTwoHasIcon\"\r\n          [buttonTwoDeleteIcon]=\"innerButtonTwoDeleteIcon\"\r\n          [buttonTwoCancelIcon]=\"innerButtonTwoCancelIcon\"\r\n          [buttonTwoColor]=\"innerButtonTwoColor\"\r\n          [buttonTwoIcon]=\"innerButtonTwoIcon\"\r\n          (buttonDeleteClick)=\"onRowDelete($event)\"\r\n          (buttonTwoClick)=\"clickInnerButtonTwo($event)\"\r\n\r\n          [isDeactivateToggle]=\"innerIsDeactivateToggle\"\r\n          (toggleSwitch)=\"toggleEnable($event)\"\r\n\r\n          [isDeactivateToggleTwo]=\"innerIsDeactivateToggleTwo\"\r\n          (toggleTwoSwitch)=\"toggleTwoEnable($event)\"\r\n\r\n          [isDeactivateToggleThree]=\"innerIsDeactivateToggleThree\"\r\n          (toggleThreeSwitch)=\"toggleThreeEnable($event)\"\r\n\r\n          [isDeactivateToggleFour]=\"innerIsDeactivateToggleFour\"\r\n          (toggleFourSwitch)=\"toggleFourEnable($event)\"\r\n        ></lib-custom-table>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n</p-table>\r\n\r\n", styles: [":host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:12px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border-radius:10px 10px 0 0;border:none;color:#fff;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-header.danger_row_color{background:#f44336}:host ::ng-deep .p-datatable .p-datatable-header.warning_row_color{background:#fdca40}:host ::ng-deep .p-datatable .p-datatable-header.success_row_color{background:#66952e}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.danger_row_color{background:#f44336}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.warning_row_color{background:#fdca40}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952e}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$7.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", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$7.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CustomTableComponent, selector: "lib-custom-table[tableData][tableColumns]", inputs: ["tableData", "tableColumns", "isPaginatorVisible", "tableRowCount", "scrollable", "scrollHeight", "selectedProducts", "isEditingTable", "isTableLoading", "hideColumnsOnMobile", "tableMinWidth", "isVirtualScrollButtonVisible", "isVirtualScroll", "virtualScrollRowSize", "tableCaption", "captionColorClass", "isCaptionButtonVisible", "captionButtonLabel", "captionButtonColor", "isTableHeaderVisible", "emptyColumnWidth", "toggleTableHeaderName", "toggleWidth", "toggleTwoTableHeaderName", "toggleTwoWidth", "toggleThreeTableHeaderName", "toggleThreeWidth", "toggleFourTableHeaderName", "toggleFourWidth", "rowColor", "formGroup", "type", "formStatus", "tagColor", "isWarningTextVisible", "isButtonOneVisible", "buttonLabel", "buttonOneLabel", "buttonOneHasIcon", "buttonOneEditIcon", "buttonOneSaveIcon", "buttonOneColor", "buttonOneIcon", "isPlainTableIconButtonOne", "isPlainTableButtonOneLink", "isButtonTwoVisible", "buttonTwoLabel", "buttonTwoHasIcon", "buttonTwoDeleteIcon", "buttonTwoCancelIcon", "buttonTwoColor", "buttonTwoIcon", "isPlainTableIconButtonTwo", "isDeactivateToggle", "isDeactivateToggleTwo", "isDeactivateToggleThree", "isDeactivateToggleFour", "showEllipsisFullText"], outputs: ["captionButtonClicked", "buttonEditClick", "buttonSaveClick", "buttonOneClick", "buttonDeleteClick", "buttonTwoClick", "toggleSwitch", "toggleTwoSwitch", "toggleThreeSwitch", "toggleFourSwitch", "checkboxOne"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ExpandedTableComponent, isStandalone: true, selector: "lib-expanded-table[tableData]", inputs: { tableData: "tableData", tableColumns: "tableColumns", isPaginatorVisible: "isPaginatorVisible", tableRowCount: "tableRowCount", isEnabledTable: "isEnabledTable", scrollable: "scrollable", scrollHeight: "scrollHeight", isTableLoading: "isTableLoading", mainCaptionColorClass: "mainCaptionColorClass", isEditingTable: "isEditingTable", hideColumnsOnMobile: "hideColumnsOnMobile", innerTableHideColumnsOnMobile: "innerTableHideColumnsOnMobile", tableCaption: "tableCaption", isTableHeaderVisible: "isTableHeaderVisible", emptyColumnWidth: "emptyColumnWidth", rowColor: "rowColor", isButtonOneVisible: "isButtonOneVisible", isPlainTableIconButtonOne: "isPlainTableIconButtonOne", buttonLabel: "buttonLabel", buttonOneLabel: "buttonOneLabel", buttonOneHasIcon: "buttonOneHasIcon", buttonOneColor: "buttonOneColor", buttonOneIcon: "buttonOneIcon", isButtonTwoVisible: "isButtonTwoVisible", buttonTwoLabel: "buttonTwoLabel", buttonTwoHasIcon: "buttonTwoHasIcon", buttonTwoColor: "buttonTwoColor", buttonTwoIcon: "buttonTwoIcon", isButtonTwoToggle: "isButtonTwoToggle", isArrowToggle: "isArrowToggle", innerTableStyle: "innerTableStyle", innerTableColumns: "innerTableColumns", innerIsPaginatorVisible: "innerIsPaginatorVisible", innerTableRowCount: "innerTableRowCount", innerScrollable: "innerScrollable", innerScrollHeight: "innerScrollHeight", innerIsEditingTable: "innerIsEditingTable", innerIsTableLoading: "innerIsTableLoading", innerTableCaption: "innerTableCaption", innerCaptionColorClass: "innerCaptionColorClass", innerIsCaptionButtonVisible: "innerIsCaptionButtonVisible", innerCaptionButtonLabel: "innerCaptionButtonLabel", innerCaptionButtonColor: "innerCaptionButtonColor", innerIsTableHeaderVisible: "innerIsTableHeaderVisible", innerEmptyColumnWidth: "innerEmptyColumnWidth", innerToggleTableHeaderName: "innerToggleTableHeaderName", innerToggleWidth: "innerToggleWidth", innerToggleTwoTableHeaderName: "innerToggleTwoTableHeaderName", innerToggleTwoWidth: "innerToggleTwoWidth", innerToggleThreeTableHeaderName: "innerToggleThreeTableHeaderName", innerToggleThreeWidth: "innerToggleThreeWidth", innerToggleFourTableHeaderName: "innerToggleFourTableHeaderName", innerToggleFourWidth: "innerToggleFourWidth", innerFormGroup: "innerFormGroup", innerType: "innerType", innerFormStatus: "innerFormStatus", innerIsButtonOneVisible: "innerIsButtonOneVisible", innerIsPlainTableIconButtonOne: "innerIsPlainTableIconButtonOne", innerButtonOneLabel: "innerButtonOneLabel", innerButtonOneHasIcon: "innerButtonOneHasIcon", innerButtonOneEditIcon: "innerButtonOneEditIcon", innerButtonOneSaveIcon: "innerButtonOneSaveIcon", innerButtonOneColor: "innerButtonOneColor", innerButtonOneIcon: "innerButtonOneIcon", innerIsButtonTwoVisible: "innerIsButtonTwoVisible", innerIsPlainTableIconButtonTwo: "innerIsPlainTableIconButtonTwo", innerButtonTwoLabel: "innerButtonTwoLabel", innerButtonTwoHasIcon: "innerButtonTwoHasIcon", innerButtonTwoDeleteIcon: "innerButtonTwoDeleteIcon", innerButtonTwoCancelIcon: "innerButtonTwoCancelIcon", innerButtonTwoColor: "innerButtonTwoColor", innerButtonTwoIcon: "innerButtonTwoIcon", innerIsDeactivateToggle: "innerIsDeactivateToggle", innerIsDeactivateToggleTwo: "innerIsDeactivateToggleTwo", innerIsDeactivateToggleThree: "innerIsDeactivateToggleThree", innerIsDeactivateToggleFour: "innerIsDeactivateToggleFour" }, outputs: { buttonOneClick: "buttonOneClick", buttonTwoClick: "buttonTwoClick", innerCaptionButtonClicked: "innerCaptionButtonClicked", innerButtonEditClick: "innerButtonEditClick", innerButtonSaveClick: "innerButtonSaveClick", innerButtonOneClick: "innerButtonOneClick", innerButtonDeleteClick: "innerButtonDeleteClick", innerButtonTwoClick: "innerButtonTwoClick", innerToggleSwitch: "innerToggleSwitch", innerToggleTwoSwitch: "innerToggleTwoSwitch", innerToggleThreeSwitch: "innerToggleThreeSwitch", innerToggleFourSwitch: "innerToggleFourSwitch" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<p-table\n  #dt\n  [value]=\"tableData\"\n  [paginator]=\"isPaginatorVisible\"\n  [rows]=\"tableRowCount\"\n  [showCurrentPageReport]=\"false\"\n  [scrollable]=\"scrollable\"\n  [scrollHeight]=\"scrollHeight\"\n  [ngClass]=\"mainCaptionColorClass\"\n  dataKey=\"id\"\n  [loading]=\"isTableLoading\"\n>\n  <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">{{ tableCaption }}</ng-template>\n  <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\n    <tr>\n      <ng-container *ngFor=\"let column of tableColumns\">\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n          <th scope=\"col\" [style.width]=\"column.width\">\n            {{ column.header | translate }}\n          </th>\n        </ng-container>\n\n      </ng-container>\n      <th *ngFor=\"let _ of emptyHeaderColumnList\" scope=\"col\" [style.width]=\"emptyColumnWidth\"></th>\n    </tr>\n  </ng-template>\n  <ng-template pTemplate=\"body\" let-rowData let-expanded=\"expanded\">\n    <tr [ngClass]=\"rowColor\">\n      <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n          <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\n            {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\n          </td>\n        </ng-container>\n      </ng-container>\n\n      <!--  Main table - Button column one -->\n      <ng-container *ngIf=\"isButtonOneVisible\">\n        <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\n          <lib-button\n            [label]=\"buttonOneLabel!\"\n            [hasIcon]=\"buttonOneHasIcon!\"\n            [color]=\"buttonOneColor!\"\n            [icon]=\"buttonOneIcon!\"\n            (click)=\"clickButtonOne(rowData)\"\n          ></lib-button>\n        </td>\n      </ng-container>\n\n      <!--  Main table - Button column two -->\n      <ng-container *ngIf=\"isButtonTwoVisible\">\n        <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\n          <lib-button\n            [pRowToggler]=\"isButtonTwoToggle ? rowData : null\"\n            [label]=\"buttonTwoLabel!\"\n            [hasIcon]=\"buttonTwoHasIcon!\"\n            [color]=\"buttonTwoColor!\"\n            [icon]=\"buttonTwoIcon!\"\n            (click)=\"clickButtonTwo(rowData)\"\n          ></lib-button>\n        </td>\n      </ng-container>\n\n      <!--  Main table - Button column three - Arrow -->\n      <ng-container *ngIf=\"isArrowToggle\">\n        <td [ngStyle]=\"{ 'width': '20px' }\">\n          <i class=\"pi\" [ngClass]=\"expanded ? 'pi pi-chevron-up' : 'pi pi-chevron-down'\"\n             [pRowToggler]=\"!rowData['isEnabled'] ? null : rowData\"></i>\n        </td>\n      </ng-container>\n    </tr>\n  </ng-template>\n\n  <!--  Inner table-->\n  <ng-template pTemplate=\"rowexpansion\" let-rowData>\n    <tr>\n      <td colspan=\"7\">\n        <lib-custom-table\n          #dt\n          #htmlTableRowElement\n          [tableData]=\"rowData.other\"\n          [tableColumns]=\"innerTableColumns\"\n          [isPaginatorVisible]=\"innerIsPaginatorVisible\"\n          [tableRowCount]=\"innerTableRowCount\"\n          [isEditingTable]=\"innerIsEditingTable\"\n          [isTableLoading]=\"innerIsTableLoading\"\n          [scrollable]=\"true\"\n          [hideColumnsOnMobile]=\"innerTableHideColumnsOnMobile\"\n          tableMinWidth=\"10rem\"\n\n          [tableCaption]=\"innerTableCaption\"\n          [captionColorClass]=\"innerCaptionColorClass\"\n          [isCaptionButtonVisible]=\"innerIsCaptionButtonVisible\"\n          [captionButtonColor]=\"innerCaptionButtonColor\"\n          (captionButtonClicked)=\"clickInnerCaptionButton($event)\"\n\n          [isTableHeaderVisible]=\"innerIsTableHeaderVisible\"\n          [emptyColumnWidth]=\"innerEmptyColumnWidth\"\n\n          [toggleTableHeaderName]=\"innerToggleTableHeaderName\"\n          [toggleWidth]=\"innerToggleWidth\"\n\n          [toggleTwoTableHeaderName]=\"innerToggleTwoTableHeaderName\"\n          [toggleTwoWidth]=\"innerToggleTwoWidth\"\n\n          [toggleThreeTableHeaderName]=\"innerToggleThreeTableHeaderName\"\n          [toggleThreeWidth]=\"innerToggleThreeWidth\"\n\n          [toggleFourTableHeaderName]=\"innerToggleFourTableHeaderName\"\n          [toggleFourWidth]=\"innerToggleFourWidth\"\n\n          [formGroup]=\"innerFormGroup\"\n\n          [type]=\"innerType\"\n          [formStatus]=\"innerFormStatus\"\n\n          [isButtonOneVisible]=\"innerIsButtonOneVisible\"\n          [isPlainTableIconButtonOne]=\"innerIsPlainTableIconButtonOne\"\n          [buttonOneLabel]=\"innerButtonOneLabel\"\n          [buttonOneHasIcon]=\"innerButtonOneHasIcon\"\n          [buttonOneEditIcon]=\"innerButtonOneEditIcon\"\n          [buttonOneSaveIcon]=\"innerButtonOneSaveIcon\"\n          [buttonOneColor]=\"innerButtonOneColor\"\n          [buttonOneIcon]=\"innerButtonOneIcon\"\n          (buttonEditClick)=\"onRowEdit($event)\"\n          (buttonSaveClick)=\"onRowSave($event, htmlTableRowElement)\"\n          (buttonOneClick)=\"clickInnerButtonOne($event)\"\n\n          [isButtonTwoVisible]=\"innerIsButtonTwoVisible\"\n          [isPlainTableIconButtonTwo]=\"innerIsPlainTableIconButtonTwo\"\n          [buttonTwoLabel]=\"innerButtonTwoLabel\"\n          [buttonTwoHasIcon]=\"innerButtonTwoHasIcon\"\n          [buttonTwoDeleteIcon]=\"innerButtonTwoDeleteIcon\"\n          [buttonTwoCancelIcon]=\"innerButtonTwoCancelIcon\"\n          [buttonTwoColor]=\"innerButtonTwoColor\"\n          [buttonTwoIcon]=\"innerButtonTwoIcon\"\n          (buttonDeleteClick)=\"onRowDelete($event)\"\n          (buttonTwoClick)=\"clickInnerButtonTwo($event)\"\n\n          [isDeactivateToggle]=\"innerIsDeactivateToggle\"\n          (toggleSwitch)=\"toggleEnable($event)\"\n\n          [isDeactivateToggleTwo]=\"innerIsDeactivateToggleTwo\"\n          (toggleTwoSwitch)=\"toggleTwoEnable($event)\"\n\n          [isDeactivateToggleThree]=\"innerIsDeactivateToggleThree\"\n          (toggleThreeSwitch)=\"toggleThreeEnable($event)\"\n\n          [isDeactivateToggleFour]=\"innerIsDeactivateToggleFour\"\n          (toggleFourSwitch)=\"toggleFourEnable($event)\"\n        ></lib-custom-table>\n      </td>\n    </tr>\n  </ng-template>\n</p-table>\n\n", styles: [":host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:12px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border-radius:10px 10px 0 0;border:none;color:#fff;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-header.danger_row_color{background:#f44336}:host ::ng-deep .p-datatable .p-datatable-header.warning_row_color{background:#fdca40}:host ::ng-deep .p-datatable .p-datatable-header.success_row_color{background:#66952e}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.danger_row_color{background:#f44336}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.warning_row_color{background:#fdca40}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952e}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$7.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", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$7.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CustomTableComponent, selector: "lib-custom-table[tableData][tableColumns]", inputs: ["tableData", "tableColumns", "isPaginatorVisible", "tableRowCount", "scrollable", "scrollHeight", "selectedProducts", "isEditingTable", "isTableLoading", "hideColumnsOnMobile", "tableMinWidth", "isVirtualScrollButtonVisible", "isVirtualScroll", "virtualScrollRowSize", "tableCaption", "captionColorClass", "isCaptionButtonVisible", "captionButtonLabel", "captionButtonColor", "isTableHeaderVisible", "emptyColumnWidth", "toggleTableHeaderName", "toggleWidth", "toggleTwoTableHeaderName", "toggleTwoWidth", "toggleThreeTableHeaderName", "toggleThreeWidth", "toggleFourTableHeaderName", "toggleFourWidth", "rowColor", "formGroup", "type", "formStatus", "tagColor", "isWarningTextVisible", "isButtonOneVisible", "buttonLabel", "buttonOneLabel", "buttonOneHasIcon", "buttonOneEditIcon", "buttonOneSaveIcon", "buttonOneColor", "buttonOneIcon", "isPlainTableIconButtonOne", "isPlainTableButtonOneLink", "isButtonTwoVisible", "buttonTwoLabel", "buttonTwoHasIcon", "buttonTwoDeleteIcon", "buttonTwoCancelIcon", "buttonTwoColor", "buttonTwoIcon", "isPlainTableIconButtonTwo", "isDeactivateToggle", "isDeactivateToggleTwo", "isDeactivateToggleThree", "isDeactivateToggleFour", "showEllipsisFullText"], outputs: ["captionButtonClicked", "buttonEditClick", "buttonSaveClick", "buttonOneClick", "buttonDeleteClick", "buttonTwoClick", "toggleSwitch", "toggleTwoSwitch", "toggleThreeSwitch", "toggleFourSwitch", "checkboxOne"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ExpandedTableComponent, decorators: [{
             type: Component,
@@ -2378,7 +2373,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         FormsModule,
                         ReactiveFormsModule,
                         TranslateModule,
-                    ], template: "<p-table\r\n  #dt\r\n  [value]=\"tableData\"\r\n  [paginator]=\"isPaginatorVisible\"\r\n  [rows]=\"tableRowCount\"\r\n  [showCurrentPageReport]=\"false\"\r\n  [scrollable]=\"scrollable\"\r\n  [scrollHeight]=\"scrollHeight\"\r\n  [ngClass]=\"mainCaptionColorClass\"\r\n  dataKey=\"id\"\r\n  [loading]=\"isTableLoading\"\r\n>\r\n  <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">{{ tableCaption }}</ng-template>\r\n  <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\r\n    <tr>\r\n      <ng-container *ngFor=\"let column of tableColumns\">\r\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n          <th scope=\"col\" [style.width]=\"column.width\">\r\n            {{ column.header | translate }}\r\n          </th>\r\n        </ng-container>\r\n\r\n      </ng-container>\r\n      <th *ngFor=\"let _ of emptyHeaderColumnList\" scope=\"col\" [style.width]=\"emptyColumnWidth\"></th>\r\n    </tr>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"body\" let-rowData let-expanded=\"expanded\">\r\n    <tr [ngClass]=\"rowColor\">\r\n      <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\r\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n          <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\r\n            {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\r\n          </td>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <!--  Main table - Button column one -->\r\n      <ng-container *ngIf=\"isButtonOneVisible\">\r\n        <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\r\n          <lib-button\r\n            [label]=\"buttonOneLabel!\"\r\n            [hasIcon]=\"buttonOneHasIcon!\"\r\n            [color]=\"buttonOneColor!\"\r\n            [icon]=\"buttonOneIcon!\"\r\n            (click)=\"clickButtonOne(rowData)\"\r\n          ></lib-button>\r\n        </td>\r\n      </ng-container>\r\n\r\n      <!--  Main table - Button column two -->\r\n      <ng-container *ngIf=\"isButtonTwoVisible\">\r\n        <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\r\n          <lib-button\r\n            [pRowToggler]=\"isButtonTwoToggle ? rowData : null\"\r\n            [label]=\"buttonTwoLabel!\"\r\n            [hasIcon]=\"buttonTwoHasIcon!\"\r\n            [color]=\"buttonTwoColor!\"\r\n            [icon]=\"buttonTwoIcon!\"\r\n            (click)=\"clickButtonTwo(rowData)\"\r\n          ></lib-button>\r\n        </td>\r\n      </ng-container>\r\n\r\n      <!--  Main table - Button column three - Arrow -->\r\n      <ng-container *ngIf=\"isArrowToggle\">\r\n        <td [ngStyle]=\"{ 'width': '20px' }\">\r\n          <i class=\"pi\" [ngClass]=\"expanded ? 'pi pi-chevron-up' : 'pi pi-chevron-down'\"\r\n             [pRowToggler]=\"!rowData['isEnabled'] ? null : rowData\"></i>\r\n        </td>\r\n      </ng-container>\r\n    </tr>\r\n  </ng-template>\r\n\r\n  <!--  Inner table-->\r\n  <ng-template pTemplate=\"rowexpansion\" let-rowData>\r\n    <tr>\r\n      <td colspan=\"7\">\r\n        <lib-custom-table\r\n          #dt\r\n          #htmlTableRowElement\r\n          [tableData]=\"rowData.other\"\r\n          [tableColumns]=\"innerTableColumns\"\r\n          [isPaginatorVisible]=\"innerIsPaginatorVisible\"\r\n          [tableRowCount]=\"innerTableRowCount\"\r\n          [isEditingTable]=\"innerIsEditingTable\"\r\n          [isTableLoading]=\"innerIsTableLoading\"\r\n          [scrollable]=\"true\"\r\n          [hideColumnsOnMobile]=\"innerTableHideColumnsOnMobile\"\r\n          tableMinWidth=\"10rem\"\r\n\r\n          [tableCaption]=\"innerTableCaption\"\r\n          [captionColorClass]=\"innerCaptionColorClass\"\r\n          [isCaptionButtonVisible]=\"innerIsCaptionButtonVisible\"\r\n          [captionButtonColor]=\"innerCaptionButtonColor\"\r\n          (captionButtonClicked)=\"clickInnerCaptionButton($event)\"\r\n\r\n          [isTableHeaderVisible]=\"innerIsTableHeaderVisible\"\r\n          [emptyColumnWidth]=\"innerEmptyColumnWidth\"\r\n\r\n          [toggleTableHeaderName]=\"innerToggleTableHeaderName\"\r\n          [toggleWidth]=\"innerToggleWidth\"\r\n\r\n          [toggleTwoTableHeaderName]=\"innerToggleTwoTableHeaderName\"\r\n          [toggleTwoWidth]=\"innerToggleTwoWidth\"\r\n\r\n          [toggleThreeTableHeaderName]=\"innerToggleThreeTableHeaderName\"\r\n          [toggleThreeWidth]=\"innerToggleThreeWidth\"\r\n\r\n          [toggleFourTableHeaderName]=\"innerToggleFourTableHeaderName\"\r\n          [toggleFourWidth]=\"innerToggleFourWidth\"\r\n\r\n          [formGroup]=\"innerFormGroup\"\r\n\r\n          [type]=\"innerType\"\r\n          [formStatus]=\"innerFormStatus\"\r\n\r\n          [isButtonOneVisible]=\"innerIsButtonOneVisible\"\r\n          [isPlainTableIconButtonOne]=\"innerIsPlainTableIconButtonOne\"\r\n          [buttonOneLabel]=\"innerButtonOneLabel\"\r\n          [buttonOneHasIcon]=\"innerButtonOneHasIcon\"\r\n          [buttonOneEditIcon]=\"innerButtonOneEditIcon\"\r\n          [buttonOneSaveIcon]=\"innerButtonOneSaveIcon\"\r\n          [buttonOneColor]=\"innerButtonOneColor\"\r\n          [buttonOneIcon]=\"innerButtonOneIcon\"\r\n          (buttonEditClick)=\"onRowEdit($event)\"\r\n          (buttonSaveClick)=\"onRowSave($event, htmlTableRowElement)\"\r\n          (buttonOneClick)=\"clickInnerButtonOne($event)\"\r\n\r\n          [isButtonTwoVisible]=\"innerIsButtonTwoVisible\"\r\n          [isPlainTableIconButtonTwo]=\"innerIsPlainTableIconButtonTwo\"\r\n          [buttonTwoLabel]=\"innerButtonTwoLabel\"\r\n          [buttonTwoHasIcon]=\"innerButtonTwoHasIcon\"\r\n          [buttonTwoDeleteIcon]=\"innerButtonTwoDeleteIcon\"\r\n          [buttonTwoCancelIcon]=\"innerButtonTwoCancelIcon\"\r\n          [buttonTwoColor]=\"innerButtonTwoColor\"\r\n          [buttonTwoIcon]=\"innerButtonTwoIcon\"\r\n          (buttonDeleteClick)=\"onRowDelete($event)\"\r\n          (buttonTwoClick)=\"clickInnerButtonTwo($event)\"\r\n\r\n          [isDeactivateToggle]=\"innerIsDeactivateToggle\"\r\n          (toggleSwitch)=\"toggleEnable($event)\"\r\n\r\n          [isDeactivateToggleTwo]=\"innerIsDeactivateToggleTwo\"\r\n          (toggleTwoSwitch)=\"toggleTwoEnable($event)\"\r\n\r\n          [isDeactivateToggleThree]=\"innerIsDeactivateToggleThree\"\r\n          (toggleThreeSwitch)=\"toggleThreeEnable($event)\"\r\n\r\n          [isDeactivateToggleFour]=\"innerIsDeactivateToggleFour\"\r\n          (toggleFourSwitch)=\"toggleFourEnable($event)\"\r\n        ></lib-custom-table>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n</p-table>\r\n\r\n", styles: [":host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:12px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border-radius:10px 10px 0 0;border:none;color:#fff;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-header.danger_row_color{background:#f44336}:host ::ng-deep .p-datatable .p-datatable-header.warning_row_color{background:#fdca40}:host ::ng-deep .p-datatable .p-datatable-header.success_row_color{background:#66952e}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.danger_row_color{background:#f44336}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.warning_row_color{background:#fdca40}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952e}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}\n"] }]
+                    ], template: "<p-table\n  #dt\n  [value]=\"tableData\"\n  [paginator]=\"isPaginatorVisible\"\n  [rows]=\"tableRowCount\"\n  [showCurrentPageReport]=\"false\"\n  [scrollable]=\"scrollable\"\n  [scrollHeight]=\"scrollHeight\"\n  [ngClass]=\"mainCaptionColorClass\"\n  dataKey=\"id\"\n  [loading]=\"isTableLoading\"\n>\n  <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">{{ tableCaption }}</ng-template>\n  <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\n    <tr>\n      <ng-container *ngFor=\"let column of tableColumns\">\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n          <th scope=\"col\" [style.width]=\"column.width\">\n            {{ column.header | translate }}\n          </th>\n        </ng-container>\n\n      </ng-container>\n      <th *ngFor=\"let _ of emptyHeaderColumnList\" scope=\"col\" [style.width]=\"emptyColumnWidth\"></th>\n    </tr>\n  </ng-template>\n  <ng-template pTemplate=\"body\" let-rowData let-expanded=\"expanded\">\n    <tr [ngClass]=\"rowColor\">\n      <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n          <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\n            {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\n          </td>\n        </ng-container>\n      </ng-container>\n\n      <!--  Main table - Button column one -->\n      <ng-container *ngIf=\"isButtonOneVisible\">\n        <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\n          <lib-button\n            [label]=\"buttonOneLabel!\"\n            [hasIcon]=\"buttonOneHasIcon!\"\n            [color]=\"buttonOneColor!\"\n            [icon]=\"buttonOneIcon!\"\n            (click)=\"clickButtonOne(rowData)\"\n          ></lib-button>\n        </td>\n      </ng-container>\n\n      <!--  Main table - Button column two -->\n      <ng-container *ngIf=\"isButtonTwoVisible\">\n        <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\n          <lib-button\n            [pRowToggler]=\"isButtonTwoToggle ? rowData : null\"\n            [label]=\"buttonTwoLabel!\"\n            [hasIcon]=\"buttonTwoHasIcon!\"\n            [color]=\"buttonTwoColor!\"\n            [icon]=\"buttonTwoIcon!\"\n            (click)=\"clickButtonTwo(rowData)\"\n          ></lib-button>\n        </td>\n      </ng-container>\n\n      <!--  Main table - Button column three - Arrow -->\n      <ng-container *ngIf=\"isArrowToggle\">\n        <td [ngStyle]=\"{ 'width': '20px' }\">\n          <i class=\"pi\" [ngClass]=\"expanded ? 'pi pi-chevron-up' : 'pi pi-chevron-down'\"\n             [pRowToggler]=\"!rowData['isEnabled'] ? null : rowData\"></i>\n        </td>\n      </ng-container>\n    </tr>\n  </ng-template>\n\n  <!--  Inner table-->\n  <ng-template pTemplate=\"rowexpansion\" let-rowData>\n    <tr>\n      <td colspan=\"7\">\n        <lib-custom-table\n          #dt\n          #htmlTableRowElement\n          [tableData]=\"rowData.other\"\n          [tableColumns]=\"innerTableColumns\"\n          [isPaginatorVisible]=\"innerIsPaginatorVisible\"\n          [tableRowCount]=\"innerTableRowCount\"\n          [isEditingTable]=\"innerIsEditingTable\"\n          [isTableLoading]=\"innerIsTableLoading\"\n          [scrollable]=\"true\"\n          [hideColumnsOnMobile]=\"innerTableHideColumnsOnMobile\"\n          tableMinWidth=\"10rem\"\n\n          [tableCaption]=\"innerTableCaption\"\n          [captionColorClass]=\"innerCaptionColorClass\"\n          [isCaptionButtonVisible]=\"innerIsCaptionButtonVisible\"\n          [captionButtonColor]=\"innerCaptionButtonColor\"\n          (captionButtonClicked)=\"clickInnerCaptionButton($event)\"\n\n          [isTableHeaderVisible]=\"innerIsTableHeaderVisible\"\n          [emptyColumnWidth]=\"innerEmptyColumnWidth\"\n\n          [toggleTableHeaderName]=\"innerToggleTableHeaderName\"\n          [toggleWidth]=\"innerToggleWidth\"\n\n          [toggleTwoTableHeaderName]=\"innerToggleTwoTableHeaderName\"\n          [toggleTwoWidth]=\"innerToggleTwoWidth\"\n\n          [toggleThreeTableHeaderName]=\"innerToggleThreeTableHeaderName\"\n          [toggleThreeWidth]=\"innerToggleThreeWidth\"\n\n          [toggleFourTableHeaderName]=\"innerToggleFourTableHeaderName\"\n          [toggleFourWidth]=\"innerToggleFourWidth\"\n\n          [formGroup]=\"innerFormGroup\"\n\n          [type]=\"innerType\"\n          [formStatus]=\"innerFormStatus\"\n\n          [isButtonOneVisible]=\"innerIsButtonOneVisible\"\n          [isPlainTableIconButtonOne]=\"innerIsPlainTableIconButtonOne\"\n          [buttonOneLabel]=\"innerButtonOneLabel\"\n          [buttonOneHasIcon]=\"innerButtonOneHasIcon\"\n          [buttonOneEditIcon]=\"innerButtonOneEditIcon\"\n          [buttonOneSaveIcon]=\"innerButtonOneSaveIcon\"\n          [buttonOneColor]=\"innerButtonOneColor\"\n          [buttonOneIcon]=\"innerButtonOneIcon\"\n          (buttonEditClick)=\"onRowEdit($event)\"\n          (buttonSaveClick)=\"onRowSave($event, htmlTableRowElement)\"\n          (buttonOneClick)=\"clickInnerButtonOne($event)\"\n\n          [isButtonTwoVisible]=\"innerIsButtonTwoVisible\"\n          [isPlainTableIconButtonTwo]=\"innerIsPlainTableIconButtonTwo\"\n          [buttonTwoLabel]=\"innerButtonTwoLabel\"\n          [buttonTwoHasIcon]=\"innerButtonTwoHasIcon\"\n          [buttonTwoDeleteIcon]=\"innerButtonTwoDeleteIcon\"\n          [buttonTwoCancelIcon]=\"innerButtonTwoCancelIcon\"\n          [buttonTwoColor]=\"innerButtonTwoColor\"\n          [buttonTwoIcon]=\"innerButtonTwoIcon\"\n          (buttonDeleteClick)=\"onRowDelete($event)\"\n          (buttonTwoClick)=\"clickInnerButtonTwo($event)\"\n\n          [isDeactivateToggle]=\"innerIsDeactivateToggle\"\n          (toggleSwitch)=\"toggleEnable($event)\"\n\n          [isDeactivateToggleTwo]=\"innerIsDeactivateToggleTwo\"\n          (toggleTwoSwitch)=\"toggleTwoEnable($event)\"\n\n          [isDeactivateToggleThree]=\"innerIsDeactivateToggleThree\"\n          (toggleThreeSwitch)=\"toggleThreeEnable($event)\"\n\n          [isDeactivateToggleFour]=\"innerIsDeactivateToggleFour\"\n          (toggleFourSwitch)=\"toggleFourEnable($event)\"\n        ></lib-custom-table>\n      </td>\n    </tr>\n  </ng-template>\n</p-table>\n\n", styles: [":host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:12px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border-radius:10px 10px 0 0;border:none;color:#fff;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-header.danger_row_color{background:#f44336}:host ::ng-deep .p-datatable .p-datatable-header.warning_row_color{background:#fdca40}:host ::ng-deep .p-datatable .p-datatable-header.success_row_color{background:#66952e}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.danger_row_color{background:#f44336}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.warning_row_color{background:#fdca40}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952e}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}\n"] }]
         }], propDecorators: { tableData: [{
                 type: Input
             }], tableColumns: [{
@@ -2560,39 +2555,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Output
             }] } });
 
-class SharedMessageService {
-    messageService;
-    translateService;
-    constructor(messageService, translateService) {
-        this.messageService = messageService;
-        this.translateService = translateService;
-    }
-    successMessage(message) {
-        this.messageService.add({
-            key: 'notification',
-            severity: 'success',
-            summary: message ? message : this.translateService.instant('common.akcijaUspesna'),
-            life: 6000,
-        });
-    }
-    errorMessage(message) {
-        this.messageService.add({
-            key: 'notification',
-            severity: 'error',
-            summary: message ? message : this.translateService.instant("errors.thereWasAnError"),
-            life: 5000
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SharedMessageService, deps: [{ token: i1$1.MessageService }, { token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SharedMessageService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SharedMessageService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1$1.MessageService }, { type: i1$2.TranslateService }] });
-
 class FileUploadComponent {
     config;
     sharedMessageService;
@@ -2600,9 +2562,7 @@ class FileUploadComponent {
     ButtonSize = ButtonSize;
     ButtonColor = ButtonColor;
     uploadedFiles = [];
-    // Max file size in bytes
     maxFileSize = 10000000;
-    // Total max file size in bytes
     totalMaxFileSize = 20000000;
     disabled = false;
     acceptFiles = undefined;
@@ -2678,7 +2638,7 @@ class FileUploadComponent {
         this.totalSizePercent = this.totalSize / 10;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1$8.PrimeNG }, { token: SharedMessageService }, { token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FileUploadComponent, isStandalone: true, selector: "app-file-upload", inputs: { uploadedFiles: "uploadedFiles", maxFileSize: "maxFileSize", totalMaxFileSize: "totalMaxFileSize", disabled: "disabled", acceptFiles: "acceptFiles", multiple: "multiple" }, outputs: { onSaveFile: "onSaveFile", onDelete: "onDelete", onDownload: "onDownload", valid: "valid" }, ngImport: i0, template: "    <p-fileupload\r\n      class=\"pt-3\"\r\n      name=\"priloge[]\"\r\n      invalidFileSizeMessageSummary=\"{{\r\n        'components.fileUpload.invalidFileSizeMessageSummary' | translate\r\n      }}\"\r\n      invalidFileSizeMessageDetail=\"{{\r\n        'components.fileUpload.invalidFileSizeMessageDetail' | translate\r\n      }}\"\r\n      invalidFileTypeMessageDetail=\"{{'components.fileUpload.invalidFileTypeMessageDetail' | translate}}\"\r\n      invalidFileTypeMessageSummary=\"{{ 'components.fileUpload.invalidFileTypeMessageSummary' | translate}}\"\r\n      [multiple]=\"multiple\"\r\n      (onRemove)=\"remove($event)\"\r\n      [accept]=\"acceptFiles\"\r\n      [maxFileSize]=\"maxFileSize\"\r\n      (onSelect)=\"onSelectedFiles($event)\">\r\n      <ng-template\r\n        #header\r\n        let-priloge\r\n        let-chooseCallback=\"chooseCallback\"\r\n        let-clearCallback=\"clearCallback\">\r\n        <div class=\"flex gap-2\">\r\n          <lib-button\r\n            [disabled]=\"disabled\"\r\n            (click)=\"choose($event, chooseCallback)\"\r\n            label=\"{{ 'components.fileUpload.izberi' | translate }}\"\r\n            [hasIcon]=\"true\"\r\n            [icon]=\"'pi pi-file'\"\r\n            [color]=\"ButtonColor.primary\" />\r\n        </div>\r\n      </ng-template>\r\n      <ng-template #content let-priloge let-removeFileCallback=\"removeFileCallback\">\r\n        <div class=\"flex flex-col gap-8 pt-4\">\r\n          <div class=\"w-full\" *ngIf=\"uploadedFiles.length > 0\">\r\n            <div class=\"flex flex-column gap-4\">\r\n              <div\r\n                *ngFor=\"let priloga of uploadedFiles; let i = index\"\r\n                class=\"flex flex-col justify-content-between items-center gap-2 px-3\">\r\n                <div class=\"flex flex-col\">\r\n                  <div>\r\n                    <img\r\n                      role=\"presentation\"\r\n                      [alt]=\"priloga.name\"\r\n                      [src]=\"priloga.objectURL\"\r\n                      height=\"50\"\r\n                      width=\"50\" />\r\n                  </div>\r\n                  <span class=\"pl-3 text-ellipsis max-w-60 whitespace-nowrap overflow-hidden\">{{\r\n                    priloga.name\r\n                  }}</span>\r\n                </div>\r\n                <div class=\"flex align-items-center\">\r\n                  <p-badge value=\"Zaklju\u010Den\" badgeSize=\"small\" severity=\"success\" />\r\n                  <p-button\r\n                    (click)=\"downloadFile(priloga.id, priloga.name, priloga.objectURL)\"\r\n                    severity=\"primary\"\r\n                    icon=\"pi pi-download\"\r\n                    aria-label=\"Prenesi\"\r\n                    [rounded]=\"true\"\r\n                    [text]=\"true\" />\r\n                  <p-button\r\n                    [disabled]=\"disabled\"\r\n                    (click)=\"removeFileCallback()\"\r\n                    (click)=\"delete(priloga.id)\"\r\n                    severity=\"danger\"\r\n                    icon=\"pi pi-times\"\r\n                    [rounded]=\"true\"\r\n                    [text]=\"true\" />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template #priloga></ng-template>\r\n      <ng-template #empty>\r\n        <div\r\n          *ngIf=\"uploadedFiles.length === 0\"\r\n          class=\"flex align-center justify-around\"\r\n          [style.width]=\"'100%'\">\r\n          <span class=\"pi pi-cloud-upload mr-3\"></span>\r\n          <p>{{ 'components.fileUpload.povlecitveInSpustiteDatotekeZaNalaganje' | translate }}</p>\r\n        </div>\r\n        <div *ngIf=\"acceptFiles\" class=\"flex align-center justify-around\">\r\n          <div class=\"placeholder\"></div>\r\n          <p>{{ ('components.fileUpload.dovoljeneDatoteke' | translate) + acceptFiles }}</p>\r\n        </div>\r\n      </ng-template>\r\n    </p-fileupload>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: BadgeModule }, { kind: "component", type: i4.Badge, selector: "p-badge", inputs: ["styleClass", "style", "badgeSize", "size", "severity", "value", "badgeDisabled"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i5$1.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }, { kind: "ngmodule", type: OverlayBadgeModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MenubarModule }, { kind: "ngmodule", type: ChipModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FileUploadComponent, isStandalone: true, selector: "app-file-upload", inputs: { uploadedFiles: "uploadedFiles", maxFileSize: "maxFileSize", totalMaxFileSize: "totalMaxFileSize", disabled: "disabled", acceptFiles: "acceptFiles", multiple: "multiple" }, outputs: { onSaveFile: "onSaveFile", onDelete: "onDelete", onDownload: "onDownload", valid: "valid" }, ngImport: i0, template: "    <p-fileupload\n      class=\"pt-3\"\n      name=\"priloge[]\"\n      invalidFileSizeMessageSummary=\"{{\n        'components.fileUpload.invalidFileSizeMessageSummary' | translate\n      }}\"\n      invalidFileSizeMessageDetail=\"{{\n        'components.fileUpload.invalidFileSizeMessageDetail' | translate\n      }}\"\n      invalidFileTypeMessageDetail=\"{{'components.fileUpload.invalidFileTypeMessageDetail' | translate}}\"\n      invalidFileTypeMessageSummary=\"{{ 'components.fileUpload.invalidFileTypeMessageSummary' | translate}}\"\n      [multiple]=\"multiple\"\n      (onRemove)=\"remove($event)\"\n      [accept]=\"acceptFiles\"\n      [maxFileSize]=\"maxFileSize\"\n      (onSelect)=\"onSelectedFiles($event)\">\n      <ng-template\n        #header\n        let-priloge\n        let-chooseCallback=\"chooseCallback\"\n        let-clearCallback=\"clearCallback\">\n        <div class=\"flex gap-2\">\n          <lib-button\n            [disabled]=\"disabled\"\n            (click)=\"choose($event, chooseCallback)\"\n            label=\"{{ 'components.fileUpload.izberi' | translate }}\"\n            [hasIcon]=\"true\"\n            [icon]=\"'pi pi-file'\"\n            [color]=\"ButtonColor.primary\" />\n        </div>\n      </ng-template>\n      <ng-template #content let-priloge let-removeFileCallback=\"removeFileCallback\">\n        <div class=\"flex flex-col gap-8 pt-4\">\n          <div class=\"w-full\" *ngIf=\"uploadedFiles.length > 0\">\n            <div class=\"flex flex-column gap-4\">\n              <div\n                *ngFor=\"let priloga of uploadedFiles; let i = index\"\n                class=\"flex flex-col justify-content-between items-center gap-2 px-3\">\n                <div class=\"flex flex-col\">\n                  <div>\n                    <img\n                      role=\"presentation\"\n                      [alt]=\"priloga.name\"\n                      [src]=\"priloga.objectURL\"\n                      height=\"50\"\n                      width=\"50\" />\n                  </div>\n                  <span class=\"pl-3 text-ellipsis max-w-60 whitespace-nowrap overflow-hidden\">{{\n                    priloga.name\n                  }}</span>\n                </div>\n                <div class=\"flex align-items-center\">\n                  <p-badge value=\"Zaklju\u010Den\" badgeSize=\"small\" severity=\"success\" />\n                  <p-button\n                    (click)=\"downloadFile(priloga.id, priloga.name, priloga.objectURL)\"\n                    severity=\"primary\"\n                    icon=\"pi pi-download\"\n                    aria-label=\"Prenesi\"\n                    [rounded]=\"true\"\n                    [text]=\"true\" />\n                  <p-button\n                    [disabled]=\"disabled\"\n                    (click)=\"removeFileCallback()\"\n                    (click)=\"delete(priloga.id)\"\n                    severity=\"danger\"\n                    icon=\"pi pi-times\"\n                    [rounded]=\"true\"\n                    [text]=\"true\" />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </ng-template>\n      <ng-template #priloga></ng-template>\n      <ng-template #empty>\n        <div\n          *ngIf=\"uploadedFiles.length === 0\"\n          class=\"flex align-center justify-around\"\n          [style.width]=\"'100%'\">\n          <span class=\"pi pi-cloud-upload mr-3\"></span>\n          <p>{{ 'components.fileUpload.povlecitveInSpustiteDatotekeZaNalaganje' | translate }}</p>\n        </div>\n        <div *ngIf=\"acceptFiles\" class=\"flex align-center justify-around\">\n          <div class=\"placeholder\"></div>\n          <p>{{ ('components.fileUpload.dovoljeneDatoteke' | translate) + acceptFiles }}</p>\n        </div>\n      </ng-template>\n    </p-fileupload>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: BadgeModule }, { kind: "component", type: i4.Badge, selector: "p-badge", inputs: ["styleClass", "style", "badgeSize", "size", "severity", "value", "badgeDisabled"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i5$1.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }, { kind: "ngmodule", type: OverlayBadgeModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MenubarModule }, { kind: "ngmodule", type: ChipModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileUploadComponent, decorators: [{
             type: Component,
@@ -2695,7 +2655,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         TranslateModule,
                         MenubarModule,
                         ChipModule,
-                    ], template: "    <p-fileupload\r\n      class=\"pt-3\"\r\n      name=\"priloge[]\"\r\n      invalidFileSizeMessageSummary=\"{{\r\n        'components.fileUpload.invalidFileSizeMessageSummary' | translate\r\n      }}\"\r\n      invalidFileSizeMessageDetail=\"{{\r\n        'components.fileUpload.invalidFileSizeMessageDetail' | translate\r\n      }}\"\r\n      invalidFileTypeMessageDetail=\"{{'components.fileUpload.invalidFileTypeMessageDetail' | translate}}\"\r\n      invalidFileTypeMessageSummary=\"{{ 'components.fileUpload.invalidFileTypeMessageSummary' | translate}}\"\r\n      [multiple]=\"multiple\"\r\n      (onRemove)=\"remove($event)\"\r\n      [accept]=\"acceptFiles\"\r\n      [maxFileSize]=\"maxFileSize\"\r\n      (onSelect)=\"onSelectedFiles($event)\">\r\n      <ng-template\r\n        #header\r\n        let-priloge\r\n        let-chooseCallback=\"chooseCallback\"\r\n        let-clearCallback=\"clearCallback\">\r\n        <div class=\"flex gap-2\">\r\n          <lib-button\r\n            [disabled]=\"disabled\"\r\n            (click)=\"choose($event, chooseCallback)\"\r\n            label=\"{{ 'components.fileUpload.izberi' | translate }}\"\r\n            [hasIcon]=\"true\"\r\n            [icon]=\"'pi pi-file'\"\r\n            [color]=\"ButtonColor.primary\" />\r\n        </div>\r\n      </ng-template>\r\n      <ng-template #content let-priloge let-removeFileCallback=\"removeFileCallback\">\r\n        <div class=\"flex flex-col gap-8 pt-4\">\r\n          <div class=\"w-full\" *ngIf=\"uploadedFiles.length > 0\">\r\n            <div class=\"flex flex-column gap-4\">\r\n              <div\r\n                *ngFor=\"let priloga of uploadedFiles; let i = index\"\r\n                class=\"flex flex-col justify-content-between items-center gap-2 px-3\">\r\n                <div class=\"flex flex-col\">\r\n                  <div>\r\n                    <img\r\n                      role=\"presentation\"\r\n                      [alt]=\"priloga.name\"\r\n                      [src]=\"priloga.objectURL\"\r\n                      height=\"50\"\r\n                      width=\"50\" />\r\n                  </div>\r\n                  <span class=\"pl-3 text-ellipsis max-w-60 whitespace-nowrap overflow-hidden\">{{\r\n                    priloga.name\r\n                  }}</span>\r\n                </div>\r\n                <div class=\"flex align-items-center\">\r\n                  <p-badge value=\"Zaklju\u010Den\" badgeSize=\"small\" severity=\"success\" />\r\n                  <p-button\r\n                    (click)=\"downloadFile(priloga.id, priloga.name, priloga.objectURL)\"\r\n                    severity=\"primary\"\r\n                    icon=\"pi pi-download\"\r\n                    aria-label=\"Prenesi\"\r\n                    [rounded]=\"true\"\r\n                    [text]=\"true\" />\r\n                  <p-button\r\n                    [disabled]=\"disabled\"\r\n                    (click)=\"removeFileCallback()\"\r\n                    (click)=\"delete(priloga.id)\"\r\n                    severity=\"danger\"\r\n                    icon=\"pi pi-times\"\r\n                    [rounded]=\"true\"\r\n                    [text]=\"true\" />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template #priloga></ng-template>\r\n      <ng-template #empty>\r\n        <div\r\n          *ngIf=\"uploadedFiles.length === 0\"\r\n          class=\"flex align-center justify-around\"\r\n          [style.width]=\"'100%'\">\r\n          <span class=\"pi pi-cloud-upload mr-3\"></span>\r\n          <p>{{ 'components.fileUpload.povlecitveInSpustiteDatotekeZaNalaganje' | translate }}</p>\r\n        </div>\r\n        <div *ngIf=\"acceptFiles\" class=\"flex align-center justify-around\">\r\n          <div class=\"placeholder\"></div>\r\n          <p>{{ ('components.fileUpload.dovoljeneDatoteke' | translate) + acceptFiles }}</p>\r\n        </div>\r\n      </ng-template>\r\n    </p-fileupload>\r\n" }]
+                    ], template: "    <p-fileupload\n      class=\"pt-3\"\n      name=\"priloge[]\"\n      invalidFileSizeMessageSummary=\"{{\n        'components.fileUpload.invalidFileSizeMessageSummary' | translate\n      }}\"\n      invalidFileSizeMessageDetail=\"{{\n        'components.fileUpload.invalidFileSizeMessageDetail' | translate\n      }}\"\n      invalidFileTypeMessageDetail=\"{{'components.fileUpload.invalidFileTypeMessageDetail' | translate}}\"\n      invalidFileTypeMessageSummary=\"{{ 'components.fileUpload.invalidFileTypeMessageSummary' | translate}}\"\n      [multiple]=\"multiple\"\n      (onRemove)=\"remove($event)\"\n      [accept]=\"acceptFiles\"\n      [maxFileSize]=\"maxFileSize\"\n      (onSelect)=\"onSelectedFiles($event)\">\n      <ng-template\n        #header\n        let-priloge\n        let-chooseCallback=\"chooseCallback\"\n        let-clearCallback=\"clearCallback\">\n        <div class=\"flex gap-2\">\n          <lib-button\n            [disabled]=\"disabled\"\n            (click)=\"choose($event, chooseCallback)\"\n            label=\"{{ 'components.fileUpload.izberi' | translate }}\"\n            [hasIcon]=\"true\"\n            [icon]=\"'pi pi-file'\"\n            [color]=\"ButtonColor.primary\" />\n        </div>\n      </ng-template>\n      <ng-template #content let-priloge let-removeFileCallback=\"removeFileCallback\">\n        <div class=\"flex flex-col gap-8 pt-4\">\n          <div class=\"w-full\" *ngIf=\"uploadedFiles.length > 0\">\n            <div class=\"flex flex-column gap-4\">\n              <div\n                *ngFor=\"let priloga of uploadedFiles; let i = index\"\n                class=\"flex flex-col justify-content-between items-center gap-2 px-3\">\n                <div class=\"flex flex-col\">\n                  <div>\n                    <img\n                      role=\"presentation\"\n                      [alt]=\"priloga.name\"\n                      [src]=\"priloga.objectURL\"\n                      height=\"50\"\n                      width=\"50\" />\n                  </div>\n                  <span class=\"pl-3 text-ellipsis max-w-60 whitespace-nowrap overflow-hidden\">{{\n                    priloga.name\n                  }}</span>\n                </div>\n                <div class=\"flex align-items-center\">\n                  <p-badge value=\"Zaklju\u010Den\" badgeSize=\"small\" severity=\"success\" />\n                  <p-button\n                    (click)=\"downloadFile(priloga.id, priloga.name, priloga.objectURL)\"\n                    severity=\"primary\"\n                    icon=\"pi pi-download\"\n                    aria-label=\"Prenesi\"\n                    [rounded]=\"true\"\n                    [text]=\"true\" />\n                  <p-button\n                    [disabled]=\"disabled\"\n                    (click)=\"removeFileCallback()\"\n                    (click)=\"delete(priloga.id)\"\n                    severity=\"danger\"\n                    icon=\"pi pi-times\"\n                    [rounded]=\"true\"\n                    [text]=\"true\" />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </ng-template>\n      <ng-template #priloga></ng-template>\n      <ng-template #empty>\n        <div\n          *ngIf=\"uploadedFiles.length === 0\"\n          class=\"flex align-center justify-around\"\n          [style.width]=\"'100%'\">\n          <span class=\"pi pi-cloud-upload mr-3\"></span>\n          <p>{{ 'components.fileUpload.povlecitveInSpustiteDatotekeZaNalaganje' | translate }}</p>\n        </div>\n        <div *ngIf=\"acceptFiles\" class=\"flex align-center justify-around\">\n          <div class=\"placeholder\"></div>\n          <p>{{ ('components.fileUpload.dovoljeneDatoteke' | translate) + acceptFiles }}</p>\n        </div>\n      </ng-template>\n    </p-fileupload>\n" }]
         }], ctorParameters: () => [{ type: i1$8.PrimeNG }, { type: SharedMessageService }, { type: i1$2.TranslateService }], propDecorators: { uploadedFiles: [{
                 type: Input
             }], maxFileSize: [{
@@ -2722,7 +2682,7 @@ class FilterHeaderComponent {
     filterItems = [];
     constructor() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FilterHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FilterHeaderComponent, isStandalone: true, selector: "app-filter-header", inputs: { filterItems: "filterItems" }, ngImport: i0, template: "<!-- app.component.html -->\r\n\r\n<p-menubar class=\"accordion_menubar \">\r\n  <ng-template pTemplate=\"start\">\r\n    <div class=\"filter-chips\"  >\r\n      <p-chip\r\n        *ngFor=\"let item of filterItems\"\r\n        [label]=\"item\"\r\n        styleClass=\"filter-chip\">\r\n      </p-chip>\r\n    </div>\r\n  </ng-template>\r\n</p-menubar>\r\n", styles: [".accordion_menubar{border:none!important}:host ::ng-deep .p-menubar{border:none;width:auto}:host ::ng-deep .p-accordion .p-accordioncontent{max-height:260px}.date__fields{margin-top:1.5rem;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.date__fields label{order:1;padding:.5rem}.date__fields .date-field :deep(.lib-datepicker),.date__fields .date-field :deep(.lib-datepicker input){display:flex;order:2;flex-direction:row;margin-bottom:1rem}.grid_container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:10rem}.grid_container .column :deep(.lib-dropdown){width:100%;height:45px}.grid_container .column :deep(.lib-dropdown) .lib-dropdown-label{padding:12px;line-height:21px}.grid_container .column :deep(.lib-dropdown) .lib-dropdown-trigger{width:45px;height:100%}@media screen and (min-width: 768px){.filter-accordion .date_fields{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1200px){.filter-accordion .date_fields{grid-template-columns:repeat(4,1fr)}.filter-accordion .grid_container{grid-template-columns:repeat(3,1fr)}}:host ::ng-deep .filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}:host ::ng-deep .filter-chips .p-chip{background:#f0f0f0;padding:.5rem}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon{color:#666;margin-left:.5rem;cursor:pointer}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon:hover{color:#333}:host ::ng-deep .filter-chips .p-chip .filter-value{margin-left:.5rem;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MenubarModule }, { kind: "component", type: i2$3.Menubar, selector: "p-menubar", inputs: ["model", "style", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "breakpoint", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i4$1.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "style", "styleClass", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FilterHeaderComponent, isStandalone: true, selector: "app-filter-header", inputs: { filterItems: "filterItems" }, ngImport: i0, template: "<!-- app.component.html -->\n\n<p-menubar class=\"accordion_menubar \">\n  <ng-template pTemplate=\"start\">\n    <div class=\"filter-chips\"  >\n      <p-chip\n        *ngFor=\"let item of filterItems\"\n        [label]=\"item\"\n        styleClass=\"filter-chip\">\n      </p-chip>\n    </div>\n  </ng-template>\n</p-menubar>\n", styles: [".accordion_menubar{border:none!important}:host ::ng-deep .p-menubar{border:none;width:auto}:host ::ng-deep .p-accordion .p-accordioncontent{max-height:260px}.date__fields{margin-top:1.5rem;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.date__fields label{order:1;padding:.5rem}.date__fields .date-field :deep(.lib-datepicker),.date__fields .date-field :deep(.lib-datepicker input){display:flex;order:2;flex-direction:row;margin-bottom:1rem}.grid_container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:10rem}.grid_container .column :deep(.lib-dropdown){width:100%;height:45px}.grid_container .column :deep(.lib-dropdown) .lib-dropdown-label{padding:12px;line-height:21px}.grid_container .column :deep(.lib-dropdown) .lib-dropdown-trigger{width:45px;height:100%}@media screen and (min-width: 768px){.filter-accordion .date_fields{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1200px){.filter-accordion .date_fields{grid-template-columns:repeat(4,1fr)}.filter-accordion .grid_container{grid-template-columns:repeat(3,1fr)}}:host ::ng-deep .filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}:host ::ng-deep .filter-chips .p-chip{background:#f0f0f0;padding:.5rem}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon{color:#666;margin-left:.5rem;cursor:pointer}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon:hover{color:#333}:host ::ng-deep .filter-chips .p-chip .filter-value{margin-left:.5rem;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MenubarModule }, { kind: "component", type: i2$3.Menubar, selector: "p-menubar", inputs: ["model", "style", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "breakpoint", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i4$1.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "style", "styleClass", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FilterHeaderComponent, decorators: [{
             type: Component,
@@ -2733,7 +2693,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         CommonModule,
                         MenubarModule,
                         ChipModule,
-                    ], template: "<!-- app.component.html -->\r\n\r\n<p-menubar class=\"accordion_menubar \">\r\n  <ng-template pTemplate=\"start\">\r\n    <div class=\"filter-chips\"  >\r\n      <p-chip\r\n        *ngFor=\"let item of filterItems\"\r\n        [label]=\"item\"\r\n        styleClass=\"filter-chip\">\r\n      </p-chip>\r\n    </div>\r\n  </ng-template>\r\n</p-menubar>\r\n", styles: [".accordion_menubar{border:none!important}:host ::ng-deep .p-menubar{border:none;width:auto}:host ::ng-deep .p-accordion .p-accordioncontent{max-height:260px}.date__fields{margin-top:1.5rem;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.date__fields label{order:1;padding:.5rem}.date__fields .date-field :deep(.lib-datepicker),.date__fields .date-field :deep(.lib-datepicker input){display:flex;order:2;flex-direction:row;margin-bottom:1rem}.grid_container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:10rem}.grid_container .column :deep(.lib-dropdown){width:100%;height:45px}.grid_container .column :deep(.lib-dropdown) .lib-dropdown-label{padding:12px;line-height:21px}.grid_container .column :deep(.lib-dropdown) .lib-dropdown-trigger{width:45px;height:100%}@media screen and (min-width: 768px){.filter-accordion .date_fields{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1200px){.filter-accordion .date_fields{grid-template-columns:repeat(4,1fr)}.filter-accordion .grid_container{grid-template-columns:repeat(3,1fr)}}:host ::ng-deep .filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}:host ::ng-deep .filter-chips .p-chip{background:#f0f0f0;padding:.5rem}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon{color:#666;margin-left:.5rem;cursor:pointer}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon:hover{color:#333}:host ::ng-deep .filter-chips .p-chip .filter-value{margin-left:.5rem;font-weight:500}\n"] }]
+                    ], template: "<!-- app.component.html -->\n\n<p-menubar class=\"accordion_menubar \">\n  <ng-template pTemplate=\"start\">\n    <div class=\"filter-chips\"  >\n      <p-chip\n        *ngFor=\"let item of filterItems\"\n        [label]=\"item\"\n        styleClass=\"filter-chip\">\n      </p-chip>\n    </div>\n  </ng-template>\n</p-menubar>\n", styles: [".accordion_menubar{border:none!important}:host ::ng-deep .p-menubar{border:none;width:auto}:host ::ng-deep .p-accordion .p-accordioncontent{max-height:260px}.date__fields{margin-top:1.5rem;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.date__fields label{order:1;padding:.5rem}.date__fields .date-field :deep(.lib-datepicker),.date__fields .date-field :deep(.lib-datepicker input){display:flex;order:2;flex-direction:row;margin-bottom:1rem}.grid_container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:10rem}.grid_container .column :deep(.lib-dropdown){width:100%;height:45px}.grid_container .column :deep(.lib-dropdown) .lib-dropdown-label{padding:12px;line-height:21px}.grid_container .column :deep(.lib-dropdown) .lib-dropdown-trigger{width:45px;height:100%}@media screen and (min-width: 768px){.filter-accordion .date_fields{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1200px){.filter-accordion .date_fields{grid-template-columns:repeat(4,1fr)}.filter-accordion .grid_container{grid-template-columns:repeat(3,1fr)}}:host ::ng-deep .filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}:host ::ng-deep .filter-chips .p-chip{background:#f0f0f0;padding:.5rem}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon{color:#666;margin-left:.5rem;cursor:pointer}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon:hover{color:#333}:host ::ng-deep .filter-chips .p-chip .filter-value{margin-left:.5rem;font-weight:500}\n"] }]
         }], ctorParameters: () => [], propDecorators: { filterItems: [{
                 type: Input
             }] } });
@@ -2779,11 +2739,11 @@ class FooterComponent {
         this.router.navigateByUrl(`${organisation}/${language}/izjava-o-dostopnosti`);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FooterComponent, deps: [{ token: i1$1.MessageService }, { token: i1$2.TranslateService }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FooterComponent, isStandalone: true, selector: "lib-footer", inputs: { version: "version" }, ngImport: i0, template: "<footer class=\"footer\">\r\n  <div class=\"footer-logo-list\">\r\n    <p class=\"container text-white\">{{ 'components.footer.version' | translate }}: {{ version }}</p>\r\n  </div>\r\n</footer>\r\n", styles: [".footer{background:#d7d7d7}.footer .footer-links a{word-break:break-word}.footer .footer-logo-list{background:#000;height:5rem}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FooterComponent, isStandalone: true, selector: "lib-footer", inputs: { version: "version" }, ngImport: i0, template: "<footer class=\"footer\">\n  <div class=\"footer-logo-list\">\n    <p class=\"container text-white\">{{ 'components.footer.version' | translate }}: {{ version }}</p>\n  </div>\n</footer>\n", styles: [".footer{background:#d7d7d7}.footer .footer-links a{word-break:break-word}.footer .footer-logo-list{background:#000;height:5rem}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-footer', imports: [TranslateModule], template: "<footer class=\"footer\">\r\n  <div class=\"footer-logo-list\">\r\n    <p class=\"container text-white\">{{ 'components.footer.version' | translate }}: {{ version }}</p>\r\n  </div>\r\n</footer>\r\n", styles: [".footer{background:#d7d7d7}.footer .footer-links a{word-break:break-word}.footer .footer-logo-list{background:#000;height:5rem}\n"] }]
+            args: [{ selector: 'lib-footer', imports: [TranslateModule], template: "<footer class=\"footer\">\n  <div class=\"footer-logo-list\">\n    <p class=\"container text-white\">{{ 'components.footer.version' | translate }}: {{ version }}</p>\n  </div>\n</footer>\n", styles: [".footer{background:#d7d7d7}.footer .footer-links a{word-break:break-word}.footer .footer-logo-list{background:#000;height:5rem}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.MessageService }, { type: i1$2.TranslateService }, { type: i1.Router }], propDecorators: { version: [{
                 type: Input
             }] } });
@@ -2836,11 +2796,11 @@ class GenericTableComponent {
         }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GenericTableComponent, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: GenericTableComponent, isStandalone: true, selector: "app-generic-table", inputs: { columns: "columns", data: "data", filtersEnabled: "filtersEnabled", emptyMessage: "emptyMessage", customBodyTemplate: "customBodyTemplate", selectedRows: "selectedRows" }, outputs: { selectedRowsChange: "selectedRowsChange" }, ngImport: i0, template: "<p-table\r\n  [value]=\"data\"\r\n  [globalFilterFields]=\"globalFilterFields\"\r\n  class=\"p-datatable-gridlines\"\r\n  [(selection)]=\"selectedRows\"\r\n>\r\n  <!-- header tabele -->\r\n  <ng-template pTemplate=\"header\">\r\n    <!-- header vrstica kjer so imena fieldov -->\r\n    <tr>\r\n      <th *ngFor=\"let col of columns\">\r\n        <ng-container *ngIf=\"col.selectable; else regularHeader\">\r\n          <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n        </ng-container>\r\n        <ng-template #regularHeader>\r\n          {{ col.header }}\r\n        </ng-template>\r\n      </th>\r\n    </tr>\r\n    <!-- filter vrstica kjer so vsi filtri -->\r\n    <tr *ngIf=\"filtersEnabled\">\r\n      <th *ngFor=\"let col of columns\">\r\n        <!-- text filter -->\r\n        <ng-container *ngIf=\"col.filterType === 'text'\">\r\n          <p-columnFilter\r\n            [field]=\"col.field\"\r\n            [type]=\"'text'\"\r\n            [showMenu]=\"false\"\r\n            [placeholder]=\"col.placeholder || col.header\"\r\n            [matchMode]=\"'contains'\"\r\n          >\r\n            <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n              <input\r\n                pInputText\r\n                type=\"text\"\r\n                [ngModel]=\"value\"\r\n                (ngModelChange)=\"filter($event)\"\r\n                (keydown)=\"clearOnEscape($event, filter)\"\r\n                [placeholder]=\"col.placeholder || col.header\"\r\n              />\r\n            </ng-template>\r\n          </p-columnFilter>\r\n        </ng-container>\r\n\r\n        <!-- dropdown filter -->\r\n        <ng-container *ngIf=\"col.filterType === 'dropdown'\">\r\n          <p-columnFilter [field]=\"col.field\" [showMenu]=\"false\">\r\n            <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n              <p-select\r\n                [ngModel]=\"value\"\r\n                [options]=\"col.options\"\r\n                (onChange)=\"filter($event.value)\"\r\n                placeholder=\"{{ col.placeholder || col.header }}\"\r\n                [showClear]=\"true\"\r\n              ></p-select>\r\n            </ng-template>\r\n          </p-columnFilter>\r\n        </ng-container>\r\n      </th>\r\n    </tr>\r\n\r\n  </ng-template>\r\n\r\n  <!-- body tabele -->\r\n  <ng-template pTemplate=\"body\" let-rowData>\r\n    <tr>\r\n      <td *ngFor=\"let col of columns\">\r\n        <ng-container *ngIf=\"col.selectable; else regularCell\">\r\n          <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\r\n        </ng-container>\r\n        <ng-template #regularCell>\r\n          <ng-container *ngIf=\"!customBodyTemplate; else customBody\">\r\n            {{ rowData[col.field] }}\r\n          </ng-container>\r\n        </ng-template>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- TODO: tale del z $implicit: rowData ne deluje, me\u010De errorje -->\r\n  <ng-template #customBody>\r\n<!--    <ng-container *ngTemplateOutlet=\"customBodyTemplate; context: { $implicit: rowData }\"></ng-container>-->\r\n  </ng-template>\r\n\r\n  <!-- empty message: \u010De ni podatkov -->\r\n  <ng-template pTemplate=\"emptymessage\">\r\n    <tr class=\"empty-message\">\r\n      <td [attr.colspan]=\"columns.length\">{{ emptyMessage }}</td>\r\n    </tr>\r\n  </ng-template>\r\n</p-table>\r\n", styles: ["@charset \"UTF-8\";::ng-deep .p-datatable-table .p-select-list{padding:0}::ng-deep .p-datatable-table th,::ng-deep .p-datatable-table td{padding:.5rem!important}::ng-deep .p-datatable-table thead>tr>th{color:#fff!important;background-color:#3e7c94!important;border-width:1px 0 0 0!important}::ng-deep .p-datatable-table .p-datatable-tbody tr:nth-child(odd){background-color:#f1f1f1}::ng-deep .p-datatable-table .p-datatable-tbody tr:nth-child(2n){background-color:#fff}::ng-deep .p-datatable-table tr.empty-message>td{text-align:center!important;padding:2rem!important}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$7.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", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1$7.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i1$7.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i1$7.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "showButtons", "ariaLabel", "filterButtonProps"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", 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", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: GenericTableComponent, isStandalone: true, selector: "app-generic-table", inputs: { columns: "columns", data: "data", filtersEnabled: "filtersEnabled", emptyMessage: "emptyMessage", customBodyTemplate: "customBodyTemplate", selectedRows: "selectedRows" }, outputs: { selectedRowsChange: "selectedRowsChange" }, ngImport: i0, template: "<p-table\n  [value]=\"data\"\n  [globalFilterFields]=\"globalFilterFields\"\n  class=\"p-datatable-gridlines\"\n  [(selection)]=\"selectedRows\"\n>\n  <!-- header tabele -->\n  <ng-template pTemplate=\"header\">\n    <!-- header vrstica kjer so imena fieldov -->\n    <tr>\n      <th *ngFor=\"let col of columns\">\n        <ng-container *ngIf=\"col.selectable; else regularHeader\">\n          <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n        </ng-container>\n        <ng-template #regularHeader>\n          {{ col.header }}\n        </ng-template>\n      </th>\n    </tr>\n    <!-- filter vrstica kjer so vsi filtri -->\n    <tr *ngIf=\"filtersEnabled\">\n      <th *ngFor=\"let col of columns\">\n        <!-- text filter -->\n        <ng-container *ngIf=\"col.filterType === 'text'\">\n          <p-columnFilter\n            [field]=\"col.field\"\n            [type]=\"'text'\"\n            [showMenu]=\"false\"\n            [placeholder]=\"col.placeholder || col.header\"\n            [matchMode]=\"'contains'\"\n          >\n            <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\n              <input\n                pInputText\n                type=\"text\"\n                [ngModel]=\"value\"\n                (ngModelChange)=\"filter($event)\"\n                (keydown)=\"clearOnEscape($event, filter)\"\n                [placeholder]=\"col.placeholder || col.header\"\n              />\n            </ng-template>\n          </p-columnFilter>\n        </ng-container>\n\n        <!-- dropdown filter -->\n        <ng-container *ngIf=\"col.filterType === 'dropdown'\">\n          <p-columnFilter [field]=\"col.field\" [showMenu]=\"false\">\n            <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\n              <p-select\n                [ngModel]=\"value\"\n                [options]=\"col.options\"\n                (onChange)=\"filter($event.value)\"\n                placeholder=\"{{ col.placeholder || col.header }}\"\n                [showClear]=\"true\"\n              ></p-select>\n            </ng-template>\n          </p-columnFilter>\n        </ng-container>\n      </th>\n    </tr>\n\n  </ng-template>\n\n  <!-- body tabele -->\n  <ng-template pTemplate=\"body\" let-rowData>\n    <tr>\n      <td *ngFor=\"let col of columns\">\n        <ng-container *ngIf=\"col.selectable; else regularCell\">\n          <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n        </ng-container>\n        <ng-template #regularCell>\n          <ng-container *ngIf=\"!customBodyTemplate; else customBody\">\n            {{ rowData[col.field] }}\n          </ng-container>\n        </ng-template>\n      </td>\n    </tr>\n  </ng-template>\n\n\n\n  <!-- TODO: tale del z $implicit: rowData ne deluje, me\u010De errorje -->\n  <ng-template #customBody>\n<!--    <ng-container *ngTemplateOutlet=\"customBodyTemplate; context: { $implicit: rowData }\"></ng-container>-->\n  </ng-template>\n\n  <!-- empty message: \u010De ni podatkov -->\n  <ng-template pTemplate=\"emptymessage\">\n    <tr class=\"empty-message\">\n      <td [attr.colspan]=\"columns.length\">{{ emptyMessage }}</td>\n    </tr>\n  </ng-template>\n</p-table>\n", styles: ["@charset \"UTF-8\";::ng-deep .p-datatable-table .p-select-list{padding:0}::ng-deep .p-datatable-table th,::ng-deep .p-datatable-table td{padding:.5rem!important}::ng-deep .p-datatable-table thead>tr>th{color:#fff!important;background-color:#3e7c94!important;border-width:1px 0 0 0!important}::ng-deep .p-datatable-table .p-datatable-tbody tr:nth-child(odd){background-color:#f1f1f1}::ng-deep .p-datatable-table .p-datatable-tbody tr:nth-child(2n){background-color:#fff}::ng-deep .p-datatable-table tr.empty-message>td{text-align:center!important;padding:2rem!important}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$7.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", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1$7.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i1$7.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i1$7.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "showButtons", "ariaLabel", "filterButtonProps"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", 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", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GenericTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-generic-table', imports: [TableModule, PrimeTemplate, NgFor, NgIf, FormsModule, InputText, SelectModule], template: "<p-table\r\n  [value]=\"data\"\r\n  [globalFilterFields]=\"globalFilterFields\"\r\n  class=\"p-datatable-gridlines\"\r\n  [(selection)]=\"selectedRows\"\r\n>\r\n  <!-- header tabele -->\r\n  <ng-template pTemplate=\"header\">\r\n    <!-- header vrstica kjer so imena fieldov -->\r\n    <tr>\r\n      <th *ngFor=\"let col of columns\">\r\n        <ng-container *ngIf=\"col.selectable; else regularHeader\">\r\n          <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n        </ng-container>\r\n        <ng-template #regularHeader>\r\n          {{ col.header }}\r\n        </ng-template>\r\n      </th>\r\n    </tr>\r\n    <!-- filter vrstica kjer so vsi filtri -->\r\n    <tr *ngIf=\"filtersEnabled\">\r\n      <th *ngFor=\"let col of columns\">\r\n        <!-- text filter -->\r\n        <ng-container *ngIf=\"col.filterType === 'text'\">\r\n          <p-columnFilter\r\n            [field]=\"col.field\"\r\n            [type]=\"'text'\"\r\n            [showMenu]=\"false\"\r\n            [placeholder]=\"col.placeholder || col.header\"\r\n            [matchMode]=\"'contains'\"\r\n          >\r\n            <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n              <input\r\n                pInputText\r\n                type=\"text\"\r\n                [ngModel]=\"value\"\r\n                (ngModelChange)=\"filter($event)\"\r\n                (keydown)=\"clearOnEscape($event, filter)\"\r\n                [placeholder]=\"col.placeholder || col.header\"\r\n              />\r\n            </ng-template>\r\n          </p-columnFilter>\r\n        </ng-container>\r\n\r\n        <!-- dropdown filter -->\r\n        <ng-container *ngIf=\"col.filterType === 'dropdown'\">\r\n          <p-columnFilter [field]=\"col.field\" [showMenu]=\"false\">\r\n            <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n              <p-select\r\n                [ngModel]=\"value\"\r\n                [options]=\"col.options\"\r\n                (onChange)=\"filter($event.value)\"\r\n                placeholder=\"{{ col.placeholder || col.header }}\"\r\n                [showClear]=\"true\"\r\n              ></p-select>\r\n            </ng-template>\r\n          </p-columnFilter>\r\n        </ng-container>\r\n      </th>\r\n    </tr>\r\n\r\n  </ng-template>\r\n\r\n  <!-- body tabele -->\r\n  <ng-template pTemplate=\"body\" let-rowData>\r\n    <tr>\r\n      <td *ngFor=\"let col of columns\">\r\n        <ng-container *ngIf=\"col.selectable; else regularCell\">\r\n          <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\r\n        </ng-container>\r\n        <ng-template #regularCell>\r\n          <ng-container *ngIf=\"!customBodyTemplate; else customBody\">\r\n            {{ rowData[col.field] }}\r\n          </ng-container>\r\n        </ng-template>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- TODO: tale del z $implicit: rowData ne deluje, me\u010De errorje -->\r\n  <ng-template #customBody>\r\n<!--    <ng-container *ngTemplateOutlet=\"customBodyTemplate; context: { $implicit: rowData }\"></ng-container>-->\r\n  </ng-template>\r\n\r\n  <!-- empty message: \u010De ni podatkov -->\r\n  <ng-template pTemplate=\"emptymessage\">\r\n    <tr class=\"empty-message\">\r\n      <td [attr.colspan]=\"columns.length\">{{ emptyMessage }}</td>\r\n    </tr>\r\n  </ng-template>\r\n</p-table>\r\n", styles: ["@charset \"UTF-8\";::ng-deep .p-datatable-table .p-select-list{padding:0}::ng-deep .p-datatable-table th,::ng-deep .p-datatable-table td{padding:.5rem!important}::ng-deep .p-datatable-table thead>tr>th{color:#fff!important;background-color:#3e7c94!important;border-width:1px 0 0 0!important}::ng-deep .p-datatable-table .p-datatable-tbody tr:nth-child(odd){background-color:#f1f1f1}::ng-deep .p-datatable-table .p-datatable-tbody tr:nth-child(2n){background-color:#fff}::ng-deep .p-datatable-table tr.empty-message>td{text-align:center!important;padding:2rem!important}\n"] }]
+            args: [{ selector: 'app-generic-table', imports: [TableModule, PrimeTemplate, NgFor, NgIf, FormsModule, InputText, SelectModule], template: "<p-table\n  [value]=\"data\"\n  [globalFilterFields]=\"globalFilterFields\"\n  class=\"p-datatable-gridlines\"\n  [(selection)]=\"selectedRows\"\n>\n  <!-- header tabele -->\n  <ng-template pTemplate=\"header\">\n    <!-- header vrstica kjer so imena fieldov -->\n    <tr>\n      <th *ngFor=\"let col of columns\">\n        <ng-container *ngIf=\"col.selectable; else regularHeader\">\n          <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n        </ng-container>\n        <ng-template #regularHeader>\n          {{ col.header }}\n        </ng-template>\n      </th>\n    </tr>\n    <!-- filter vrstica kjer so vsi filtri -->\n    <tr *ngIf=\"filtersEnabled\">\n      <th *ngFor=\"let col of columns\">\n        <!-- text filter -->\n        <ng-container *ngIf=\"col.filterType === 'text'\">\n          <p-columnFilter\n            [field]=\"col.field\"\n            [type]=\"'text'\"\n            [showMenu]=\"false\"\n            [placeholder]=\"col.placeholder || col.header\"\n            [matchMode]=\"'contains'\"\n          >\n            <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\n              <input\n                pInputText\n                type=\"text\"\n                [ngModel]=\"value\"\n                (ngModelChange)=\"filter($event)\"\n                (keydown)=\"clearOnEscape($event, filter)\"\n                [placeholder]=\"col.placeholder || col.header\"\n              />\n            </ng-template>\n          </p-columnFilter>\n        </ng-container>\n\n        <!-- dropdown filter -->\n        <ng-container *ngIf=\"col.filterType === 'dropdown'\">\n          <p-columnFilter [field]=\"col.field\" [showMenu]=\"false\">\n            <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\n              <p-select\n                [ngModel]=\"value\"\n                [options]=\"col.options\"\n                (onChange)=\"filter($event.value)\"\n                placeholder=\"{{ col.placeholder || col.header }}\"\n                [showClear]=\"true\"\n              ></p-select>\n            </ng-template>\n          </p-columnFilter>\n        </ng-container>\n      </th>\n    </tr>\n\n  </ng-template>\n\n  <!-- body tabele -->\n  <ng-template pTemplate=\"body\" let-rowData>\n    <tr>\n      <td *ngFor=\"let col of columns\">\n        <ng-container *ngIf=\"col.selectable; else regularCell\">\n          <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n        </ng-container>\n        <ng-template #regularCell>\n          <ng-container *ngIf=\"!customBodyTemplate; else customBody\">\n            {{ rowData[col.field] }}\n          </ng-container>\n        </ng-template>\n      </td>\n    </tr>\n  </ng-template>\n\n\n\n  <!-- TODO: tale del z $implicit: rowData ne deluje, me\u010De errorje -->\n  <ng-template #customBody>\n<!--    <ng-container *ngTemplateOutlet=\"customBodyTemplate; context: { $implicit: rowData }\"></ng-container>-->\n  </ng-template>\n\n  <!-- empty message: \u010De ni podatkov -->\n  <ng-template pTemplate=\"emptymessage\">\n    <tr class=\"empty-message\">\n      <td [attr.colspan]=\"columns.length\">{{ emptyMessage }}</td>\n    </tr>\n  </ng-template>\n</p-table>\n", styles: ["@charset \"UTF-8\";::ng-deep .p-datatable-table .p-select-list{padding:0}::ng-deep .p-datatable-table th,::ng-deep .p-datatable-table td{padding:.5rem!important}::ng-deep .p-datatable-table thead>tr>th{color:#fff!important;background-color:#3e7c94!important;border-width:1px 0 0 0!important}::ng-deep .p-datatable-table .p-datatable-tbody tr:nth-child(odd){background-color:#f1f1f1}::ng-deep .p-datatable-table .p-datatable-tbody tr:nth-child(2n){background-color:#fff}::ng-deep .p-datatable-table tr.empty-message>td{text-align:center!important;padding:2rem!important}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.TranslateService }], propDecorators: { columns: [{
                 type: Input
             }], data: [{
@@ -2878,7 +2838,7 @@ class InputMaskComponent {
         this._isTooltipVisible = !!this.tooltipText;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InputMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InputMaskComponent, isStandalone: true, selector: "lib-input-mask", inputs: { name: "name", type: "type", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", group: "group", controlName: "controlName", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", groupError: "groupError", hasGap: "hasGap", mask: "mask" }, ngImport: i0, template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\r\n  <div class=\"flex\">\r\n    <label [for]='name' class=\"mr-2\">\r\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-inputMask\r\n    [inputId]=\"name\"\r\n    [formControlName]=\"controlName\"\r\n    [mask]=\"mask\"\r\n    [placeholder]='placeholder'\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    [ngClass]=\"{ 'ng-dirty ng-invalid':  (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  ></p-inputMask>\r\n</div>\r\n<lib-error\r\n  *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\r\n  [hasError]=\"group.get(controlName)!.errors\"\r\n  [isTouched]=\"group.get(controlName)!.touched\"\r\n  [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n  [hasGroupError]=\"groupError\"\r\n  [errorId]=\"name+'Error'\"\r\n></lib-error>\r\n", styles: [":host ::ng-deep .p-inputtext{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InputMaskComponent, isStandalone: true, selector: "lib-input-mask", inputs: { name: "name", type: "type", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", group: "group", controlName: "controlName", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", groupError: "groupError", hasGap: "hasGap", mask: "mask" }, ngImport: i0, template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\n  <div class=\"flex\">\n    <label [for]='name' class=\"mr-2\">\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n    </label>\n    <lib-tooltip\n      *ngIf=\"_isTooltipVisible\"\n      [position]=\"tooltipPosition\"\n      [text]=\"tooltipText!\"\n    ></lib-tooltip>\n  </div>\n  <p-inputMask\n    [inputId]=\"name\"\n    [formControlName]=\"controlName\"\n    [mask]=\"mask\"\n    [placeholder]='placeholder'\n    [attr.aria-label]=\"accessibilityText\"\n    [ngClass]=\"{ 'ng-dirty ng-invalid':  (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\n    [attr.aria-describedby]=\"name + 'Error'\"\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n    [attr.aria-required]=\"isRequired\"\n  ></p-inputMask>\n</div>\n<lib-error\n  *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n  [hasError]=\"group.get(controlName)!.errors\"\n  [isTouched]=\"group.get(controlName)!.touched\"\n  [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n  [hasGroupError]=\"groupError\"\n  [errorId]=\"name+'Error'\"\n></lib-error>\n", styles: [":host ::ng-deep .p-inputtext{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InputMaskComponent, decorators: [{
             type: Component,
@@ -2890,7 +2850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         TooltipComponent,
                         InputMask,
                         ErrorComponent,
-                    ], template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\r\n  <div class=\"flex\">\r\n    <label [for]='name' class=\"mr-2\">\r\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-inputMask\r\n    [inputId]=\"name\"\r\n    [formControlName]=\"controlName\"\r\n    [mask]=\"mask\"\r\n    [placeholder]='placeholder'\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    [ngClass]=\"{ 'ng-dirty ng-invalid':  (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  ></p-inputMask>\r\n</div>\r\n<lib-error\r\n  *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\r\n  [hasError]=\"group.get(controlName)!.errors\"\r\n  [isTouched]=\"group.get(controlName)!.touched\"\r\n  [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n  [hasGroupError]=\"groupError\"\r\n  [errorId]=\"name+'Error'\"\r\n></lib-error>\r\n", styles: [":host ::ng-deep .p-inputtext{width:100%}\n"] }]
+                    ], template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\n  <div class=\"flex\">\n    <label [for]='name' class=\"mr-2\">\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n    </label>\n    <lib-tooltip\n      *ngIf=\"_isTooltipVisible\"\n      [position]=\"tooltipPosition\"\n      [text]=\"tooltipText!\"\n    ></lib-tooltip>\n  </div>\n  <p-inputMask\n    [inputId]=\"name\"\n    [formControlName]=\"controlName\"\n    [mask]=\"mask\"\n    [placeholder]='placeholder'\n    [attr.aria-label]=\"accessibilityText\"\n    [ngClass]=\"{ 'ng-dirty ng-invalid':  (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\n    [attr.aria-describedby]=\"name + 'Error'\"\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n    [attr.aria-required]=\"isRequired\"\n  ></p-inputMask>\n</div>\n<lib-error\n  *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n  [hasError]=\"group.get(controlName)!.errors\"\n  [isTouched]=\"group.get(controlName)!.touched\"\n  [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n  [hasGroupError]=\"groupError\"\n  [errorId]=\"name+'Error'\"\n></lib-error>\n", styles: [":host ::ng-deep .p-inputtext{width:100%}\n"] }]
         }], propDecorators: { name: [{
                 type: Input
             }], type: [{
@@ -2923,11 +2883,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
 
 class LoaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: LoaderComponent, isStandalone: true, selector: "lib-loader", ngImport: i0, template: "<p-progressSpinner strokeWidth=\"5\" animationDuration=\"2.5s\"></p-progressSpinner>\r\n", styles: [":host ::ng-deep .p-progressspinner{width:35px;height:35px}:host ::ng-deep .p-progressspinner .p-progressspinner-spin .p-progressspinner-circle{stroke:#1b495a!important}\n"], dependencies: [{ kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: LoaderComponent, isStandalone: true, selector: "lib-loader", ngImport: i0, template: "<p-progressSpinner strokeWidth=\"5\" animationDuration=\"2.5s\"></p-progressSpinner>\n", styles: [":host ::ng-deep .p-progressspinner{width:35px;height:35px}:host ::ng-deep .p-progressspinner .p-progressspinner-spin .p-progressspinner-circle{stroke:#1b495a!important}\n"], dependencies: [{ kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LoaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-loader', imports: [ProgressSpinner], template: "<p-progressSpinner strokeWidth=\"5\" animationDuration=\"2.5s\"></p-progressSpinner>\r\n", styles: [":host ::ng-deep .p-progressspinner{width:35px;height:35px}:host ::ng-deep .p-progressspinner .p-progressspinner-spin .p-progressspinner-circle{stroke:#1b495a!important}\n"] }]
+            args: [{ selector: 'lib-loader', imports: [ProgressSpinner], template: "<p-progressSpinner strokeWidth=\"5\" animationDuration=\"2.5s\"></p-progressSpinner>\n", styles: [":host ::ng-deep .p-progressspinner{width:35px;height:35px}:host ::ng-deep .p-progressspinner .p-progressspinner-spin .p-progressspinner-circle{stroke:#1b495a!important}\n"] }]
         }] });
 
 class MainMenuComponent {
@@ -2958,7 +2918,7 @@ class MainMenuComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MainMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MainMenuComponent, isStandalone: true, selector: "lib-main-menu", inputs: { navLinkList: "navLinkList", buttonTitle: "buttonTitle", mainMenuTitle: "mainMenuTitle" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0, template: "<nav class=\"navigation flex align-items-center\">\r\n  <div class=\"nav-container\">\r\n    <p-button id=\"toggle-menu-button\" aria-label=\"Click to open\" [ngClass]=\"{'openNavStyle': openNavigation}\"\r\n              [label]=\"buttonTitle\"\r\n              icon=\"pi pi-chevron-{{openNavigation ? 'up' : 'down'}}\" iconPos=\"right\" styleClass=\"p-button-text\"\r\n              (click)=\"openMenu()\"></p-button>\r\n  </div>\r\n</nav>\r\n\r\n<div *ngIf=\"openNavigation\" class=\"menu-container flex justify-content-center\" aria-expanded=\"true\">\r\n  <div class=\"container grid p-0 m-0\">\r\n    <h5 class=\"text-lg font-normal col-12 mb-3\">{{ mainMenuTitle | uppercase}}</h5>\r\n    <div class=\"footer-links col-12 md:col-6 lg:col-4 xl:col-2\" *ngFor=\"let navColumn of navLinkList\">\r\n      <ul>\r\n        <li class=\"pb-1\" *ngFor=\"let link of navColumn.columnLinkList\">\r\n          <span class=\"arrow-link\"></span><a href=\"#\" class=\"link\">{{ link }}</a>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".navigation{position:relative;height:3.5rem;background:#d7d7d7;width:100%;border-bottom:1px solid #cccccc;display:flex;justify-content:center}.nav-container{max-width:1200px;width:100%}.menu-container{z-index:10000;position:absolute;height:max-content;background:#fff;width:100%;padding:20px;box-shadow:0 6px 5px #1b495a4d}:host ::ng-deep .p-button{border-radius:0!important;height:3.5rem}.openNavStyle{display:inline-block;background:#fff!important;height:100%!important;width:max-content}\n"], dependencies: [{ kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MainMenuComponent, isStandalone: true, selector: "lib-main-menu", inputs: { navLinkList: "navLinkList", buttonTitle: "buttonTitle", mainMenuTitle: "mainMenuTitle" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0, template: "<nav class=\"navigation flex align-items-center\">\n  <div class=\"nav-container\">\n    <p-button id=\"toggle-menu-button\" aria-label=\"Click to open\" [ngClass]=\"{'openNavStyle': openNavigation}\"\n              [label]=\"buttonTitle\"\n              icon=\"pi pi-chevron-{{openNavigation ? 'up' : 'down'}}\" iconPos=\"right\" styleClass=\"p-button-text\"\n              (click)=\"openMenu()\"></p-button>\n  </div>\n</nav>\n\n<div *ngIf=\"openNavigation\" class=\"menu-container flex justify-content-center\" aria-expanded=\"true\">\n  <div class=\"container grid p-0 m-0\">\n    <h5 class=\"text-lg font-normal col-12 mb-3\">{{ mainMenuTitle | uppercase}}</h5>\n    <div class=\"footer-links col-12 md:col-6 lg:col-4 xl:col-2\" *ngFor=\"let navColumn of navLinkList\">\n      <ul>\n        <li class=\"pb-1\" *ngFor=\"let link of navColumn.columnLinkList\">\n          <span class=\"arrow-link\"></span><a href=\"#\" class=\"link\">{{ link }}</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n", styles: [".navigation{position:relative;height:3.5rem;background:#d7d7d7;width:100%;border-bottom:1px solid #cccccc;display:flex;justify-content:center}.nav-container{max-width:1200px;width:100%}.menu-container{z-index:10000;position:absolute;height:max-content;background:#fff;width:100%;padding:20px;box-shadow:0 6px 5px #1b495a4d}:host ::ng-deep .p-button{border-radius:0!important;height:3.5rem}.openNavStyle{display:inline-block;background:#fff!important;height:100%!important;width:max-content}\n"], dependencies: [{ kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MainMenuComponent, decorators: [{
             type: Component,
@@ -2968,7 +2928,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         NgIf,
                         NgFor,
                         UpperCasePipe,
-                    ], template: "<nav class=\"navigation flex align-items-center\">\r\n  <div class=\"nav-container\">\r\n    <p-button id=\"toggle-menu-button\" aria-label=\"Click to open\" [ngClass]=\"{'openNavStyle': openNavigation}\"\r\n              [label]=\"buttonTitle\"\r\n              icon=\"pi pi-chevron-{{openNavigation ? 'up' : 'down'}}\" iconPos=\"right\" styleClass=\"p-button-text\"\r\n              (click)=\"openMenu()\"></p-button>\r\n  </div>\r\n</nav>\r\n\r\n<div *ngIf=\"openNavigation\" class=\"menu-container flex justify-content-center\" aria-expanded=\"true\">\r\n  <div class=\"container grid p-0 m-0\">\r\n    <h5 class=\"text-lg font-normal col-12 mb-3\">{{ mainMenuTitle | uppercase}}</h5>\r\n    <div class=\"footer-links col-12 md:col-6 lg:col-4 xl:col-2\" *ngFor=\"let navColumn of navLinkList\">\r\n      <ul>\r\n        <li class=\"pb-1\" *ngFor=\"let link of navColumn.columnLinkList\">\r\n          <span class=\"arrow-link\"></span><a href=\"#\" class=\"link\">{{ link }}</a>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".navigation{position:relative;height:3.5rem;background:#d7d7d7;width:100%;border-bottom:1px solid #cccccc;display:flex;justify-content:center}.nav-container{max-width:1200px;width:100%}.menu-container{z-index:10000;position:absolute;height:max-content;background:#fff;width:100%;padding:20px;box-shadow:0 6px 5px #1b495a4d}:host ::ng-deep .p-button{border-radius:0!important;height:3.5rem}.openNavStyle{display:inline-block;background:#fff!important;height:100%!important;width:max-content}\n"] }]
+                    ], template: "<nav class=\"navigation flex align-items-center\">\n  <div class=\"nav-container\">\n    <p-button id=\"toggle-menu-button\" aria-label=\"Click to open\" [ngClass]=\"{'openNavStyle': openNavigation}\"\n              [label]=\"buttonTitle\"\n              icon=\"pi pi-chevron-{{openNavigation ? 'up' : 'down'}}\" iconPos=\"right\" styleClass=\"p-button-text\"\n              (click)=\"openMenu()\"></p-button>\n  </div>\n</nav>\n\n<div *ngIf=\"openNavigation\" class=\"menu-container flex justify-content-center\" aria-expanded=\"true\">\n  <div class=\"container grid p-0 m-0\">\n    <h5 class=\"text-lg font-normal col-12 mb-3\">{{ mainMenuTitle | uppercase}}</h5>\n    <div class=\"footer-links col-12 md:col-6 lg:col-4 xl:col-2\" *ngFor=\"let navColumn of navLinkList\">\n      <ul>\n        <li class=\"pb-1\" *ngFor=\"let link of navColumn.columnLinkList\">\n          <span class=\"arrow-link\"></span><a href=\"#\" class=\"link\">{{ link }}</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n", styles: [".navigation{position:relative;height:3.5rem;background:#d7d7d7;width:100%;border-bottom:1px solid #cccccc;display:flex;justify-content:center}.nav-container{max-width:1200px;width:100%}.menu-container{z-index:10000;position:absolute;height:max-content;background:#fff;width:100%;padding:20px;box-shadow:0 6px 5px #1b495a4d}:host ::ng-deep .p-button{border-radius:0!important;height:3.5rem}.openNavStyle{display:inline-block;background:#fff!important;height:100%!important;width:max-content}\n"] }]
         }], propDecorators: { navLinkList: [{
                 type: Input
             }], buttonTitle: [{
@@ -2993,6 +2953,7 @@ class ModalComponent {
     modal = false;
     body = 'Body content';
     position = 'top';
+    mode = 'create';
     btnLabel = 'Sem prebral/-a';
     btnColor = ButtonColor.success;
     btnIcon = 'pi pi-check';
@@ -3043,7 +3004,7 @@ class ModalComponent {
         this.changeVisibility(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ModalComponent, isStandalone: true, selector: "lib-modal", inputs: { header: "header", headerColor: "headerColor", width: "width", height: "height", dynamicContentTemplate: "dynamicContentTemplate", resizable: "resizable", draggable: "draggable", visible: "visible", closable: "closable", modal: "modal", body: "body", position: "position", btnLabel: "btnLabel", btnColor: "btnColor", btnIcon: "btnIcon", hasIcon: "hasIcon", disabled: "disabled", hasLeftButton: "hasLeftButton", appendTo: "appendTo", leftBtnLabel: "leftBtnLabel", leftBtnColor: "leftBtnColor", leftBtnIcon: "leftBtnIcon", leftHasIcon: "leftHasIcon", leftDisabled: "leftDisabled", isFooterVisible: "isFooterVisible", dismissableMask: "dismissableMask" }, outputs: { buttonClickEvent: "buttonClickEvent", visibleChange: "visibleChange", leftButtonClickEvent: "leftButtonClickEvent", scrollEvent: "scrollEvent", modalClosed: "modalClosed" }, ngImport: i0, template: "<p-dialog [header]='header' [position]='position' [(visible)]='visible' [modal]='modal' [draggable]='draggable'\r\n          [resizable]='resizable' [style]=\"{width: width, height: height, zindex: 10000}\"\r\n          [dismissableMask]=\"dismissableMask\"\r\n          [appendTo]=\"appendTo\"\r\n          [ngClass]=\"headerClassMap[headerColor]\" [closable]=\"closable\"\r\n          [footerTemplate]=\"isFooterVisible ? footer  : undefined\"\r\n          (onHide)=\"handleHide()\" closeTabindex=\"0\">\r\n  <ng-template pTemplate=\"content\">\r\n    <ng-container [ngTemplateOutlet]=\"dynamicContentTemplate\"></ng-container>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<ng-template #footer>\r\n  <div class=\"w-full flex\"\r\n       [ngClass]=\"{'justify-content-end': !hasLeftButton, 'justify-content-between': hasLeftButton}\">\r\n    <lib-button\r\n      *ngIf=\"hasLeftButton\"\r\n      [disabled]=\"leftDisabled\"\r\n      (click)=\"leftButtonClick($event)\"\r\n      [label]=\"leftBtnLabel\"\r\n      [color]=\"leftBtnColor\"\r\n      [icon]=\"leftBtnIcon\"\r\n      [hasIcon]=\"leftHasIcon\"\r\n    ></lib-button>\r\n    <lib-button\r\n      [disabled]=\"disabled\"\r\n      (click)=\"buttonCloseModal($event)\"\r\n      [label]=\"btnLabel\"\r\n      [color]=\"btnColor\"\r\n      [icon]=\"btnIcon\"\r\n      [hasIcon]=\"hasIcon\"\r\n    ></lib-button>\r\n  </div>\r\n</ng-template>\r\n\r\n", styles: [":host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog{width:90vw!important;height:90vh!important}}:host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-content{padding:1rem}:host ::ng-deep .primary .p-dialog .p-dialog-content p{font-size:15px}}:host ::ng-deep .p-dialog .p-dialog-footer button{margin:0!important}\n"], dependencies: [{ kind: "component", type: 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", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ModalComponent, isStandalone: true, selector: "lib-modal", inputs: { header: "header", headerColor: "headerColor", width: "width", height: "height", dynamicContentTemplate: "dynamicContentTemplate", resizable: "resizable", draggable: "draggable", visible: "visible", closable: "closable", modal: "modal", body: "body", position: "position", mode: "mode", btnLabel: "btnLabel", btnColor: "btnColor", btnIcon: "btnIcon", hasIcon: "hasIcon", disabled: "disabled", hasLeftButton: "hasLeftButton", appendTo: "appendTo", leftBtnLabel: "leftBtnLabel", leftBtnColor: "leftBtnColor", leftBtnIcon: "leftBtnIcon", leftHasIcon: "leftHasIcon", leftDisabled: "leftDisabled", isFooterVisible: "isFooterVisible", dismissableMask: "dismissableMask" }, outputs: { buttonClickEvent: "buttonClickEvent", visibleChange: "visibleChange", leftButtonClickEvent: "leftButtonClickEvent", scrollEvent: "scrollEvent", modalClosed: "modalClosed" }, ngImport: i0, template: "<p-dialog [header]='header' [position]='position' [(visible)]='visible' [modal]='modal' [draggable]='draggable'\n          [resizable]='resizable' [style]=\"{width: width, height: height, zindex: 10000}\"\n          [dismissableMask]=\"dismissableMask\"\n          [appendTo]=\"appendTo\"\n          [ngClass]=\"headerClassMap[headerColor]\" [closable]=\"closable\"\n          [footerTemplate]=\"isFooterVisible ? footer  : undefined\"\n          (onHide)=\"handleHide()\" closeTabindex=\"0\">\n  <ng-template pTemplate=\"content\">\n    <ng-container [ngTemplateOutlet]=\"dynamicContentTemplate\"></ng-container>\n  </ng-template>\n</p-dialog>\n\n<ng-template #footer>\n  <div class=\"w-full flex\"\n       [ngClass]=\"{'justify-content-end': !hasLeftButton, 'justify-content-between': hasLeftButton}\">\n    <lib-button\n      *ngIf=\"hasLeftButton\"\n      [disabled]=\"leftDisabled\"\n      (click)=\"leftButtonClick($event)\"\n      [label]=\"leftBtnLabel\"\n      [color]=\"leftBtnColor\"\n      [icon]=\"leftBtnIcon\"\n      [hasIcon]=\"leftHasIcon\"\n    ></lib-button>\n    <lib-button\n      [disabled]=\"disabled\"\n      (click)=\"buttonCloseModal($event)\"\n      [label]=\"btnLabel\"\n      [color]=\"btnColor\"\n      [icon]=\"btnIcon\"\n      [hasIcon]=\"hasIcon\"\n    ></lib-button>\n  </div>\n</ng-template>\n\n", styles: [":host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog{width:90vw!important;height:90vh!important}}:host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-content{padding:1rem}:host ::ng-deep .primary .p-dialog .p-dialog-content p{font-size:15px}}:host ::ng-deep .p-dialog .p-dialog-footer button{margin:0!important}\n"], dependencies: [{ kind: "component", type: 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", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
@@ -3054,7 +3015,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         NgTemplateOutlet,
                         NgIf,
                         ButtonComponent,
-                    ], template: "<p-dialog [header]='header' [position]='position' [(visible)]='visible' [modal]='modal' [draggable]='draggable'\r\n          [resizable]='resizable' [style]=\"{width: width, height: height, zindex: 10000}\"\r\n          [dismissableMask]=\"dismissableMask\"\r\n          [appendTo]=\"appendTo\"\r\n          [ngClass]=\"headerClassMap[headerColor]\" [closable]=\"closable\"\r\n          [footerTemplate]=\"isFooterVisible ? footer  : undefined\"\r\n          (onHide)=\"handleHide()\" closeTabindex=\"0\">\r\n  <ng-template pTemplate=\"content\">\r\n    <ng-container [ngTemplateOutlet]=\"dynamicContentTemplate\"></ng-container>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<ng-template #footer>\r\n  <div class=\"w-full flex\"\r\n       [ngClass]=\"{'justify-content-end': !hasLeftButton, 'justify-content-between': hasLeftButton}\">\r\n    <lib-button\r\n      *ngIf=\"hasLeftButton\"\r\n      [disabled]=\"leftDisabled\"\r\n      (click)=\"leftButtonClick($event)\"\r\n      [label]=\"leftBtnLabel\"\r\n      [color]=\"leftBtnColor\"\r\n      [icon]=\"leftBtnIcon\"\r\n      [hasIcon]=\"leftHasIcon\"\r\n    ></lib-button>\r\n    <lib-button\r\n      [disabled]=\"disabled\"\r\n      (click)=\"buttonCloseModal($event)\"\r\n      [label]=\"btnLabel\"\r\n      [color]=\"btnColor\"\r\n      [icon]=\"btnIcon\"\r\n      [hasIcon]=\"hasIcon\"\r\n    ></lib-button>\r\n  </div>\r\n</ng-template>\r\n\r\n", styles: [":host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog{width:90vw!important;height:90vh!important}}:host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-content{padding:1rem}:host ::ng-deep .primary .p-dialog .p-dialog-content p{font-size:15px}}:host ::ng-deep .p-dialog .p-dialog-footer button{margin:0!important}\n"] }]
+                    ], template: "<p-dialog [header]='header' [position]='position' [(visible)]='visible' [modal]='modal' [draggable]='draggable'\n          [resizable]='resizable' [style]=\"{width: width, height: height, zindex: 10000}\"\n          [dismissableMask]=\"dismissableMask\"\n          [appendTo]=\"appendTo\"\n          [ngClass]=\"headerClassMap[headerColor]\" [closable]=\"closable\"\n          [footerTemplate]=\"isFooterVisible ? footer  : undefined\"\n          (onHide)=\"handleHide()\" closeTabindex=\"0\">\n  <ng-template pTemplate=\"content\">\n    <ng-container [ngTemplateOutlet]=\"dynamicContentTemplate\"></ng-container>\n  </ng-template>\n</p-dialog>\n\n<ng-template #footer>\n  <div class=\"w-full flex\"\n       [ngClass]=\"{'justify-content-end': !hasLeftButton, 'justify-content-between': hasLeftButton}\">\n    <lib-button\n      *ngIf=\"hasLeftButton\"\n      [disabled]=\"leftDisabled\"\n      (click)=\"leftButtonClick($event)\"\n      [label]=\"leftBtnLabel\"\n      [color]=\"leftBtnColor\"\n      [icon]=\"leftBtnIcon\"\n      [hasIcon]=\"leftHasIcon\"\n    ></lib-button>\n    <lib-button\n      [disabled]=\"disabled\"\n      (click)=\"buttonCloseModal($event)\"\n      [label]=\"btnLabel\"\n      [color]=\"btnColor\"\n      [icon]=\"btnIcon\"\n      [hasIcon]=\"hasIcon\"\n    ></lib-button>\n  </div>\n</ng-template>\n\n", styles: [":host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog{width:90vw!important;height:90vh!important}}:host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-content{padding:1rem}:host ::ng-deep .primary .p-dialog .p-dialog-content p{font-size:15px}}:host ::ng-deep .p-dialog .p-dialog-footer button{margin:0!important}\n"] }]
         }], propDecorators: { header: [{
                 type: Input
             }], headerColor: [{
@@ -3079,6 +3040,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Input
             }], position: [{
                 type: Input
+            }], mode: [{
+                type: Input
             }], btnLabel: [{
                 type: Input
             }], btnColor: [{
@@ -3191,7 +3154,7 @@ class NavbarComponent {
         window.location.href = `${currentUrl.origin}${urlParts.join('/')}${currentUrl.search}${currentUrl.hash}`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NavbarComponent, deps: [{ token: LocalStorageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NavbarComponent, isStandalone: true, selector: "lib-navbar", inputs: { imageWidth: "imageWidth", imageHeight: "imageHeight", logoAltText: "logoAltText", multiLanguageEnabled: "multiLanguageEnabled", notificationList: "notificationList" }, outputs: { isLogoClick: "isLogoClick", isAccessibilityClicked: "isAccessibilityClicked" }, ngImport: i0, template: "<nav class=\"menu\">\r\n  <div\r\n    class=\"container flex sm:align-items-start sm:justify-content-start md:align-items-center md:justify-content-between flex-column md:flex-row\">\r\n    <a href=\"#\" (click)=\"clickLogo($event)\" class=\"navbar-logo\">\r\n      <svg id=\"a\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" width=\"189.01\" height=\"50\" viewBox=\"0 0 189.01 50\">\r\n        <title>Navigacija na doma\u010Do stran, portala eSamonaro\u010Danje republike Slovenije.</title>\r\n        <defs>\r\n          <style>.b {\r\n            fill: #fff;\r\n          }</style>\r\n        </defs>\r\n        <path class=\"b\"\r\n              d=\"M38.39,27.03c-.67,10.72-7.89,19.84-18.48,22.9C9.7,47.04,2.1,38.1,1.4,27.03L0,4.8C6.49,1.65,12.53,0,19.91,0,26.59,0,33.2,1.46,39.79,4.8m-2.83,.32l-1.37,21.72c-.57,9.06-6.46,17.11-15.68,20.16-8.68-2.8-15.07-10.59-15.68-20.16L2.83,5.12c-.35,.16-.89,.38-1.27,.57l1.34,21.25c.64,9.99,7.47,18.64,17.01,21.44,9.35-2.8,16.38-11.26,17.02-21.44l1.34-21.25c-.41-.19-.83-.38-1.3-.57M15.84,25.48l-2.83-3.78-6.71,9c.47,2.32,1.62,3.43,4.45,3.43,1.94,0,2.26-1.21,4.55-1.21s2.54,1.21,4.61,1.21,2.2-1.21,4.58-1.21,2.61,1.21,4.58,1.21c2.8,0,4.1-1.34,4.45-3.46l-6.74-8.97-2.83,3.78-4.04-8.08-4.07,8.08Zm13.23,11.8c.64,0,1.21-.13,1.72-.35,.38-.61,.64-1.08,.96-1.72-.8,.41-1.66,.73-2.67,.73-2.23,0-2.35-1.21-4.58-1.21s-2.42,1.21-4.61,1.21-2.29-1.21-4.58-1.21c-2.16,0-2.42,1.21-4.58,1.21-1.21,0-1.97-.45-2.7-.8,.32,.64,.67,1.21,1.05,1.81,.54,.19,1.12,.29,1.69,.29,2.35,0,2.32-1.21,4.55-1.21s2.42,1.24,4.58,1.24,2.48-1.24,4.61-1.24,2.39,1.24,4.58,1.24m-4.58,.57c-2.1,0-2.16,1.24-4.58,1.24-2.26,0-2.67-1.24-4.61-1.24-2.04,0-2.07,1.17-4.68,1.21,2.42,2.83,5.57,5.09,9.29,6.39,3.56-1.24,6.71-3.37,9.26-6.39-2.55,0-2.61-1.21-4.68-1.21M14.37,4.64l-1.72-.16,1.02,1.37-1.05,1.4,1.75-.19,.7,1.59,.7-1.59,1.75,.19-1.05-1.4,1.02-1.4-1.72,.19-.7-1.59-.7,1.59Zm4.83,6.42l-1.72-.16,1.02,1.37-1.05,1.4,1.75-.19,.7,1.59,.7-1.59,1.75,.19-1.05-1.4,1.02-1.4-1.72,.19-.7-1.59-.7,1.59Zm4.8-6.42l-1.72-.16,1.02,1.37-1.05,1.4,1.75-.19,.7,1.59,.7-1.59,1.75,.19-1.05-1.4,1.02-1.4-1.72,.19-.7-1.59-.7,1.59Z\"/>\r\n        <g>\r\n          <path class=\"b\"\r\n                d=\"M81.43,19.46h-1.61V4.27h4.86c.86,0,1.61,.07,2.25,.21,.64,.14,1.16,.38,1.58,.7,.42,.33,.72,.76,.92,1.29s.3,1.2,.3,1.97c0,1.29-.26,2.27-.78,2.94-.52,.67-1.34,1.11-2.44,1.3l3.54,6.77h-1.85l-3.39-6.6h-3.37v6.6Zm0-7.96h3.12c.58,0,1.09-.04,1.53-.11,.44-.07,.81-.21,1.1-.42s.52-.51,.68-.91c.16-.39,.23-.9,.23-1.52s-.07-1.1-.22-1.48c-.15-.38-.37-.67-.66-.88s-.66-.36-1.1-.44c-.45-.08-.97-.12-1.56-.12h-3.12v5.88Z\"/>\r\n          <path class=\"b\" d=\"M93.05,19.46V4.27h9.1v1.36h-7.49v5.49h6.49v1.36h-6.49v5.62h7.49v1.36h-9.1Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M106.99,19.46h-1.61V4.27h4.75c.86,0,1.61,.07,2.25,.22,.64,.15,1.16,.39,1.58,.73s.72,.79,.92,1.34c.2,.55,.3,1.24,.3,2.06,0,1.65-.41,2.83-1.22,3.53-.81,.7-2.09,1.05-3.83,1.05h-3.14v6.26Zm0-7.62h3.01c.58,0,1.09-.04,1.53-.12s.81-.23,1.1-.45c.3-.22,.52-.53,.68-.94,.16-.41,.23-.94,.23-1.61s-.08-1.16-.22-1.55-.37-.71-.66-.94c-.29-.23-.66-.38-1.1-.46-.45-.08-.96-.12-1.56-.12h-3.01v6.17Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M127.88,14.17c0,.98-.12,1.81-.36,2.51-.24,.7-.59,1.27-1.06,1.72s-1.03,.77-1.7,.99c-.67,.21-1.42,.32-2.27,.32-1.64,0-2.91-.42-3.81-1.26-.9-.84-1.35-2.19-1.35-4.04V4.27h1.61V14.24c0,1.46,.3,2.5,.9,3.13,.6,.63,1.52,.94,2.75,.94s2.13-.32,2.75-.95,.92-1.68,.92-3.12V4.27h1.61V14.17Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M141.65,15.31c0,1.43-.4,2.48-1.2,3.14s-2.1,1-3.89,1h-4.84V4.27h4.84c1.71,0,2.94,.33,3.69,.99,.75,.66,1.12,1.64,1.12,2.95,0,1.74-.62,2.87-1.87,3.39v.08c.73,.28,1.28,.7,1.62,1.26s.52,1.35,.52,2.37Zm-1.91-6.97c0-1.05-.26-1.76-.79-2.14s-1.27-.57-2.22-.57h-3.39v5.41h3.39c.93,0,1.67-.19,2.21-.58,.54-.39,.81-1.09,.81-2.11Zm.28,6.88c0-.98-.25-1.7-.76-2.15s-1.29-.68-2.33-.68h-3.58v5.71h3.58c1.05,0,1.83-.23,2.33-.69,.51-.46,.76-1.19,.76-2.18Z\"/>\r\n          <path class=\"b\" d=\"M144.92,19.46V4.27h1.61v13.83h7.09v1.36h-8.7Z\"/>\r\n          <path class=\"b\" d=\"M156.24,19.46V4.27h1.61v15.19h-1.61Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M162.06,4.27h1.61v6.7h1.42l4.94-6.7h1.87l-5.49,7.34,5.62,7.85h-1.95l-5.09-7.11h-1.32v7.11h-1.61V4.27Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M181.91,15.74h-6.45l-1.17,3.71h-1.65l4.98-15.19h2.16l5.01,15.19h-1.7l-1.19-3.71Zm-6.02-1.36h5.6l-2.76-8.68h-.08l-2.76,8.68Z\"/>\r\n        </g>\r\n        <g>\r\n          <path class=\"b\"\r\n                d=\"M88.07,40.9c0,.76-.09,1.42-.26,1.96-.18,.54-.47,.99-.87,1.32-.4,.34-.92,.59-1.56,.74-.64,.15-1.41,.23-2.31,.23-.81,0-1.54-.06-2.21-.17-.67-.11-1.32-.29-1.95-.53l.34-1.38c.59,.21,1.23,.38,1.92,.5,.69,.12,1.38,.18,2.09,.18,.55,0,1.03-.04,1.42-.12,.4-.08,.72-.22,.99-.43,.26-.21,.46-.48,.58-.84s.19-.8,.19-1.34c0-.44-.05-.82-.14-1.13s-.26-.59-.51-.83c-.25-.23-.58-.44-1-.63s-.94-.37-1.58-.55c-.71-.2-1.33-.41-1.86-.65-.53-.23-.97-.52-1.32-.86s-.6-.74-.77-1.2c-.17-.46-.25-1.01-.25-1.64,0-1.36,.38-2.38,1.15-3.06,.76-.69,1.95-1.03,3.56-1.03,.67,0,1.33,.06,1.98,.18,.66,.12,1.28,.29,1.86,.52l-.28,1.36c-.58-.2-1.15-.35-1.7-.47-.55-.11-1.15-.17-1.8-.17-1.13,0-1.93,.2-2.41,.59-.47,.4-.71,1.05-.71,1.97,0,.47,.06,.86,.18,1.17,.12,.31,.3,.57,.54,.79,.24,.21,.54,.4,.91,.55,.37,.16,.8,.3,1.29,.45,.89,.28,1.63,.56,2.21,.82,.58,.26,1.04,.56,1.37,.89s.57,.72,.7,1.17c.13,.45,.2,.99,.2,1.62Z\"/>\r\n          <path class=\"b\" d=\"M91.06,44.91v-15.19h1.61v13.83h7.08v1.36h-8.7Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M106.67,45.16c-.99,0-1.85-.13-2.59-.39-.74-.26-1.34-.7-1.83-1.3-.48-.61-.84-1.41-1.08-2.41-.24-1-.36-2.23-.36-3.7s.12-2.71,.36-3.72c.24-1.01,.6-1.82,1.08-2.44,.48-.62,1.09-1.06,1.83-1.33,.73-.27,1.6-.4,2.59-.4s1.83,.13,2.56,.4c.73,.27,1.33,.71,1.81,1.32,.48,.61,.84,1.41,1.08,2.42s.36,2.23,.36,3.69-.12,2.73-.35,3.73-.59,1.81-1.06,2.43-1.08,1.05-1.81,1.31-1.6,.39-2.59,.39Zm-.02-1.42c.79,0,1.45-.12,1.98-.35,.53-.23,.95-.61,1.27-1.12,.32-.52,.54-1.19,.68-2.01,.13-.82,.2-1.82,.2-2.99s-.07-2.19-.2-3c-.13-.81-.36-1.47-.68-1.97s-.74-.86-1.27-1.08-1.19-.33-1.98-.33-1.45,.11-1.98,.33-.96,.58-1.27,1.08c-.32,.5-.54,1.16-.68,1.97-.13,.81-.2,1.81-.2,3s.07,2.17,.2,2.99c.13,.82,.36,1.49,.68,2.01,.32,.52,.74,.89,1.27,1.12,.53,.23,1.19,.35,1.98,.35Z\"/>\r\n          <path class=\"b\" d=\"M113.97,29.72h1.66l4.07,13.62h.08l4.03-13.62h1.57l-4.56,15.19h-2.27l-4.58-15.19Z\"/>\r\n          <path class=\"b\" d=\"M127.69,44.91v-15.19h9.1v1.36h-7.49v5.49h6.49v1.36h-6.49v5.62h7.49v1.36h-9.1Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M141.59,31.44h-.08v13.47h-1.49v-15.19h2.38l6.81,13.45h.08v-13.45h1.49v15.19h-2.36l-6.83-13.47Z\"/>\r\n          <path class=\"b\" d=\"M154.97,44.91v-15.19h1.61v15.19h-1.61Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M162.84,29.72v13.98c0,.72-.06,1.36-.18,1.91-.12,.55-.33,1.03-.62,1.44s-.68,.76-1.16,1.06-1.08,.55-1.8,.76l-.42-1.36c.48-.14,.88-.32,1.21-.52,.33-.21,.59-.46,.8-.75s.35-.64,.43-1.04c.08-.4,.13-.86,.13-1.38v-14.11h1.61Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M174.08,41.2h-6.45l-1.17,3.71h-1.65l4.98-15.19h2.16l5.01,15.19h-1.7l-1.19-3.71Zm-6.02-1.36h5.6l-2.76-8.68h-.08l-2.76,8.68Z\"/>\r\n        </g>\r\n      </svg>\r\n    </a>\r\n    <div class=\"nav-list\">\r\n      <ul class=\"flex\">\r\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'sl' ?'font-bold' : ''\">\r\n          <a href=\"#\" aria-label=\"Slovenian language\" (click)=\"changeLanguage($event, 'sl')\">SI</a>\r\n        </li>\r\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'it' ?'font-bold' : ''\">\r\n          <a href=\"#\" aria-label=\"Italian language\" (click)=\"changeLanguage($event, 'it')\">IT</a>\r\n        </li>\r\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'hu' ?'font-bold' : ''\">\r\n          <a href=\"#\" aria-label=\"Hungarian language\" (click)=\"changeLanguage($event, 'hu')\">HU</a>\r\n        </li>\r\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'en' ?'font-bold' : ''\">\r\n          <a href=\"#\" aria-label=\"English language\" (click)=\"changeLanguage($event, 'en')\">EN</a>\r\n        </li>\r\n        <li class=\"mx-2\">\r\n          <a href=\"#\" (click)=\"accessibilityClick($event)\">\r\n            {{ 'components.navbar.accessibility' | translate }}\r\n          </a>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</nav>\r\n\r\n<!-- prikaz nujnih obvestil: \u010De jih je ve\u010D se menjajo na N sekund -->\r\n<div class=\"urgent-notifications\" *ngIf=\"notificationList.length > 0\">\r\n  <div class=\"banner\" [ngClass]=\"animationClass\">\r\n    <p>{{ currentNotification }}</p>\r\n  </div>\r\n</div>\r\n", styles: [".menu{background:#1b495a}.menu .container{padding:.5rem 1rem}.menu .container .nav-list a{font-size:1.2rem;text-decoration:none;color:#fff}.menu .container .nav-list a:hover{text-decoration:underline}.menu .container .nav-list a:active{color:#000;background:#ffa142}.urgent-notifications{background-color:#d9534f;position:relative;min-height:40px;overflow:hidden}.urgent-notifications .banner{max-width:1190px;margin:0 auto;position:relative;color:#fff;padding:.5rem 1rem;font-weight:700;font-size:18px;white-space:nowrap;transition:opacity 1s ease-in-out}.urgent-notifications .banner p{text-wrap:wrap}.urgent-notifications .fade-in{opacity:1}.urgent-notifications .fade-out{opacity:0}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NavbarComponent, isStandalone: true, selector: "lib-navbar", inputs: { imageWidth: "imageWidth", imageHeight: "imageHeight", logoAltText: "logoAltText", multiLanguageEnabled: "multiLanguageEnabled", notificationList: "notificationList" }, outputs: { isLogoClick: "isLogoClick", isAccessibilityClicked: "isAccessibilityClicked" }, ngImport: i0, template: "<nav class=\"menu\">\n  <div\n    class=\"container flex sm:align-items-start sm:justify-content-start md:align-items-center md:justify-content-between flex-column md:flex-row\">\n    <a href=\"#\" (click)=\"clickLogo($event)\" class=\"navbar-logo\">\n      <svg id=\"a\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" width=\"189.01\" height=\"50\" viewBox=\"0 0 189.01 50\">\n        <title>Navigacija na doma\u010Do stran, portala eSamonaro\u010Danje republike Slovenije.</title>\n        <defs>\n          <style>.b {\n            fill: #fff;\n          }</style>\n        </defs>\n        <path class=\"b\"\n              d=\"M38.39,27.03c-.67,10.72-7.89,19.84-18.48,22.9C9.7,47.04,2.1,38.1,1.4,27.03L0,4.8C6.49,1.65,12.53,0,19.91,0,26.59,0,33.2,1.46,39.79,4.8m-2.83,.32l-1.37,21.72c-.57,9.06-6.46,17.11-15.68,20.16-8.68-2.8-15.07-10.59-15.68-20.16L2.83,5.12c-.35,.16-.89,.38-1.27,.57l1.34,21.25c.64,9.99,7.47,18.64,17.01,21.44,9.35-2.8,16.38-11.26,17.02-21.44l1.34-21.25c-.41-.19-.83-.38-1.3-.57M15.84,25.48l-2.83-3.78-6.71,9c.47,2.32,1.62,3.43,4.45,3.43,1.94,0,2.26-1.21,4.55-1.21s2.54,1.21,4.61,1.21,2.2-1.21,4.58-1.21,2.61,1.21,4.58,1.21c2.8,0,4.1-1.34,4.45-3.46l-6.74-8.97-2.83,3.78-4.04-8.08-4.07,8.08Zm13.23,11.8c.64,0,1.21-.13,1.72-.35,.38-.61,.64-1.08,.96-1.72-.8,.41-1.66,.73-2.67,.73-2.23,0-2.35-1.21-4.58-1.21s-2.42,1.21-4.61,1.21-2.29-1.21-4.58-1.21c-2.16,0-2.42,1.21-4.58,1.21-1.21,0-1.97-.45-2.7-.8,.32,.64,.67,1.21,1.05,1.81,.54,.19,1.12,.29,1.69,.29,2.35,0,2.32-1.21,4.55-1.21s2.42,1.24,4.58,1.24,2.48-1.24,4.61-1.24,2.39,1.24,4.58,1.24m-4.58,.57c-2.1,0-2.16,1.24-4.58,1.24-2.26,0-2.67-1.24-4.61-1.24-2.04,0-2.07,1.17-4.68,1.21,2.42,2.83,5.57,5.09,9.29,6.39,3.56-1.24,6.71-3.37,9.26-6.39-2.55,0-2.61-1.21-4.68-1.21M14.37,4.64l-1.72-.16,1.02,1.37-1.05,1.4,1.75-.19,.7,1.59,.7-1.59,1.75,.19-1.05-1.4,1.02-1.4-1.72,.19-.7-1.59-.7,1.59Zm4.83,6.42l-1.72-.16,1.02,1.37-1.05,1.4,1.75-.19,.7,1.59,.7-1.59,1.75,.19-1.05-1.4,1.02-1.4-1.72,.19-.7-1.59-.7,1.59Zm4.8-6.42l-1.72-.16,1.02,1.37-1.05,1.4,1.75-.19,.7,1.59,.7-1.59,1.75,.19-1.05-1.4,1.02-1.4-1.72,.19-.7-1.59-.7,1.59Z\"/>\n        <g>\n          <path class=\"b\"\n                d=\"M81.43,19.46h-1.61V4.27h4.86c.86,0,1.61,.07,2.25,.21,.64,.14,1.16,.38,1.58,.7,.42,.33,.72,.76,.92,1.29s.3,1.2,.3,1.97c0,1.29-.26,2.27-.78,2.94-.52,.67-1.34,1.11-2.44,1.3l3.54,6.77h-1.85l-3.39-6.6h-3.37v6.6Zm0-7.96h3.12c.58,0,1.09-.04,1.53-.11,.44-.07,.81-.21,1.1-.42s.52-.51,.68-.91c.16-.39,.23-.9,.23-1.52s-.07-1.1-.22-1.48c-.15-.38-.37-.67-.66-.88s-.66-.36-1.1-.44c-.45-.08-.97-.12-1.56-.12h-3.12v5.88Z\"/>\n          <path class=\"b\" d=\"M93.05,19.46V4.27h9.1v1.36h-7.49v5.49h6.49v1.36h-6.49v5.62h7.49v1.36h-9.1Z\"/>\n          <path class=\"b\"\n                d=\"M106.99,19.46h-1.61V4.27h4.75c.86,0,1.61,.07,2.25,.22,.64,.15,1.16,.39,1.58,.73s.72,.79,.92,1.34c.2,.55,.3,1.24,.3,2.06,0,1.65-.41,2.83-1.22,3.53-.81,.7-2.09,1.05-3.83,1.05h-3.14v6.26Zm0-7.62h3.01c.58,0,1.09-.04,1.53-.12s.81-.23,1.1-.45c.3-.22,.52-.53,.68-.94,.16-.41,.23-.94,.23-1.61s-.08-1.16-.22-1.55-.37-.71-.66-.94c-.29-.23-.66-.38-1.1-.46-.45-.08-.96-.12-1.56-.12h-3.01v6.17Z\"/>\n          <path class=\"b\"\n                d=\"M127.88,14.17c0,.98-.12,1.81-.36,2.51-.24,.7-.59,1.27-1.06,1.72s-1.03,.77-1.7,.99c-.67,.21-1.42,.32-2.27,.32-1.64,0-2.91-.42-3.81-1.26-.9-.84-1.35-2.19-1.35-4.04V4.27h1.61V14.24c0,1.46,.3,2.5,.9,3.13,.6,.63,1.52,.94,2.75,.94s2.13-.32,2.75-.95,.92-1.68,.92-3.12V4.27h1.61V14.17Z\"/>\n          <path class=\"b\"\n                d=\"M141.65,15.31c0,1.43-.4,2.48-1.2,3.14s-2.1,1-3.89,1h-4.84V4.27h4.84c1.71,0,2.94,.33,3.69,.99,.75,.66,1.12,1.64,1.12,2.95,0,1.74-.62,2.87-1.87,3.39v.08c.73,.28,1.28,.7,1.62,1.26s.52,1.35,.52,2.37Zm-1.91-6.97c0-1.05-.26-1.76-.79-2.14s-1.27-.57-2.22-.57h-3.39v5.41h3.39c.93,0,1.67-.19,2.21-.58,.54-.39,.81-1.09,.81-2.11Zm.28,6.88c0-.98-.25-1.7-.76-2.15s-1.29-.68-2.33-.68h-3.58v5.71h3.58c1.05,0,1.83-.23,2.33-.69,.51-.46,.76-1.19,.76-2.18Z\"/>\n          <path class=\"b\" d=\"M144.92,19.46V4.27h1.61v13.83h7.09v1.36h-8.7Z\"/>\n          <path class=\"b\" d=\"M156.24,19.46V4.27h1.61v15.19h-1.61Z\"/>\n          <path class=\"b\"\n                d=\"M162.06,4.27h1.61v6.7h1.42l4.94-6.7h1.87l-5.49,7.34,5.62,7.85h-1.95l-5.09-7.11h-1.32v7.11h-1.61V4.27Z\"/>\n          <path class=\"b\"\n                d=\"M181.91,15.74h-6.45l-1.17,3.71h-1.65l4.98-15.19h2.16l5.01,15.19h-1.7l-1.19-3.71Zm-6.02-1.36h5.6l-2.76-8.68h-.08l-2.76,8.68Z\"/>\n        </g>\n        <g>\n          <path class=\"b\"\n                d=\"M88.07,40.9c0,.76-.09,1.42-.26,1.96-.18,.54-.47,.99-.87,1.32-.4,.34-.92,.59-1.56,.74-.64,.15-1.41,.23-2.31,.23-.81,0-1.54-.06-2.21-.17-.67-.11-1.32-.29-1.95-.53l.34-1.38c.59,.21,1.23,.38,1.92,.5,.69,.12,1.38,.18,2.09,.18,.55,0,1.03-.04,1.42-.12,.4-.08,.72-.22,.99-.43,.26-.21,.46-.48,.58-.84s.19-.8,.19-1.34c0-.44-.05-.82-.14-1.13s-.26-.59-.51-.83c-.25-.23-.58-.44-1-.63s-.94-.37-1.58-.55c-.71-.2-1.33-.41-1.86-.65-.53-.23-.97-.52-1.32-.86s-.6-.74-.77-1.2c-.17-.46-.25-1.01-.25-1.64,0-1.36,.38-2.38,1.15-3.06,.76-.69,1.95-1.03,3.56-1.03,.67,0,1.33,.06,1.98,.18,.66,.12,1.28,.29,1.86,.52l-.28,1.36c-.58-.2-1.15-.35-1.7-.47-.55-.11-1.15-.17-1.8-.17-1.13,0-1.93,.2-2.41,.59-.47,.4-.71,1.05-.71,1.97,0,.47,.06,.86,.18,1.17,.12,.31,.3,.57,.54,.79,.24,.21,.54,.4,.91,.55,.37,.16,.8,.3,1.29,.45,.89,.28,1.63,.56,2.21,.82,.58,.26,1.04,.56,1.37,.89s.57,.72,.7,1.17c.13,.45,.2,.99,.2,1.62Z\"/>\n          <path class=\"b\" d=\"M91.06,44.91v-15.19h1.61v13.83h7.08v1.36h-8.7Z\"/>\n          <path class=\"b\"\n                d=\"M106.67,45.16c-.99,0-1.85-.13-2.59-.39-.74-.26-1.34-.7-1.83-1.3-.48-.61-.84-1.41-1.08-2.41-.24-1-.36-2.23-.36-3.7s.12-2.71,.36-3.72c.24-1.01,.6-1.82,1.08-2.44,.48-.62,1.09-1.06,1.83-1.33,.73-.27,1.6-.4,2.59-.4s1.83,.13,2.56,.4c.73,.27,1.33,.71,1.81,1.32,.48,.61,.84,1.41,1.08,2.42s.36,2.23,.36,3.69-.12,2.73-.35,3.73-.59,1.81-1.06,2.43-1.08,1.05-1.81,1.31-1.6,.39-2.59,.39Zm-.02-1.42c.79,0,1.45-.12,1.98-.35,.53-.23,.95-.61,1.27-1.12,.32-.52,.54-1.19,.68-2.01,.13-.82,.2-1.82,.2-2.99s-.07-2.19-.2-3c-.13-.81-.36-1.47-.68-1.97s-.74-.86-1.27-1.08-1.19-.33-1.98-.33-1.45,.11-1.98,.33-.96,.58-1.27,1.08c-.32,.5-.54,1.16-.68,1.97-.13,.81-.2,1.81-.2,3s.07,2.17,.2,2.99c.13,.82,.36,1.49,.68,2.01,.32,.52,.74,.89,1.27,1.12,.53,.23,1.19,.35,1.98,.35Z\"/>\n          <path class=\"b\" d=\"M113.97,29.72h1.66l4.07,13.62h.08l4.03-13.62h1.57l-4.56,15.19h-2.27l-4.58-15.19Z\"/>\n          <path class=\"b\" d=\"M127.69,44.91v-15.19h9.1v1.36h-7.49v5.49h6.49v1.36h-6.49v5.62h7.49v1.36h-9.1Z\"/>\n          <path class=\"b\"\n                d=\"M141.59,31.44h-.08v13.47h-1.49v-15.19h2.38l6.81,13.45h.08v-13.45h1.49v15.19h-2.36l-6.83-13.47Z\"/>\n          <path class=\"b\" d=\"M154.97,44.91v-15.19h1.61v15.19h-1.61Z\"/>\n          <path class=\"b\"\n                d=\"M162.84,29.72v13.98c0,.72-.06,1.36-.18,1.91-.12,.55-.33,1.03-.62,1.44s-.68,.76-1.16,1.06-1.08,.55-1.8,.76l-.42-1.36c.48-.14,.88-.32,1.21-.52,.33-.21,.59-.46,.8-.75s.35-.64,.43-1.04c.08-.4,.13-.86,.13-1.38v-14.11h1.61Z\"/>\n          <path class=\"b\"\n                d=\"M174.08,41.2h-6.45l-1.17,3.71h-1.65l4.98-15.19h2.16l5.01,15.19h-1.7l-1.19-3.71Zm-6.02-1.36h5.6l-2.76-8.68h-.08l-2.76,8.68Z\"/>\n        </g>\n      </svg>\n    </a>\n    <div class=\"nav-list\">\n      <ul class=\"flex\">\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'sl' ?'font-bold' : ''\">\n          <a href=\"#\" aria-label=\"Slovenian language\" (click)=\"changeLanguage($event, 'sl')\">SI</a>\n        </li>\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'it' ?'font-bold' : ''\">\n          <a href=\"#\" aria-label=\"Italian language\" (click)=\"changeLanguage($event, 'it')\">IT</a>\n        </li>\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'hu' ?'font-bold' : ''\">\n          <a href=\"#\" aria-label=\"Hungarian language\" (click)=\"changeLanguage($event, 'hu')\">HU</a>\n        </li>\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'en' ?'font-bold' : ''\">\n          <a href=\"#\" aria-label=\"English language\" (click)=\"changeLanguage($event, 'en')\">EN</a>\n        </li>\n        <li class=\"mx-2\">\n          <a href=\"#\" (click)=\"accessibilityClick($event)\">\n            {{ 'components.navbar.accessibility' | translate }}\n          </a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</nav>\n\n<!-- prikaz nujnih obvestil: \u010De jih je ve\u010D se menjajo na N sekund -->\n<div class=\"urgent-notifications\" *ngIf=\"notificationList.length > 0\">\n  <div class=\"banner\" [ngClass]=\"animationClass\">\n    <p>{{ currentNotification }}</p>\n  </div>\n</div>\n", styles: [".menu{background:#1b495a}.menu .container{padding:.5rem 1rem}.menu .container .nav-list a{font-size:1.2rem;text-decoration:none;color:#fff}.menu .container .nav-list a:hover{text-decoration:underline}.menu .container .nav-list a:active{color:#000;background:#ffa142}.urgent-notifications{background-color:#d9534f;position:relative;min-height:40px;overflow:hidden}.urgent-notifications .banner{max-width:1190px;margin:0 auto;position:relative;color:#fff;padding:.5rem 1rem;font-weight:700;font-size:18px;white-space:nowrap;transition:opacity 1s ease-in-out}.urgent-notifications .banner p{text-wrap:wrap}.urgent-notifications .fade-in{opacity:1}.urgent-notifications .fade-out{opacity:0}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NavbarComponent, decorators: [{
             type: Component,
@@ -3199,7 +3162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         NgIf,
                         NgClass,
                         TranslateModule,
-                    ], template: "<nav class=\"menu\">\r\n  <div\r\n    class=\"container flex sm:align-items-start sm:justify-content-start md:align-items-center md:justify-content-between flex-column md:flex-row\">\r\n    <a href=\"#\" (click)=\"clickLogo($event)\" class=\"navbar-logo\">\r\n      <svg id=\"a\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" width=\"189.01\" height=\"50\" viewBox=\"0 0 189.01 50\">\r\n        <title>Navigacija na doma\u010Do stran, portala eSamonaro\u010Danje republike Slovenije.</title>\r\n        <defs>\r\n          <style>.b {\r\n            fill: #fff;\r\n          }</style>\r\n        </defs>\r\n        <path class=\"b\"\r\n              d=\"M38.39,27.03c-.67,10.72-7.89,19.84-18.48,22.9C9.7,47.04,2.1,38.1,1.4,27.03L0,4.8C6.49,1.65,12.53,0,19.91,0,26.59,0,33.2,1.46,39.79,4.8m-2.83,.32l-1.37,21.72c-.57,9.06-6.46,17.11-15.68,20.16-8.68-2.8-15.07-10.59-15.68-20.16L2.83,5.12c-.35,.16-.89,.38-1.27,.57l1.34,21.25c.64,9.99,7.47,18.64,17.01,21.44,9.35-2.8,16.38-11.26,17.02-21.44l1.34-21.25c-.41-.19-.83-.38-1.3-.57M15.84,25.48l-2.83-3.78-6.71,9c.47,2.32,1.62,3.43,4.45,3.43,1.94,0,2.26-1.21,4.55-1.21s2.54,1.21,4.61,1.21,2.2-1.21,4.58-1.21,2.61,1.21,4.58,1.21c2.8,0,4.1-1.34,4.45-3.46l-6.74-8.97-2.83,3.78-4.04-8.08-4.07,8.08Zm13.23,11.8c.64,0,1.21-.13,1.72-.35,.38-.61,.64-1.08,.96-1.72-.8,.41-1.66,.73-2.67,.73-2.23,0-2.35-1.21-4.58-1.21s-2.42,1.21-4.61,1.21-2.29-1.21-4.58-1.21c-2.16,0-2.42,1.21-4.58,1.21-1.21,0-1.97-.45-2.7-.8,.32,.64,.67,1.21,1.05,1.81,.54,.19,1.12,.29,1.69,.29,2.35,0,2.32-1.21,4.55-1.21s2.42,1.24,4.58,1.24,2.48-1.24,4.61-1.24,2.39,1.24,4.58,1.24m-4.58,.57c-2.1,0-2.16,1.24-4.58,1.24-2.26,0-2.67-1.24-4.61-1.24-2.04,0-2.07,1.17-4.68,1.21,2.42,2.83,5.57,5.09,9.29,6.39,3.56-1.24,6.71-3.37,9.26-6.39-2.55,0-2.61-1.21-4.68-1.21M14.37,4.64l-1.72-.16,1.02,1.37-1.05,1.4,1.75-.19,.7,1.59,.7-1.59,1.75,.19-1.05-1.4,1.02-1.4-1.72,.19-.7-1.59-.7,1.59Zm4.83,6.42l-1.72-.16,1.02,1.37-1.05,1.4,1.75-.19,.7,1.59,.7-1.59,1.75,.19-1.05-1.4,1.02-1.4-1.72,.19-.7-1.59-.7,1.59Zm4.8-6.42l-1.72-.16,1.02,1.37-1.05,1.4,1.75-.19,.7,1.59,.7-1.59,1.75,.19-1.05-1.4,1.02-1.4-1.72,.19-.7-1.59-.7,1.59Z\"/>\r\n        <g>\r\n          <path class=\"b\"\r\n                d=\"M81.43,19.46h-1.61V4.27h4.86c.86,0,1.61,.07,2.25,.21,.64,.14,1.16,.38,1.58,.7,.42,.33,.72,.76,.92,1.29s.3,1.2,.3,1.97c0,1.29-.26,2.27-.78,2.94-.52,.67-1.34,1.11-2.44,1.3l3.54,6.77h-1.85l-3.39-6.6h-3.37v6.6Zm0-7.96h3.12c.58,0,1.09-.04,1.53-.11,.44-.07,.81-.21,1.1-.42s.52-.51,.68-.91c.16-.39,.23-.9,.23-1.52s-.07-1.1-.22-1.48c-.15-.38-.37-.67-.66-.88s-.66-.36-1.1-.44c-.45-.08-.97-.12-1.56-.12h-3.12v5.88Z\"/>\r\n          <path class=\"b\" d=\"M93.05,19.46V4.27h9.1v1.36h-7.49v5.49h6.49v1.36h-6.49v5.62h7.49v1.36h-9.1Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M106.99,19.46h-1.61V4.27h4.75c.86,0,1.61,.07,2.25,.22,.64,.15,1.16,.39,1.58,.73s.72,.79,.92,1.34c.2,.55,.3,1.24,.3,2.06,0,1.65-.41,2.83-1.22,3.53-.81,.7-2.09,1.05-3.83,1.05h-3.14v6.26Zm0-7.62h3.01c.58,0,1.09-.04,1.53-.12s.81-.23,1.1-.45c.3-.22,.52-.53,.68-.94,.16-.41,.23-.94,.23-1.61s-.08-1.16-.22-1.55-.37-.71-.66-.94c-.29-.23-.66-.38-1.1-.46-.45-.08-.96-.12-1.56-.12h-3.01v6.17Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M127.88,14.17c0,.98-.12,1.81-.36,2.51-.24,.7-.59,1.27-1.06,1.72s-1.03,.77-1.7,.99c-.67,.21-1.42,.32-2.27,.32-1.64,0-2.91-.42-3.81-1.26-.9-.84-1.35-2.19-1.35-4.04V4.27h1.61V14.24c0,1.46,.3,2.5,.9,3.13,.6,.63,1.52,.94,2.75,.94s2.13-.32,2.75-.95,.92-1.68,.92-3.12V4.27h1.61V14.17Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M141.65,15.31c0,1.43-.4,2.48-1.2,3.14s-2.1,1-3.89,1h-4.84V4.27h4.84c1.71,0,2.94,.33,3.69,.99,.75,.66,1.12,1.64,1.12,2.95,0,1.74-.62,2.87-1.87,3.39v.08c.73,.28,1.28,.7,1.62,1.26s.52,1.35,.52,2.37Zm-1.91-6.97c0-1.05-.26-1.76-.79-2.14s-1.27-.57-2.22-.57h-3.39v5.41h3.39c.93,0,1.67-.19,2.21-.58,.54-.39,.81-1.09,.81-2.11Zm.28,6.88c0-.98-.25-1.7-.76-2.15s-1.29-.68-2.33-.68h-3.58v5.71h3.58c1.05,0,1.83-.23,2.33-.69,.51-.46,.76-1.19,.76-2.18Z\"/>\r\n          <path class=\"b\" d=\"M144.92,19.46V4.27h1.61v13.83h7.09v1.36h-8.7Z\"/>\r\n          <path class=\"b\" d=\"M156.24,19.46V4.27h1.61v15.19h-1.61Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M162.06,4.27h1.61v6.7h1.42l4.94-6.7h1.87l-5.49,7.34,5.62,7.85h-1.95l-5.09-7.11h-1.32v7.11h-1.61V4.27Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M181.91,15.74h-6.45l-1.17,3.71h-1.65l4.98-15.19h2.16l5.01,15.19h-1.7l-1.19-3.71Zm-6.02-1.36h5.6l-2.76-8.68h-.08l-2.76,8.68Z\"/>\r\n        </g>\r\n        <g>\r\n          <path class=\"b\"\r\n                d=\"M88.07,40.9c0,.76-.09,1.42-.26,1.96-.18,.54-.47,.99-.87,1.32-.4,.34-.92,.59-1.56,.74-.64,.15-1.41,.23-2.31,.23-.81,0-1.54-.06-2.21-.17-.67-.11-1.32-.29-1.95-.53l.34-1.38c.59,.21,1.23,.38,1.92,.5,.69,.12,1.38,.18,2.09,.18,.55,0,1.03-.04,1.42-.12,.4-.08,.72-.22,.99-.43,.26-.21,.46-.48,.58-.84s.19-.8,.19-1.34c0-.44-.05-.82-.14-1.13s-.26-.59-.51-.83c-.25-.23-.58-.44-1-.63s-.94-.37-1.58-.55c-.71-.2-1.33-.41-1.86-.65-.53-.23-.97-.52-1.32-.86s-.6-.74-.77-1.2c-.17-.46-.25-1.01-.25-1.64,0-1.36,.38-2.38,1.15-3.06,.76-.69,1.95-1.03,3.56-1.03,.67,0,1.33,.06,1.98,.18,.66,.12,1.28,.29,1.86,.52l-.28,1.36c-.58-.2-1.15-.35-1.7-.47-.55-.11-1.15-.17-1.8-.17-1.13,0-1.93,.2-2.41,.59-.47,.4-.71,1.05-.71,1.97,0,.47,.06,.86,.18,1.17,.12,.31,.3,.57,.54,.79,.24,.21,.54,.4,.91,.55,.37,.16,.8,.3,1.29,.45,.89,.28,1.63,.56,2.21,.82,.58,.26,1.04,.56,1.37,.89s.57,.72,.7,1.17c.13,.45,.2,.99,.2,1.62Z\"/>\r\n          <path class=\"b\" d=\"M91.06,44.91v-15.19h1.61v13.83h7.08v1.36h-8.7Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M106.67,45.16c-.99,0-1.85-.13-2.59-.39-.74-.26-1.34-.7-1.83-1.3-.48-.61-.84-1.41-1.08-2.41-.24-1-.36-2.23-.36-3.7s.12-2.71,.36-3.72c.24-1.01,.6-1.82,1.08-2.44,.48-.62,1.09-1.06,1.83-1.33,.73-.27,1.6-.4,2.59-.4s1.83,.13,2.56,.4c.73,.27,1.33,.71,1.81,1.32,.48,.61,.84,1.41,1.08,2.42s.36,2.23,.36,3.69-.12,2.73-.35,3.73-.59,1.81-1.06,2.43-1.08,1.05-1.81,1.31-1.6,.39-2.59,.39Zm-.02-1.42c.79,0,1.45-.12,1.98-.35,.53-.23,.95-.61,1.27-1.12,.32-.52,.54-1.19,.68-2.01,.13-.82,.2-1.82,.2-2.99s-.07-2.19-.2-3c-.13-.81-.36-1.47-.68-1.97s-.74-.86-1.27-1.08-1.19-.33-1.98-.33-1.45,.11-1.98,.33-.96,.58-1.27,1.08c-.32,.5-.54,1.16-.68,1.97-.13,.81-.2,1.81-.2,3s.07,2.17,.2,2.99c.13,.82,.36,1.49,.68,2.01,.32,.52,.74,.89,1.27,1.12,.53,.23,1.19,.35,1.98,.35Z\"/>\r\n          <path class=\"b\" d=\"M113.97,29.72h1.66l4.07,13.62h.08l4.03-13.62h1.57l-4.56,15.19h-2.27l-4.58-15.19Z\"/>\r\n          <path class=\"b\" d=\"M127.69,44.91v-15.19h9.1v1.36h-7.49v5.49h6.49v1.36h-6.49v5.62h7.49v1.36h-9.1Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M141.59,31.44h-.08v13.47h-1.49v-15.19h2.38l6.81,13.45h.08v-13.45h1.49v15.19h-2.36l-6.83-13.47Z\"/>\r\n          <path class=\"b\" d=\"M154.97,44.91v-15.19h1.61v15.19h-1.61Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M162.84,29.72v13.98c0,.72-.06,1.36-.18,1.91-.12,.55-.33,1.03-.62,1.44s-.68,.76-1.16,1.06-1.08,.55-1.8,.76l-.42-1.36c.48-.14,.88-.32,1.21-.52,.33-.21,.59-.46,.8-.75s.35-.64,.43-1.04c.08-.4,.13-.86,.13-1.38v-14.11h1.61Z\"/>\r\n          <path class=\"b\"\r\n                d=\"M174.08,41.2h-6.45l-1.17,3.71h-1.65l4.98-15.19h2.16l5.01,15.19h-1.7l-1.19-3.71Zm-6.02-1.36h5.6l-2.76-8.68h-.08l-2.76,8.68Z\"/>\r\n        </g>\r\n      </svg>\r\n    </a>\r\n    <div class=\"nav-list\">\r\n      <ul class=\"flex\">\r\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'sl' ?'font-bold' : ''\">\r\n          <a href=\"#\" aria-label=\"Slovenian language\" (click)=\"changeLanguage($event, 'sl')\">SI</a>\r\n        </li>\r\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'it' ?'font-bold' : ''\">\r\n          <a href=\"#\" aria-label=\"Italian language\" (click)=\"changeLanguage($event, 'it')\">IT</a>\r\n        </li>\r\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'hu' ?'font-bold' : ''\">\r\n          <a href=\"#\" aria-label=\"Hungarian language\" (click)=\"changeLanguage($event, 'hu')\">HU</a>\r\n        </li>\r\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'en' ?'font-bold' : ''\">\r\n          <a href=\"#\" aria-label=\"English language\" (click)=\"changeLanguage($event, 'en')\">EN</a>\r\n        </li>\r\n        <li class=\"mx-2\">\r\n          <a href=\"#\" (click)=\"accessibilityClick($event)\">\r\n            {{ 'components.navbar.accessibility' | translate }}\r\n          </a>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</nav>\r\n\r\n<!-- prikaz nujnih obvestil: \u010De jih je ve\u010D se menjajo na N sekund -->\r\n<div class=\"urgent-notifications\" *ngIf=\"notificationList.length > 0\">\r\n  <div class=\"banner\" [ngClass]=\"animationClass\">\r\n    <p>{{ currentNotification }}</p>\r\n  </div>\r\n</div>\r\n", styles: [".menu{background:#1b495a}.menu .container{padding:.5rem 1rem}.menu .container .nav-list a{font-size:1.2rem;text-decoration:none;color:#fff}.menu .container .nav-list a:hover{text-decoration:underline}.menu .container .nav-list a:active{color:#000;background:#ffa142}.urgent-notifications{background-color:#d9534f;position:relative;min-height:40px;overflow:hidden}.urgent-notifications .banner{max-width:1190px;margin:0 auto;position:relative;color:#fff;padding:.5rem 1rem;font-weight:700;font-size:18px;white-space:nowrap;transition:opacity 1s ease-in-out}.urgent-notifications .banner p{text-wrap:wrap}.urgent-notifications .fade-in{opacity:1}.urgent-notifications .fade-out{opacity:0}\n"] }]
+                    ], template: "<nav class=\"menu\">\n  <div\n    class=\"container flex sm:align-items-start sm:justify-content-start md:align-items-center md:justify-content-between flex-column md:flex-row\">\n    <a href=\"#\" (click)=\"clickLogo($event)\" class=\"navbar-logo\">\n      <svg id=\"a\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" width=\"189.01\" height=\"50\" viewBox=\"0 0 189.01 50\">\n        <title>Navigacija na doma\u010Do stran, portala eSamonaro\u010Danje republike Slovenije.</title>\n        <defs>\n          <style>.b {\n            fill: #fff;\n          }</style>\n        </defs>\n        <path class=\"b\"\n              d=\"M38.39,27.03c-.67,10.72-7.89,19.84-18.48,22.9C9.7,47.04,2.1,38.1,1.4,27.03L0,4.8C6.49,1.65,12.53,0,19.91,0,26.59,0,33.2,1.46,39.79,4.8m-2.83,.32l-1.37,21.72c-.57,9.06-6.46,17.11-15.68,20.16-8.68-2.8-15.07-10.59-15.68-20.16L2.83,5.12c-.35,.16-.89,.38-1.27,.57l1.34,21.25c.64,9.99,7.47,18.64,17.01,21.44,9.35-2.8,16.38-11.26,17.02-21.44l1.34-21.25c-.41-.19-.83-.38-1.3-.57M15.84,25.48l-2.83-3.78-6.71,9c.47,2.32,1.62,3.43,4.45,3.43,1.94,0,2.26-1.21,4.55-1.21s2.54,1.21,4.61,1.21,2.2-1.21,4.58-1.21,2.61,1.21,4.58,1.21c2.8,0,4.1-1.34,4.45-3.46l-6.74-8.97-2.83,3.78-4.04-8.08-4.07,8.08Zm13.23,11.8c.64,0,1.21-.13,1.72-.35,.38-.61,.64-1.08,.96-1.72-.8,.41-1.66,.73-2.67,.73-2.23,0-2.35-1.21-4.58-1.21s-2.42,1.21-4.61,1.21-2.29-1.21-4.58-1.21c-2.16,0-2.42,1.21-4.58,1.21-1.21,0-1.97-.45-2.7-.8,.32,.64,.67,1.21,1.05,1.81,.54,.19,1.12,.29,1.69,.29,2.35,0,2.32-1.21,4.55-1.21s2.42,1.24,4.58,1.24,2.48-1.24,4.61-1.24,2.39,1.24,4.58,1.24m-4.58,.57c-2.1,0-2.16,1.24-4.58,1.24-2.26,0-2.67-1.24-4.61-1.24-2.04,0-2.07,1.17-4.68,1.21,2.42,2.83,5.57,5.09,9.29,6.39,3.56-1.24,6.71-3.37,9.26-6.39-2.55,0-2.61-1.21-4.68-1.21M14.37,4.64l-1.72-.16,1.02,1.37-1.05,1.4,1.75-.19,.7,1.59,.7-1.59,1.75,.19-1.05-1.4,1.02-1.4-1.72,.19-.7-1.59-.7,1.59Zm4.83,6.42l-1.72-.16,1.02,1.37-1.05,1.4,1.75-.19,.7,1.59,.7-1.59,1.75,.19-1.05-1.4,1.02-1.4-1.72,.19-.7-1.59-.7,1.59Zm4.8-6.42l-1.72-.16,1.02,1.37-1.05,1.4,1.75-.19,.7,1.59,.7-1.59,1.75,.19-1.05-1.4,1.02-1.4-1.72,.19-.7-1.59-.7,1.59Z\"/>\n        <g>\n          <path class=\"b\"\n                d=\"M81.43,19.46h-1.61V4.27h4.86c.86,0,1.61,.07,2.25,.21,.64,.14,1.16,.38,1.58,.7,.42,.33,.72,.76,.92,1.29s.3,1.2,.3,1.97c0,1.29-.26,2.27-.78,2.94-.52,.67-1.34,1.11-2.44,1.3l3.54,6.77h-1.85l-3.39-6.6h-3.37v6.6Zm0-7.96h3.12c.58,0,1.09-.04,1.53-.11,.44-.07,.81-.21,1.1-.42s.52-.51,.68-.91c.16-.39,.23-.9,.23-1.52s-.07-1.1-.22-1.48c-.15-.38-.37-.67-.66-.88s-.66-.36-1.1-.44c-.45-.08-.97-.12-1.56-.12h-3.12v5.88Z\"/>\n          <path class=\"b\" d=\"M93.05,19.46V4.27h9.1v1.36h-7.49v5.49h6.49v1.36h-6.49v5.62h7.49v1.36h-9.1Z\"/>\n          <path class=\"b\"\n                d=\"M106.99,19.46h-1.61V4.27h4.75c.86,0,1.61,.07,2.25,.22,.64,.15,1.16,.39,1.58,.73s.72,.79,.92,1.34c.2,.55,.3,1.24,.3,2.06,0,1.65-.41,2.83-1.22,3.53-.81,.7-2.09,1.05-3.83,1.05h-3.14v6.26Zm0-7.62h3.01c.58,0,1.09-.04,1.53-.12s.81-.23,1.1-.45c.3-.22,.52-.53,.68-.94,.16-.41,.23-.94,.23-1.61s-.08-1.16-.22-1.55-.37-.71-.66-.94c-.29-.23-.66-.38-1.1-.46-.45-.08-.96-.12-1.56-.12h-3.01v6.17Z\"/>\n          <path class=\"b\"\n                d=\"M127.88,14.17c0,.98-.12,1.81-.36,2.51-.24,.7-.59,1.27-1.06,1.72s-1.03,.77-1.7,.99c-.67,.21-1.42,.32-2.27,.32-1.64,0-2.91-.42-3.81-1.26-.9-.84-1.35-2.19-1.35-4.04V4.27h1.61V14.24c0,1.46,.3,2.5,.9,3.13,.6,.63,1.52,.94,2.75,.94s2.13-.32,2.75-.95,.92-1.68,.92-3.12V4.27h1.61V14.17Z\"/>\n          <path class=\"b\"\n                d=\"M141.65,15.31c0,1.43-.4,2.48-1.2,3.14s-2.1,1-3.89,1h-4.84V4.27h4.84c1.71,0,2.94,.33,3.69,.99,.75,.66,1.12,1.64,1.12,2.95,0,1.74-.62,2.87-1.87,3.39v.08c.73,.28,1.28,.7,1.62,1.26s.52,1.35,.52,2.37Zm-1.91-6.97c0-1.05-.26-1.76-.79-2.14s-1.27-.57-2.22-.57h-3.39v5.41h3.39c.93,0,1.67-.19,2.21-.58,.54-.39,.81-1.09,.81-2.11Zm.28,6.88c0-.98-.25-1.7-.76-2.15s-1.29-.68-2.33-.68h-3.58v5.71h3.58c1.05,0,1.83-.23,2.33-.69,.51-.46,.76-1.19,.76-2.18Z\"/>\n          <path class=\"b\" d=\"M144.92,19.46V4.27h1.61v13.83h7.09v1.36h-8.7Z\"/>\n          <path class=\"b\" d=\"M156.24,19.46V4.27h1.61v15.19h-1.61Z\"/>\n          <path class=\"b\"\n                d=\"M162.06,4.27h1.61v6.7h1.42l4.94-6.7h1.87l-5.49,7.34,5.62,7.85h-1.95l-5.09-7.11h-1.32v7.11h-1.61V4.27Z\"/>\n          <path class=\"b\"\n                d=\"M181.91,15.74h-6.45l-1.17,3.71h-1.65l4.98-15.19h2.16l5.01,15.19h-1.7l-1.19-3.71Zm-6.02-1.36h5.6l-2.76-8.68h-.08l-2.76,8.68Z\"/>\n        </g>\n        <g>\n          <path class=\"b\"\n                d=\"M88.07,40.9c0,.76-.09,1.42-.26,1.96-.18,.54-.47,.99-.87,1.32-.4,.34-.92,.59-1.56,.74-.64,.15-1.41,.23-2.31,.23-.81,0-1.54-.06-2.21-.17-.67-.11-1.32-.29-1.95-.53l.34-1.38c.59,.21,1.23,.38,1.92,.5,.69,.12,1.38,.18,2.09,.18,.55,0,1.03-.04,1.42-.12,.4-.08,.72-.22,.99-.43,.26-.21,.46-.48,.58-.84s.19-.8,.19-1.34c0-.44-.05-.82-.14-1.13s-.26-.59-.51-.83c-.25-.23-.58-.44-1-.63s-.94-.37-1.58-.55c-.71-.2-1.33-.41-1.86-.65-.53-.23-.97-.52-1.32-.86s-.6-.74-.77-1.2c-.17-.46-.25-1.01-.25-1.64,0-1.36,.38-2.38,1.15-3.06,.76-.69,1.95-1.03,3.56-1.03,.67,0,1.33,.06,1.98,.18,.66,.12,1.28,.29,1.86,.52l-.28,1.36c-.58-.2-1.15-.35-1.7-.47-.55-.11-1.15-.17-1.8-.17-1.13,0-1.93,.2-2.41,.59-.47,.4-.71,1.05-.71,1.97,0,.47,.06,.86,.18,1.17,.12,.31,.3,.57,.54,.79,.24,.21,.54,.4,.91,.55,.37,.16,.8,.3,1.29,.45,.89,.28,1.63,.56,2.21,.82,.58,.26,1.04,.56,1.37,.89s.57,.72,.7,1.17c.13,.45,.2,.99,.2,1.62Z\"/>\n          <path class=\"b\" d=\"M91.06,44.91v-15.19h1.61v13.83h7.08v1.36h-8.7Z\"/>\n          <path class=\"b\"\n                d=\"M106.67,45.16c-.99,0-1.85-.13-2.59-.39-.74-.26-1.34-.7-1.83-1.3-.48-.61-.84-1.41-1.08-2.41-.24-1-.36-2.23-.36-3.7s.12-2.71,.36-3.72c.24-1.01,.6-1.82,1.08-2.44,.48-.62,1.09-1.06,1.83-1.33,.73-.27,1.6-.4,2.59-.4s1.83,.13,2.56,.4c.73,.27,1.33,.71,1.81,1.32,.48,.61,.84,1.41,1.08,2.42s.36,2.23,.36,3.69-.12,2.73-.35,3.73-.59,1.81-1.06,2.43-1.08,1.05-1.81,1.31-1.6,.39-2.59,.39Zm-.02-1.42c.79,0,1.45-.12,1.98-.35,.53-.23,.95-.61,1.27-1.12,.32-.52,.54-1.19,.68-2.01,.13-.82,.2-1.82,.2-2.99s-.07-2.19-.2-3c-.13-.81-.36-1.47-.68-1.97s-.74-.86-1.27-1.08-1.19-.33-1.98-.33-1.45,.11-1.98,.33-.96,.58-1.27,1.08c-.32,.5-.54,1.16-.68,1.97-.13,.81-.2,1.81-.2,3s.07,2.17,.2,2.99c.13,.82,.36,1.49,.68,2.01,.32,.52,.74,.89,1.27,1.12,.53,.23,1.19,.35,1.98,.35Z\"/>\n          <path class=\"b\" d=\"M113.97,29.72h1.66l4.07,13.62h.08l4.03-13.62h1.57l-4.56,15.19h-2.27l-4.58-15.19Z\"/>\n          <path class=\"b\" d=\"M127.69,44.91v-15.19h9.1v1.36h-7.49v5.49h6.49v1.36h-6.49v5.62h7.49v1.36h-9.1Z\"/>\n          <path class=\"b\"\n                d=\"M141.59,31.44h-.08v13.47h-1.49v-15.19h2.38l6.81,13.45h.08v-13.45h1.49v15.19h-2.36l-6.83-13.47Z\"/>\n          <path class=\"b\" d=\"M154.97,44.91v-15.19h1.61v15.19h-1.61Z\"/>\n          <path class=\"b\"\n                d=\"M162.84,29.72v13.98c0,.72-.06,1.36-.18,1.91-.12,.55-.33,1.03-.62,1.44s-.68,.76-1.16,1.06-1.08,.55-1.8,.76l-.42-1.36c.48-.14,.88-.32,1.21-.52,.33-.21,.59-.46,.8-.75s.35-.64,.43-1.04c.08-.4,.13-.86,.13-1.38v-14.11h1.61Z\"/>\n          <path class=\"b\"\n                d=\"M174.08,41.2h-6.45l-1.17,3.71h-1.65l4.98-15.19h2.16l5.01,15.19h-1.7l-1.19-3.71Zm-6.02-1.36h5.6l-2.76-8.68h-.08l-2.76,8.68Z\"/>\n        </g>\n      </svg>\n    </a>\n    <div class=\"nav-list\">\n      <ul class=\"flex\">\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'sl' ?'font-bold' : ''\">\n          <a href=\"#\" aria-label=\"Slovenian language\" (click)=\"changeLanguage($event, 'sl')\">SI</a>\n        </li>\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'it' ?'font-bold' : ''\">\n          <a href=\"#\" aria-label=\"Italian language\" (click)=\"changeLanguage($event, 'it')\">IT</a>\n        </li>\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'hu' ?'font-bold' : ''\">\n          <a href=\"#\" aria-label=\"Hungarian language\" (click)=\"changeLanguage($event, 'hu')\">HU</a>\n        </li>\n        <li class=\"mx-2\" *ngIf=\"multiLanguageEnabled\" [ngClass]=\"this.localStorageService.getItem('lang') === 'en' ?'font-bold' : ''\">\n          <a href=\"#\" aria-label=\"English language\" (click)=\"changeLanguage($event, 'en')\">EN</a>\n        </li>\n        <li class=\"mx-2\">\n          <a href=\"#\" (click)=\"accessibilityClick($event)\">\n            {{ 'components.navbar.accessibility' | translate }}\n          </a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</nav>\n\n<!-- prikaz nujnih obvestil: \u010De jih je ve\u010D se menjajo na N sekund -->\n<div class=\"urgent-notifications\" *ngIf=\"notificationList.length > 0\">\n  <div class=\"banner\" [ngClass]=\"animationClass\">\n    <p>{{ currentNotification }}</p>\n  </div>\n</div>\n", styles: [".menu{background:#1b495a}.menu .container{padding:.5rem 1rem}.menu .container .nav-list a{font-size:1.2rem;text-decoration:none;color:#fff}.menu .container .nav-list a:hover{text-decoration:underline}.menu .container .nav-list a:active{color:#000;background:#ffa142}.urgent-notifications{background-color:#d9534f;position:relative;min-height:40px;overflow:hidden}.urgent-notifications .banner{max-width:1190px;margin:0 auto;position:relative;color:#fff;padding:.5rem 1rem;font-weight:700;font-size:18px;white-space:nowrap;transition:opacity 1s ease-in-out}.urgent-notifications .banner p{text-wrap:wrap}.urgent-notifications .fade-in{opacity:1}.urgent-notifications .fade-out{opacity:0}\n"] }]
         }], ctorParameters: () => [{ type: LocalStorageService }], propDecorators: { imageWidth: [{
                 type: Input
             }], imageHeight: [{
@@ -3232,13 +3195,13 @@ class NoDataFoundComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoDataFoundComponent, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NoDataFoundComponent, isStandalone: true, selector: "lib-no-data-found", inputs: { message: "message", alternativeMessage: "alternativeMessage" }, ngImport: i0, template: "<div class=\"container\">\r\n    <i class=\"pi pi-info-circle pb-2\" style=\"font-size: 1.5rem\"></i>\r\n    <span class=\"ml-2\">{{ message }}</span>\r\n</div>", styles: [".container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MessageModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NoDataFoundComponent, isStandalone: true, selector: "lib-no-data-found", inputs: { message: "message", alternativeMessage: "alternativeMessage" }, ngImport: i0, template: "<div class=\"container\">\n    <i class=\"pi pi-info-circle pb-2\" style=\"font-size: 1.5rem\"></i>\n    <span class=\"ml-2\">{{ message }}</span>\n</div>", styles: [".container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MessageModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoDataFoundComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-no-data-found', imports: [
                         MessageModule
-                    ], template: "<div class=\"container\">\r\n    <i class=\"pi pi-info-circle pb-2\" style=\"font-size: 1.5rem\"></i>\r\n    <span class=\"ml-2\">{{ message }}</span>\r\n</div>", styles: [".container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}\n"] }]
+                    ], template: "<div class=\"container\">\n    <i class=\"pi pi-info-circle pb-2\" style=\"font-size: 1.5rem\"></i>\n    <span class=\"ml-2\">{{ message }}</span>\n</div>", styles: [".container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.TranslateService }], propDecorators: { message: [{
                 type: Input
             }], alternativeMessage: [{
@@ -3282,7 +3245,7 @@ class PicklistComponent {
         this.moveToTargetAllClicked.emit(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PicklistComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PicklistComponent, isStandalone: true, selector: "lib-picklist[sourceData][targetData][name]", inputs: { primaryPickList: "primaryPickList", sourceData: "sourceData", targetData: "targetData", name: "name", sourceFilterPlaceholder: "sourceFilterPlaceholder", targetFilterPlaceholder: "targetFilterPlaceholder", sourceHeader: "sourceHeader", targetHeader: "targetHeader", style: "style", dragdrop: "dragdrop", responsive: "responsive", showSourceControls: "showSourceControls", showTargetControls: "showTargetControls", isCustomSourceHeader: "isCustomSourceHeader", isCustomTargetHeader: "isCustomTargetHeader", sourceLength: "sourceLength", targetLength: "targetLength" }, outputs: { moveToSourceClicked: "moveToSourceClicked", moveToTargetClicked: "moveToTargetClicked", moveToSourceAllClicked: "moveToSourceAllClicked", moveToTargetAllClicked: "moveToTargetAllClicked" }, ngImport: i0, template: "<p-picklist\r\n  [source]=\"sourceData\"\r\n  [target]=\"targetData\"\r\n  [sourceHeader]=\"sourceHeader\"\r\n  [targetHeader]=\"targetHeader\"\r\n  [dragdrop]=\"dragdrop\"\r\n  [responsive]=\"responsive\"\r\n  [sourceStyle]=\"style\"\r\n  [showSourceControls]=\"showSourceControls\"\r\n  [showTargetControls]=\"showTargetControls\"\r\n  [targetStyle]=\"style\"\r\n  [filterBy]=\"name\"\r\n  [sourceFilterPlaceholder]=\"sourceFilterPlaceholder\"\r\n  [targetFilterPlaceholder]=\"targetFilterPlaceholder\"\r\n  breakpoint=\"1400px\"\r\n  (onMoveToSource)=\"moveToSource($event)\"\r\n  (onMoveToTarget)=\"moveToTarget($event)\"\r\n  (onMoveAllToSource)=\"moveAllToSource($event)\"\r\n  (onMoveAllToTarget)=\"moveAllToTarget($event)\"\r\n  [class]=\"primaryPickList\"\r\n>\r\n  <ng-template let-product pTemplate=\"item\">\r\n    <div class=\"flex flex-wrap p-2 align-items-center gap-3\">\r\n      <div class=\"flex-1 flex flex-column gap-2\">\r\n        <span class=\"font-bold\">{{ product[name] }}</span>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Header template for source list -->\r\n  <ng-template let-product pTemplate=\"sourceHeader\" *ngIf=\"isCustomSourceHeader\">\r\n    <div class=\"custom-picklist-header flex align-items-center justify-content-between\">\r\n      <span>{{ sourceHeader }}</span>\r\n      <span>{{ sourceLength }}</span>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Header template for target list -->\r\n  <ng-template let-product pTemplate=\"targetHeader\" *ngIf=\"isCustomTargetHeader\">\r\n    <div class=\"custom-picklist-header flex align-items-center justify-content-between\">\r\n      <span>{{ targetHeader }}</span>\r\n      <span>{{ targetLength }}</span>\r\n    </div>\r\n  </ng-template>\r\n</p-picklist>\r\n", styles: [":host ::ng-deep .primary-pick-list .p-picklist .p-picklist-header{background:#3e7c94}:host ::ng-deep .primary-pick-list .p-picklist .p-picklist-header .p-picklist-title{color:#fff}:host ::ng-deep .disabled-pick-list .p-picklist .p-picklist-header{background:#6d7375}:host ::ng-deep .disabled-pick-list .p-picklist .p-picklist-header .p-picklist-title{color:#fff}.custom-picklist-header{background:#3e7c94;color:#fff;padding:0 10px;font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: PickListModule }, { kind: "component", type: i1$9.PickList, selector: "p-pickList, p-picklist, p-pick-list", inputs: ["source", "target", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "sourceOptionDisabled", "targetOptionDisabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "scrollHeight", "autoOptionFocus", "buttonProps", "moveUpButtonProps", "moveTopButtonProps", "moveDownButtonProps", "moveBottomButtonProps", "moveToTargetProps", "moveAllToTargetProps", "moveToSourceProps", "moveAllToSourceProps", "breakpoint"], outputs: ["onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PicklistComponent, isStandalone: true, selector: "lib-picklist[sourceData][targetData][name]", inputs: { primaryPickList: "primaryPickList", sourceData: "sourceData", targetData: "targetData", name: "name", sourceFilterPlaceholder: "sourceFilterPlaceholder", targetFilterPlaceholder: "targetFilterPlaceholder", sourceHeader: "sourceHeader", targetHeader: "targetHeader", style: "style", dragdrop: "dragdrop", responsive: "responsive", showSourceControls: "showSourceControls", showTargetControls: "showTargetControls", isCustomSourceHeader: "isCustomSourceHeader", isCustomTargetHeader: "isCustomTargetHeader", sourceLength: "sourceLength", targetLength: "targetLength" }, outputs: { moveToSourceClicked: "moveToSourceClicked", moveToTargetClicked: "moveToTargetClicked", moveToSourceAllClicked: "moveToSourceAllClicked", moveToTargetAllClicked: "moveToTargetAllClicked" }, ngImport: i0, template: "<p-picklist\n  [source]=\"sourceData\"\n  [target]=\"targetData\"\n  [sourceHeader]=\"sourceHeader\"\n  [targetHeader]=\"targetHeader\"\n  [dragdrop]=\"dragdrop\"\n  [responsive]=\"responsive\"\n  [sourceStyle]=\"style\"\n  [showSourceControls]=\"showSourceControls\"\n  [showTargetControls]=\"showTargetControls\"\n  [targetStyle]=\"style\"\n  [filterBy]=\"name\"\n  [sourceFilterPlaceholder]=\"sourceFilterPlaceholder\"\n  [targetFilterPlaceholder]=\"targetFilterPlaceholder\"\n  breakpoint=\"1400px\"\n  (onMoveToSource)=\"moveToSource($event)\"\n  (onMoveToTarget)=\"moveToTarget($event)\"\n  (onMoveAllToSource)=\"moveAllToSource($event)\"\n  (onMoveAllToTarget)=\"moveAllToTarget($event)\"\n  [class]=\"primaryPickList\"\n>\n  <ng-template let-product pTemplate=\"item\">\n    <div class=\"flex flex-wrap p-2 align-items-center gap-3\">\n      <div class=\"flex-1 flex flex-column gap-2\">\n        <span class=\"font-bold\">{{ product[name] }}</span>\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Header template for source list -->\n  <ng-template let-product pTemplate=\"sourceHeader\" *ngIf=\"isCustomSourceHeader\">\n    <div class=\"custom-picklist-header flex align-items-center justify-content-between\">\n      <span>{{ sourceHeader }}</span>\n      <span>{{ sourceLength }}</span>\n    </div>\n  </ng-template>\n\n  <!-- Header template for target list -->\n  <ng-template let-product pTemplate=\"targetHeader\" *ngIf=\"isCustomTargetHeader\">\n    <div class=\"custom-picklist-header flex align-items-center justify-content-between\">\n      <span>{{ targetHeader }}</span>\n      <span>{{ targetLength }}</span>\n    </div>\n  </ng-template>\n</p-picklist>\n", styles: [":host ::ng-deep .primary-pick-list .p-picklist .p-picklist-header{background:#3e7c94}:host ::ng-deep .primary-pick-list .p-picklist .p-picklist-header .p-picklist-title{color:#fff}:host ::ng-deep .disabled-pick-list .p-picklist .p-picklist-header{background:#6d7375}:host ::ng-deep .disabled-pick-list .p-picklist .p-picklist-header .p-picklist-title{color:#fff}.custom-picklist-header{background:#3e7c94;color:#fff;padding:0 10px;font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: PickListModule }, { kind: "component", type: i1$9.PickList, selector: "p-pickList, p-picklist, p-pick-list", inputs: ["source", "target", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "sourceOptionDisabled", "targetOptionDisabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "scrollHeight", "autoOptionFocus", "buttonProps", "moveUpButtonProps", "moveTopButtonProps", "moveDownButtonProps", "moveBottomButtonProps", "moveToTargetProps", "moveAllToTargetProps", "moveToSourceProps", "moveAllToSourceProps", "breakpoint"], outputs: ["onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PicklistComponent, decorators: [{
             type: Component,
@@ -3290,7 +3253,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         PickListModule,
                         PrimeTemplate,
                         NgIf,
-                    ], template: "<p-picklist\r\n  [source]=\"sourceData\"\r\n  [target]=\"targetData\"\r\n  [sourceHeader]=\"sourceHeader\"\r\n  [targetHeader]=\"targetHeader\"\r\n  [dragdrop]=\"dragdrop\"\r\n  [responsive]=\"responsive\"\r\n  [sourceStyle]=\"style\"\r\n  [showSourceControls]=\"showSourceControls\"\r\n  [showTargetControls]=\"showTargetControls\"\r\n  [targetStyle]=\"style\"\r\n  [filterBy]=\"name\"\r\n  [sourceFilterPlaceholder]=\"sourceFilterPlaceholder\"\r\n  [targetFilterPlaceholder]=\"targetFilterPlaceholder\"\r\n  breakpoint=\"1400px\"\r\n  (onMoveToSource)=\"moveToSource($event)\"\r\n  (onMoveToTarget)=\"moveToTarget($event)\"\r\n  (onMoveAllToSource)=\"moveAllToSource($event)\"\r\n  (onMoveAllToTarget)=\"moveAllToTarget($event)\"\r\n  [class]=\"primaryPickList\"\r\n>\r\n  <ng-template let-product pTemplate=\"item\">\r\n    <div class=\"flex flex-wrap p-2 align-items-center gap-3\">\r\n      <div class=\"flex-1 flex flex-column gap-2\">\r\n        <span class=\"font-bold\">{{ product[name] }}</span>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Header template for source list -->\r\n  <ng-template let-product pTemplate=\"sourceHeader\" *ngIf=\"isCustomSourceHeader\">\r\n    <div class=\"custom-picklist-header flex align-items-center justify-content-between\">\r\n      <span>{{ sourceHeader }}</span>\r\n      <span>{{ sourceLength }}</span>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Header template for target list -->\r\n  <ng-template let-product pTemplate=\"targetHeader\" *ngIf=\"isCustomTargetHeader\">\r\n    <div class=\"custom-picklist-header flex align-items-center justify-content-between\">\r\n      <span>{{ targetHeader }}</span>\r\n      <span>{{ targetLength }}</span>\r\n    </div>\r\n  </ng-template>\r\n</p-picklist>\r\n", styles: [":host ::ng-deep .primary-pick-list .p-picklist .p-picklist-header{background:#3e7c94}:host ::ng-deep .primary-pick-list .p-picklist .p-picklist-header .p-picklist-title{color:#fff}:host ::ng-deep .disabled-pick-list .p-picklist .p-picklist-header{background:#6d7375}:host ::ng-deep .disabled-pick-list .p-picklist .p-picklist-header .p-picklist-title{color:#fff}.custom-picklist-header{background:#3e7c94;color:#fff;padding:0 10px;font-weight:600}\n"] }]
+                    ], template: "<p-picklist\n  [source]=\"sourceData\"\n  [target]=\"targetData\"\n  [sourceHeader]=\"sourceHeader\"\n  [targetHeader]=\"targetHeader\"\n  [dragdrop]=\"dragdrop\"\n  [responsive]=\"responsive\"\n  [sourceStyle]=\"style\"\n  [showSourceControls]=\"showSourceControls\"\n  [showTargetControls]=\"showTargetControls\"\n  [targetStyle]=\"style\"\n  [filterBy]=\"name\"\n  [sourceFilterPlaceholder]=\"sourceFilterPlaceholder\"\n  [targetFilterPlaceholder]=\"targetFilterPlaceholder\"\n  breakpoint=\"1400px\"\n  (onMoveToSource)=\"moveToSource($event)\"\n  (onMoveToTarget)=\"moveToTarget($event)\"\n  (onMoveAllToSource)=\"moveAllToSource($event)\"\n  (onMoveAllToTarget)=\"moveAllToTarget($event)\"\n  [class]=\"primaryPickList\"\n>\n  <ng-template let-product pTemplate=\"item\">\n    <div class=\"flex flex-wrap p-2 align-items-center gap-3\">\n      <div class=\"flex-1 flex flex-column gap-2\">\n        <span class=\"font-bold\">{{ product[name] }}</span>\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Header template for source list -->\n  <ng-template let-product pTemplate=\"sourceHeader\" *ngIf=\"isCustomSourceHeader\">\n    <div class=\"custom-picklist-header flex align-items-center justify-content-between\">\n      <span>{{ sourceHeader }}</span>\n      <span>{{ sourceLength }}</span>\n    </div>\n  </ng-template>\n\n  <!-- Header template for target list -->\n  <ng-template let-product pTemplate=\"targetHeader\" *ngIf=\"isCustomTargetHeader\">\n    <div class=\"custom-picklist-header flex align-items-center justify-content-between\">\n      <span>{{ targetHeader }}</span>\n      <span>{{ targetLength }}</span>\n    </div>\n  </ng-template>\n</p-picklist>\n", styles: [":host ::ng-deep .primary-pick-list .p-picklist .p-picklist-header{background:#3e7c94}:host ::ng-deep .primary-pick-list .p-picklist .p-picklist-header .p-picklist-title{color:#fff}:host ::ng-deep .disabled-pick-list .p-picklist .p-picklist-header{background:#6d7375}:host ::ng-deep .disabled-pick-list .p-picklist .p-picklist-header .p-picklist-title{color:#fff}.custom-picklist-header{background:#3e7c94;color:#fff;padding:0 10px;font-weight:600}\n"] }]
         }], propDecorators: { primaryPickList: [{
                 type: Input
             }], sourceData: [{
@@ -3338,11 +3301,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
 class ProgressBarComponent {
     value;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ProgressBarComponent, isStandalone: true, selector: "lib-progress-bar[value]", inputs: { value: "value" }, ngImport: i0, template: "<p-progressBar [value]=\"value\"></p-progressBar>\r\n", styles: [":host ::ng-deep .p-progressbar{background:#fff}\n"], dependencies: [{ kind: "component", type: ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "style", "unit", "mode", "color"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ProgressBarComponent, isStandalone: true, selector: "lib-progress-bar[value]", inputs: { value: "value" }, ngImport: i0, template: "<p-progressBar [value]=\"value\"></p-progressBar>\n", styles: [":host ::ng-deep .p-progressbar{background:#fff}\n"], dependencies: [{ kind: "component", type: ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "style", "unit", "mode", "color"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-progress-bar[value]', imports: [ProgressBar], template: "<p-progressBar [value]=\"value\"></p-progressBar>\r\n", styles: [":host ::ng-deep .p-progressbar{background:#fff}\n"] }]
+            args: [{ selector: 'lib-progress-bar[value]', imports: [ProgressBar], template: "<p-progressBar [value]=\"value\"></p-progressBar>\n", styles: [":host ::ng-deep .p-progressbar{background:#fff}\n"] }]
         }], propDecorators: { value: [{
                 type: Input
             }] } });
@@ -3436,11 +3399,11 @@ class TableColumnSelectComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TableColumnSelectComponent, deps: [{ token: LocalStorageService }, { token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TableColumnSelectComponent, isStandalone: true, selector: "table-column-select", inputs: { columns: "columns", defaultColumns: "defaultColumns", enableResizableColumns: "enableResizableColumns", pregled: "pregled" }, outputs: { updateColumns: "updateColumns", updateResizableColumns: "updateResizableColumns" }, usesOnChanges: true, ngImport: i0, template: "<p-button (click)=\"showDialog()\" icon=\"pi pi-cog\" aria-label=\"Save\" />\r\n\r\n<lib-modal\r\n  header=\"{{ 'components.modals.tableColumnSelect.title' | translate }}\"\r\n  btnLabel=\"{{ 'common.buttonConfirm' | translate }}\"\r\n  [(visible)]=\"visible\"\r\n  [closable]=\"true\"\r\n  [modal]=\"true\"\r\n  width=\"30vw\"\r\n  (buttonClickEvent)=\"changeValue()\"\r\n  [dynamicContentTemplate]=\"dynamicContentCollection\">\r\n</lib-modal>\r\n\r\n<ng-template class=\"modal-content\" #dynamicContentCollection>\r\n  <div class=\"flex w-full justify-content-between align-items-center gap-2\">\r\n    <lib-button label=\"{{'components.modals.tableColumnSelect.ponastaviStolpce' | translate}}\" (click)=\"onReset()\">\r\n    </lib-button>\r\n    <div class=\"flex gap-2\">\r\n      <p-checkbox [binary]=\"true\"  [(ngModel)]=\"enableResizableColumns\" />  \r\n      <h4>{{ 'components.modals.tableColumnSelect.spreminjanjeVelikostiStolpcev' | translate }}</h4>\r\n    </div>\r\n  </div>\r\n  \r\n  <div pDroppable (onDrop)=\"drop(i)\" [pDroppableDisabled]=\"i < 2 ? true : false\" *ngFor=\"let item of dropContainers; index as i\" class=\"drop-container\">\r\n    <div (onDragStart)=\"dragStart(item.items[0])\" [dragHandle]=\"i < 2 ? 'invalid' : undefined\"  pDraggable [ngClass]=\"i < 2 ? 'disabled': ''\" class=\"item\">\r\n      <p-checkbox [inputId]=\"item.items[0].field\" [disabled]=\"i < 2\" name=\"group\" [value]=\"item.items[0]\" [(ngModel)]=\"selectedColumns\" />          \r\n      <h4>{{item.items[0].header}}</h4>\r\n    </div>        \r\n  </div>\r\n</ng-template>\r\n", styles: [".item{display:flex;gap:8px;margin-top:8px;border:1px solid #d7d7d7;border-radius:12px;padding:6px}.disabled{background-color:#d7d7d7}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ListboxModule }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i4$2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OrderListModule }, { kind: "component", type: ModalComponent, selector: "lib-modal", inputs: ["header", "headerColor", "width", "height", "dynamicContentTemplate", "resizable", "draggable", "visible", "closable", "modal", "body", "position", "btnLabel", "btnColor", "btnIcon", "hasIcon", "disabled", "hasLeftButton", "appendTo", "leftBtnLabel", "leftBtnColor", "leftBtnIcon", "leftHasIcon", "leftDisabled", "isFooterVisible", "dismissableMask"], outputs: ["buttonClickEvent", "visibleChange", "leftButtonClickEvent", "scrollEvent", "modalClosed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "directive", type: Droppable, selector: "[pDroppable]", inputs: ["pDroppable", "pDroppableDisabled", "dropEffect"], outputs: ["onDragEnter", "onDragLeave", "onDrop"] }, { kind: "directive", type: Draggable, selector: "[pDraggable]", inputs: ["pDraggable", "dragEffect", "dragHandle", "pDraggableDisabled"], outputs: ["onDragStart", "onDragEnd", "onDrag"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TableColumnSelectComponent, isStandalone: true, selector: "table-column-select", inputs: { columns: "columns", defaultColumns: "defaultColumns", enableResizableColumns: "enableResizableColumns", pregled: "pregled" }, outputs: { updateColumns: "updateColumns", updateResizableColumns: "updateResizableColumns" }, usesOnChanges: true, ngImport: i0, template: "<p-button (click)=\"showDialog()\" icon=\"pi pi-cog\" aria-label=\"Save\" />\n\n<lib-modal\n  header=\"{{ 'components.modals.tableColumnSelect.title' | translate }}\"\n  btnLabel=\"{{ 'common.buttonConfirm' | translate }}\"\n  [(visible)]=\"visible\"\n  [closable]=\"true\"\n  [modal]=\"true\"\n  width=\"30vw\"\n  (buttonClickEvent)=\"changeValue()\"\n  [dynamicContentTemplate]=\"dynamicContentCollection\">\n</lib-modal>\n\n<ng-template class=\"modal-content\" #dynamicContentCollection>\n  <div class=\"flex w-full justify-content-between align-items-center gap-2\">\n    <lib-button label=\"{{'components.modals.tableColumnSelect.ponastaviStolpce' | translate}}\" (click)=\"onReset()\">\n    </lib-button>\n    <div class=\"flex gap-2\">\n      <p-checkbox [binary]=\"true\"  [(ngModel)]=\"enableResizableColumns\" />  \n      <h4>{{ 'components.modals.tableColumnSelect.spreminjanjeVelikostiStolpcev' | translate }}</h4>\n    </div>\n  </div>\n  \n  <div pDroppable (onDrop)=\"drop(i)\" [pDroppableDisabled]=\"i < 2 ? true : false\" *ngFor=\"let item of dropContainers; index as i\" class=\"drop-container\">\n    <div (onDragStart)=\"dragStart(item.items[0])\" [dragHandle]=\"i < 2 ? 'invalid' : undefined\"  pDraggable [ngClass]=\"i < 2 ? 'disabled': ''\" class=\"item\">\n      <p-checkbox [inputId]=\"item.items[0].field\" [disabled]=\"i < 2\" name=\"group\" [value]=\"item.items[0]\" [(ngModel)]=\"selectedColumns\" />          \n      <h4>{{item.items[0].header}}</h4>\n    </div>        \n  </div>\n</ng-template>\n", styles: [".item{display:flex;gap:8px;margin-top:8px;border:1px solid #d7d7d7;border-radius:12px;padding:6px}.disabled{background-color:#d7d7d7}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ListboxModule }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i4$2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OrderListModule }, { kind: "component", type: ModalComponent, selector: "lib-modal", inputs: ["header", "headerColor", "width", "height", "dynamicContentTemplate", "resizable", "draggable", "visible", "closable", "modal", "body", "position", "mode", "btnLabel", "btnColor", "btnIcon", "hasIcon", "disabled", "hasLeftButton", "appendTo", "leftBtnLabel", "leftBtnColor", "leftBtnIcon", "leftHasIcon", "leftDisabled", "isFooterVisible", "dismissableMask"], outputs: ["buttonClickEvent", "visibleChange", "leftButtonClickEvent", "scrollEvent", "modalClosed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "directive", type: Droppable, selector: "[pDroppable]", inputs: ["pDroppable", "pDroppableDisabled", "dropEffect"], outputs: ["onDragEnter", "onDragLeave", "onDrop"] }, { kind: "directive", type: Draggable, selector: "[pDraggable]", inputs: ["pDraggable", "dragEffect", "dragHandle", "pDraggableDisabled"], outputs: ["onDragStart", "onDragEnd", "onDrag"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TableColumnSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'table-column-select', imports: [ButtonModule, ListboxModule, DialogModule, CheckboxModule, CommonModule, FormsModule, OrderListModule, ModalComponent, TranslateModule, Droppable, Draggable, ButtonComponent], template: "<p-button (click)=\"showDialog()\" icon=\"pi pi-cog\" aria-label=\"Save\" />\r\n\r\n<lib-modal\r\n  header=\"{{ 'components.modals.tableColumnSelect.title' | translate }}\"\r\n  btnLabel=\"{{ 'common.buttonConfirm' | translate }}\"\r\n  [(visible)]=\"visible\"\r\n  [closable]=\"true\"\r\n  [modal]=\"true\"\r\n  width=\"30vw\"\r\n  (buttonClickEvent)=\"changeValue()\"\r\n  [dynamicContentTemplate]=\"dynamicContentCollection\">\r\n</lib-modal>\r\n\r\n<ng-template class=\"modal-content\" #dynamicContentCollection>\r\n  <div class=\"flex w-full justify-content-between align-items-center gap-2\">\r\n    <lib-button label=\"{{'components.modals.tableColumnSelect.ponastaviStolpce' | translate}}\" (click)=\"onReset()\">\r\n    </lib-button>\r\n    <div class=\"flex gap-2\">\r\n      <p-checkbox [binary]=\"true\"  [(ngModel)]=\"enableResizableColumns\" />  \r\n      <h4>{{ 'components.modals.tableColumnSelect.spreminjanjeVelikostiStolpcev' | translate }}</h4>\r\n    </div>\r\n  </div>\r\n  \r\n  <div pDroppable (onDrop)=\"drop(i)\" [pDroppableDisabled]=\"i < 2 ? true : false\" *ngFor=\"let item of dropContainers; index as i\" class=\"drop-container\">\r\n    <div (onDragStart)=\"dragStart(item.items[0])\" [dragHandle]=\"i < 2 ? 'invalid' : undefined\"  pDraggable [ngClass]=\"i < 2 ? 'disabled': ''\" class=\"item\">\r\n      <p-checkbox [inputId]=\"item.items[0].field\" [disabled]=\"i < 2\" name=\"group\" [value]=\"item.items[0]\" [(ngModel)]=\"selectedColumns\" />          \r\n      <h4>{{item.items[0].header}}</h4>\r\n    </div>        \r\n  </div>\r\n</ng-template>\r\n", styles: [".item{display:flex;gap:8px;margin-top:8px;border:1px solid #d7d7d7;border-radius:12px;padding:6px}.disabled{background-color:#d7d7d7}\n"] }]
+            args: [{ selector: 'table-column-select', imports: [ButtonModule, ListboxModule, DialogModule, CheckboxModule, CommonModule, FormsModule, OrderListModule, ModalComponent, TranslateModule, Droppable, Draggable, ButtonComponent], template: "<p-button (click)=\"showDialog()\" icon=\"pi pi-cog\" aria-label=\"Save\" />\n\n<lib-modal\n  header=\"{{ 'components.modals.tableColumnSelect.title' | translate }}\"\n  btnLabel=\"{{ 'common.buttonConfirm' | translate }}\"\n  [(visible)]=\"visible\"\n  [closable]=\"true\"\n  [modal]=\"true\"\n  width=\"30vw\"\n  (buttonClickEvent)=\"changeValue()\"\n  [dynamicContentTemplate]=\"dynamicContentCollection\">\n</lib-modal>\n\n<ng-template class=\"modal-content\" #dynamicContentCollection>\n  <div class=\"flex w-full justify-content-between align-items-center gap-2\">\n    <lib-button label=\"{{'components.modals.tableColumnSelect.ponastaviStolpce' | translate}}\" (click)=\"onReset()\">\n    </lib-button>\n    <div class=\"flex gap-2\">\n      <p-checkbox [binary]=\"true\"  [(ngModel)]=\"enableResizableColumns\" />  \n      <h4>{{ 'components.modals.tableColumnSelect.spreminjanjeVelikostiStolpcev' | translate }}</h4>\n    </div>\n  </div>\n  \n  <div pDroppable (onDrop)=\"drop(i)\" [pDroppableDisabled]=\"i < 2 ? true : false\" *ngFor=\"let item of dropContainers; index as i\" class=\"drop-container\">\n    <div (onDragStart)=\"dragStart(item.items[0])\" [dragHandle]=\"i < 2 ? 'invalid' : undefined\"  pDraggable [ngClass]=\"i < 2 ? 'disabled': ''\" class=\"item\">\n      <p-checkbox [inputId]=\"item.items[0].field\" [disabled]=\"i < 2\" name=\"group\" [value]=\"item.items[0]\" [(ngModel)]=\"selectedColumns\" />          \n      <h4>{{item.items[0].header}}</h4>\n    </div>        \n  </div>\n</ng-template>\n", styles: [".item{display:flex;gap:8px;margin-top:8px;border:1px solid #d7d7d7;border-radius:12px;padding:6px}.disabled{background-color:#d7d7d7}\n"] }]
         }], ctorParameters: () => [{ type: LocalStorageService }, { type: i1$2.TranslateService }], propDecorators: { columns: [{
                 type: Input
             }], defaultColumns: [{
@@ -3513,7 +3476,7 @@ class TinymceEditorComponent {
                 useExisting: forwardRef(() => TinymceEditorComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<textarea class=\"tinyEditor\"\r\n          [id]=\"editorId\"\r\n></textarea>\r\n", styles: [""] });
+        ], ngImport: i0, template: "<textarea class=\"tinyEditor\"\n          [id]=\"editorId\"\n></textarea>\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TinymceEditorComponent, decorators: [{
             type: Component,
@@ -3523,7 +3486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                             useExisting: forwardRef(() => TinymceEditorComponent),
                             multi: true
                         }
-                    ], template: "<textarea class=\"tinyEditor\"\r\n          [id]=\"editorId\"\r\n></textarea>\r\n" }]
+                    ], template: "<textarea class=\"tinyEditor\"\n          [id]=\"editorId\"\n></textarea>\n" }]
         }], propDecorators: { editorId: [{
                 type: Input
             }] } });
@@ -3572,7 +3535,7 @@ class TreeSelectComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TreeSelectComponent, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TreeSelectComponent, isStandalone: true, selector: "lib-tree-select[group][controlName][name]", inputs: { name: "name", group: "group", controlName: "controlName", label: "label", optionList: "optionList", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", showClear: "showClear", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", isLoading: "isLoading", appendTo: "appendTo", isLabelVisible: "isLabelVisible", emptyMessage: "emptyMessage", virtualScroll: "virtualScroll" }, outputs: { getValueEvent: "getValueEvent" }, ngImport: i0, template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-treeselect \r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n    [inputId]=\"name\"\r\n    [appendTo]=\"appendTo\"    \r\n    (onChange)='getSelectedValue($event)'\r\n    [options]=\"optionList\"\r\n    [placeholder]='placeholder'\r\n    [formControlName]=\"controlName\"\r\n    [virtualScroll]=\"virtualScroll\"\r\n    [virtualScrollItemSize]=\"38\"\r\n    [filter]=\"filter\"\r\n    [virtualScrollOptions]=\"{scrollHeight: '250px'}\" \r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n    [attr.aria-required]=\"isRequired\"\r\n    [showClear]=\"group.get(controlName)?.value && showClear\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    (onClear)=\"onClear()\"\r\n    [emptyMessage]=\"emptyDropdownMessage\"  \r\n    containerStyleClass=\"w-full\" \r\n    [showClear]=\"false\" \r\n    formControlName=\"klasifikacijskiRazredId\" \r\n  />\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isDirty]=\"group.get(controlName)!.pristine\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: TreeSelectModule }, { kind: "component", type: i3$2.TreeSelect, selector: "p-treeSelect, p-treeselect, p-tree-select", inputs: ["inputId", "scrollHeight", "disabled", "metaKeySelection", "variant", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "fluid", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "size", "virtualScrollOptions", "autofocus", "options", "showTransitionOptions", "hideTransitionOptions", "loading"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TreeSelectComponent, isStandalone: true, selector: "lib-tree-select[group][controlName][name]", inputs: { name: "name", group: "group", controlName: "controlName", label: "label", optionList: "optionList", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", showClear: "showClear", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", isLoading: "isLoading", appendTo: "appendTo", isLabelVisible: "isLabelVisible", emptyMessage: "emptyMessage", virtualScroll: "virtualScroll" }, outputs: { getValueEvent: "getValueEvent" }, ngImport: i0, template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\n    <label [for]=\"name\" class=\"mr-2\">\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n    </label>\n    <lib-tooltip\n      *ngIf=\"_isTooltipVisible\"\n      [position]=\"tooltipPosition\"\n      [text]=\"tooltipText!\"\n    ></lib-tooltip>\n  </div>\n  <p-treeselect \n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\n    [inputId]=\"name\"\n    [appendTo]=\"appendTo\"    \n    (onChange)='getSelectedValue($event)'\n    [options]=\"optionList\"\n    [placeholder]='placeholder'\n    [formControlName]=\"controlName\"\n    [virtualScroll]=\"virtualScroll\"\n    [virtualScrollItemSize]=\"38\"\n    [filter]=\"filter\"\n    [virtualScrollOptions]=\"{scrollHeight: '250px'}\" \n    [attr.aria-describedby]=\"name + 'Error'\"\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n    [attr.aria-required]=\"isRequired\"\n    [showClear]=\"group.get(controlName)?.value && showClear\"\n    [attr.aria-label]=\"accessibilityText\"\n    (onClear)=\"onClear()\"\n    [emptyMessage]=\"emptyDropdownMessage\"  \n    containerStyleClass=\"w-full\" \n    [showClear]=\"false\" \n    formControlName=\"klasifikacijskiRazredId\" \n  />\n  <lib-error\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\n    [hasError]=\"group.get(controlName)!.errors\"\n    [isDirty]=\"group.get(controlName)!.pristine\"\n    [isTouched]=\"group.get(controlName)!.touched\"\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\n    [errorId]=\"name+'Error'\"\n  ></lib-error>\n</div>\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: TreeSelectModule }, { kind: "component", type: i3$2.TreeSelect, selector: "p-treeSelect, p-treeselect, p-tree-select", inputs: ["inputId", "scrollHeight", "disabled", "metaKeySelection", "variant", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "fluid", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "size", "virtualScrollOptions", "autofocus", "options", "showTransitionOptions", "hideTransitionOptions", "loading"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TreeSelectComponent, decorators: [{
             type: Component,
@@ -3584,7 +3547,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         TreeSelectModule,
                         NgClass,
                         ErrorComponent,
-                    ], template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-treeselect \r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n    [inputId]=\"name\"\r\n    [appendTo]=\"appendTo\"    \r\n    (onChange)='getSelectedValue($event)'\r\n    [options]=\"optionList\"\r\n    [placeholder]='placeholder'\r\n    [formControlName]=\"controlName\"\r\n    [virtualScroll]=\"virtualScroll\"\r\n    [virtualScrollItemSize]=\"38\"\r\n    [filter]=\"filter\"\r\n    [virtualScrollOptions]=\"{scrollHeight: '250px'}\" \r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n    [attr.aria-required]=\"isRequired\"\r\n    [showClear]=\"group.get(controlName)?.value && showClear\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    (onClear)=\"onClear()\"\r\n    [emptyMessage]=\"emptyDropdownMessage\"  \r\n    containerStyleClass=\"w-full\" \r\n    [showClear]=\"false\" \r\n    formControlName=\"klasifikacijskiRazredId\" \r\n  />\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isDirty]=\"group.get(controlName)!.pristine\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"] }]
+                    ], template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\n    <label [for]=\"name\" class=\"mr-2\">\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n    </label>\n    <lib-tooltip\n      *ngIf=\"_isTooltipVisible\"\n      [position]=\"tooltipPosition\"\n      [text]=\"tooltipText!\"\n    ></lib-tooltip>\n  </div>\n  <p-treeselect \n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\n    [inputId]=\"name\"\n    [appendTo]=\"appendTo\"    \n    (onChange)='getSelectedValue($event)'\n    [options]=\"optionList\"\n    [placeholder]='placeholder'\n    [formControlName]=\"controlName\"\n    [virtualScroll]=\"virtualScroll\"\n    [virtualScrollItemSize]=\"38\"\n    [filter]=\"filter\"\n    [virtualScrollOptions]=\"{scrollHeight: '250px'}\" \n    [attr.aria-describedby]=\"name + 'Error'\"\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n    [attr.aria-required]=\"isRequired\"\n    [showClear]=\"group.get(controlName)?.value && showClear\"\n    [attr.aria-label]=\"accessibilityText\"\n    (onClear)=\"onClear()\"\n    [emptyMessage]=\"emptyDropdownMessage\"  \n    containerStyleClass=\"w-full\" \n    [showClear]=\"false\" \n    formControlName=\"klasifikacijskiRazredId\" \n  />\n  <lib-error\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\n    [hasError]=\"group.get(controlName)!.errors\"\n    [isDirty]=\"group.get(controlName)!.pristine\"\n    [isTouched]=\"group.get(controlName)!.touched\"\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\n    [errorId]=\"name+'Error'\"\n  ></lib-error>\n</div>\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.TranslateService }], propDecorators: { name: [{
                 type: Input
             }], group: [{
@@ -4209,5 +4172,5 @@ function emailListValidator() {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AppConfigService, AutocompleteComponent, BreadcrumbsComponent, ButtonColor, ButtonComponent, ButtonIconPosition, ButtonLinkComponent, ButtonSize, CacheService, CaptionColor, CardComponent, CheckboxComponent, ConfirmModalComponent, ConfirmModalService, CustomTableComponent, DateInputComponent, DateService, DialogColor, DividerComponent, DropdownComponent, DynamicRouteService, ErrorComponent, ErrorInterceptor, ExpandedTable, ExpandedTableComponent, ExportService, FileUploadComponent, FilterHeaderComponent, FilterHeaderService, FooterComponent, GenericTableComponent, GlobalErrorHandler, IconButtonComponent, InputComponent, InputMaskComponent, InputType, IsNotBlank, IsNotDecimal, JwtInterceptor, LoaderComponent, LocalStorageService, MainMenuComponent, ModalComponent, NavbarComponent, NoDataFoundComponent, NoInternetService, PicklistComponent, PositionKey, ProgressBarComponent, SelectionMode, SharedAuthService, SharedMessageService, TableColumnSelectComponent, TableColumnsService, TagColor, TagComponent, TextareaComponent, TinymceEditorComponent, ToastSeverity, ToggleSwitchComponent, TooltipComponent, TooltipHoverEventEnum, TooltipPosition, TranslateSanitizerService, TranslationService, TreeSelectComponent, atLeastOneFieldPresentValidator, cleanMobilePhoneNumber, coordinateValidator, dateAndTimeMismatchValidator, dateMismatchValidator, emailListValidator, findUnavailableDates, formatDate, formatDateTime, formatDateToLocalISOString, getTomorrowDate, isEmpty, isFormInvalid, isMultipleOfFiveValidator, isOnePhoneNumberValidator, localFormatDate, mobilePhoneAreaCodeValidator, transformDateTime };
+export { AccordionComponent, AppConfigService, AutocompleteComponent, BreadcrumbsComponent, ButtonColor, ButtonComponent, ButtonIconPosition, ButtonLinkComponent, ButtonSize, CacheService, CaptionColor, CardComponent, CheckboxComponent, ConfirmModalComponent, ConfirmModalService, CustomTableComponent, DateInputComponent, DateService, DialogColor, DividerComponent, DropdownComponent, DynamicRouteService, ErrorComponent, ErrorInterceptor, ExpandedTable, ExpandedTableComponent, ExportService, FileUploadComponent, FilterHeaderComponent, FilterHeaderService, FooterComponent, GenericTableComponent, GlobalErrorHandler, IconButtonComponent, InputComponent, InputMaskComponent, InputType, IsNotBlank, IsNotDecimal, LoaderComponent, LocalStorageService, MainMenuComponent, ModalComponent, NavbarComponent, NoDataFoundComponent, NoInternetService, PicklistComponent, PositionKey, ProgressBarComponent, SelectionMode, SharedAuthService, SharedMessageService, TableColumnSelectComponent, TableColumnsService, TagColor, TagComponent, TextareaComponent, TinymceEditorComponent, ToastSeverity, ToggleSwitchComponent, TooltipComponent, TooltipHoverEventEnum, TooltipPosition, TranslateSanitizerService, TranslationService, TreeSelectComponent, atLeastOneFieldPresentValidator, cleanMobilePhoneNumber, coordinateValidator, dateAndTimeMismatchValidator, dateMismatchValidator, emailListValidator, findUnavailableDates, formatDate, formatDateTime, formatDateToLocalISOString, getTomorrowDate, isEmpty, isFormInvalid, isMultipleOfFiveValidator, isOnePhoneNumberValidator, localFormatDate, mobilePhoneAreaCodeValidator, transformDateTime };
 //# sourceMappingURL=n-isi-platform-design-system.mjs.map