@n-isi-platform/design-system 1.0.38 → 1.0.39

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

@@ -440,6 +440,7 @@ class FileUploadComponent {
     disabled = false;
     acceptFiles = undefined;
     multiple = true;
+    extraInfo;
     onSaveFile = new EventEmitter();
     onDelete = new EventEmitter();
     onDownload = new EventEmitter();
@@ -549,7 +550,7 @@ class FileUploadComponent {
         this.closeCamera();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1$3.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: { postavkaPregledaId: "postavkaPregledaId", 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                    <i class=\"pi pi-file\"></i>\n                  </div>\n                  <span class=\"pl-3 text-ellipsis max-w-60 whitespace-nowrap overflow-hidden\">\n                    {{ getDisplayName(priloga) }}\n                  </span>\n                </div>\n                <div class=\"flex align-items-center\">\n                  <div *ngIf=\"!isTempFile(priloga)\">\n                    <p-badge value=\"Zaklju\u010Den\" badgeSize=\"small\" severity=\"success\" />\n                    <p-button\n                      (click)=\"downloadFile(priloga)\"\n                      severity=\"primary\"\n                      icon=\"pi pi-download\"\n                      aria-label=\"Prenesi\"\n                      [rounded]=\"true\"\n                      [text]=\"true\" />\n                  </div>\n                  <p-button\n                    [disabled]=\"disabled\"\n                    (click)=\"isTempFile(priloga) ? removeFileCallback() : delete(priloga)\"\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\n\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.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: { postavkaPregledaId: "postavkaPregledaId", uploadedFiles: "uploadedFiles", maxFileSize: "maxFileSize", totalMaxFileSize: "totalMaxFileSize", disabled: "disabled", acceptFiles: "acceptFiles", multiple: "multiple", extraInfo: "extraInfo" }, 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                    <i class=\"pi pi-file\"></i>\r\n                  </div>\r\n                  <span class=\"pl-3 text-ellipsis max-w-60 whitespace-nowrap overflow-hidden\">\r\n                    {{ getDisplayName(priloga) }}\r\n                  </span>\r\n                </div>\r\n                <div class=\"flex align-items-center\">\r\n                  <div *ngIf=\"!isTempFile(priloga)\">\r\n                    <p-badge value=\"Zaklju\u010Den\" badgeSize=\"small\" severity=\"success\" />\r\n                    <p-button\r\n                      (click)=\"downloadFile(priloga)\"\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                  </div>\r\n                  <p-button\r\n                    [disabled]=\"disabled\"\r\n                    (click)=\"isTempFile(priloga) ? removeFileCallback() : delete(priloga)\"\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          <p *ngIf=\"extraInfo\">{{ extraInfo | 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\r\n\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.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,
@@ -566,7 +567,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         TranslateModule,
                         MenubarModule,
                         ChipModule,
-                    ], 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                    <i class=\"pi pi-file\"></i>\n                  </div>\n                  <span class=\"pl-3 text-ellipsis max-w-60 whitespace-nowrap overflow-hidden\">\n                    {{ getDisplayName(priloga) }}\n                  </span>\n                </div>\n                <div class=\"flex align-items-center\">\n                  <div *ngIf=\"!isTempFile(priloga)\">\n                    <p-badge value=\"Zaklju\u010Den\" badgeSize=\"small\" severity=\"success\" />\n                    <p-button\n                      (click)=\"downloadFile(priloga)\"\n                      severity=\"primary\"\n                      icon=\"pi pi-download\"\n                      aria-label=\"Prenesi\"\n                      [rounded]=\"true\"\n                      [text]=\"true\" />\n                  </div>\n                  <p-button\n                    [disabled]=\"disabled\"\n                    (click)=\"isTempFile(priloga) ? removeFileCallback() : delete(priloga)\"\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\n\n" }]
+                    ], 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                    <i class=\"pi pi-file\"></i>\r\n                  </div>\r\n                  <span class=\"pl-3 text-ellipsis max-w-60 whitespace-nowrap overflow-hidden\">\r\n                    {{ getDisplayName(priloga) }}\r\n                  </span>\r\n                </div>\r\n                <div class=\"flex align-items-center\">\r\n                  <div *ngIf=\"!isTempFile(priloga)\">\r\n                    <p-badge value=\"Zaklju\u010Den\" badgeSize=\"small\" severity=\"success\" />\r\n                    <p-button\r\n                      (click)=\"downloadFile(priloga)\"\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                  </div>\r\n                  <p-button\r\n                    [disabled]=\"disabled\"\r\n                    (click)=\"isTempFile(priloga) ? removeFileCallback() : delete(priloga)\"\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          <p *ngIf=\"extraInfo\">{{ extraInfo | 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\r\n\r\n" }]
         }], ctorParameters: () => [{ type: i1$3.PrimeNG }, { type: SharedMessageService }, { type: i1$2.TranslateService }], propDecorators: { postavkaPregledaId: [{
                 type: Input
             }], uploadedFiles: [{
@@ -581,6 +582,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Input
             }], multiple: [{
                 type: Input
+            }], extraInfo: [{
+                type: Input
             }], onSaveFile: [{
                 type: Output
             }], onDelete: [{
@@ -656,11 +659,11 @@ class CameraUploadComponent {
         this.pendingFiles = [];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CameraUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CameraUploadComponent, isStandalone: true, selector: "app-camera-upload", outputs: { filesCaptured: "filesCaptured", captureSuccess: "captureSuccess" }, viewQueries: [{ propertyName: "video", first: true, predicate: ["video"], descendants: true }], ngImport: i0, template: "<div class=\"camera-upload\">\n  <video #video autoplay playsinline></video>\n\n  <div class=\"actions\">\n    <button\n      pButton\n      type=\"button\"\n      (click)=\"capture()\"\n      label=\"{{ 'Naredi posnetek' }}\">\n    </button>\n\n  </div>\n</div>\n\n", styles: ["@charset \"UTF-8\";.camera-upload{display:flex;flex-direction:column;gap:1rem}.camera-upload video{width:100%;max-height:70vh;object-fit:cover;border-radius:4px}.camera-upload .actions{width:100%}.camera-upload .actions button{width:100%;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CameraUploadComponent, isStandalone: true, selector: "app-camera-upload", outputs: { filesCaptured: "filesCaptured", captureSuccess: "captureSuccess" }, viewQueries: [{ propertyName: "video", first: true, predicate: ["video"], descendants: true }], ngImport: i0, template: "<div class=\"camera-upload\">\r\n  <video #video autoplay playsinline></video>\r\n\r\n  <div class=\"actions\">\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      (click)=\"capture()\"\r\n      label=\"{{ 'Naredi posnetek' }}\">\r\n    </button>\r\n\r\n  </div>\r\n</div>\r\n\r\n", styles: ["@charset \"UTF-8\";.camera-upload{display:flex;flex-direction:column;gap:1rem}.camera-upload video{width:100%;max-height:70vh;object-fit:cover;border-radius:4px}.camera-upload .actions{width:100%}.camera-upload .actions button{width:100%;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CameraUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-camera-upload', standalone: true, imports: [TranslatePipe, ButtonModule], template: "<div class=\"camera-upload\">\n  <video #video autoplay playsinline></video>\n\n  <div class=\"actions\">\n    <button\n      pButton\n      type=\"button\"\n      (click)=\"capture()\"\n      label=\"{{ 'Naredi posnetek' }}\">\n    </button>\n\n  </div>\n</div>\n\n", styles: ["@charset \"UTF-8\";.camera-upload{display:flex;flex-direction:column;gap:1rem}.camera-upload video{width:100%;max-height:70vh;object-fit:cover;border-radius:4px}.camera-upload .actions{width:100%}.camera-upload .actions button{width:100%;justify-content:center}\n"] }]
+            args: [{ selector: 'app-camera-upload', standalone: true, imports: [TranslatePipe, ButtonModule], template: "<div class=\"camera-upload\">\r\n  <video #video autoplay playsinline></video>\r\n\r\n  <div class=\"actions\">\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      (click)=\"capture()\"\r\n      label=\"{{ 'Naredi posnetek' }}\">\r\n    </button>\r\n\r\n  </div>\r\n</div>\r\n\r\n", styles: ["@charset \"UTF-8\";.camera-upload{display:flex;flex-direction:column;gap:1rem}.camera-upload video{width:100%;max-height:70vh;object-fit:cover;border-radius:4px}.camera-upload .actions{width:100%}.camera-upload .actions button{width:100%;justify-content:center}\n"] }]
         }], propDecorators: { video: [{
                 type: ViewChild,
                 args: ['video']
@@ -1041,11 +1044,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\">\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 && !hasGroupError && hasError.pattern)\">\n      {{ 'errors.invalidInput' | 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" }] });
+    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 && !hasGroupError && hasError.pattern)\">\r\n      {{ 'errors.invalidInput' | 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" }] });
 }
 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\">\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 && !hasGroupError && hasError.pattern)\">\n      {{ 'errors.invalidInput' | 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" }]
+            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 && !hasGroupError && hasError.pattern)\">\r\n      {{ 'errors.invalidInput' | 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" }]
         }], propDecorators: { hasError: [{
                 type: Input
             }], isTouched: [{
@@ -1184,7 +1187,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\">\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]=\"forceSelection\"\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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.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\">\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]=\"forceSelection\"\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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.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,
@@ -1198,7 +1201,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\">\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]=\"forceSelection\"\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"] }]
+                    ], 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]=\"forceSelection\"\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"] }]
         }], ctorParameters: () => [{ type: i1$2.TranslateService }], propDecorators: { name: [{
                 type: Input
             }], isMultiselect: [{
@@ -1484,7 +1487,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 }\">\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    [pKeyFilter]=\"pKeyFilter\"\n    pInputText\n    [placeholder]='placeholder ?? \" \"'\n    [formControlName]=\"controlName\"\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$5.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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: i2.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], 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: "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 }\">\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    [pKeyFilter]=\"pKeyFilter\"\r\n    pInputText\r\n    [placeholder]='placeholder ?? \" \"'\r\n    [formControlName]=\"controlName\"\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$5.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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: i2.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], 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: "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,
@@ -1497,7 +1500,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 }\">\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    [pKeyFilter]=\"pKeyFilter\"\n    pInputText\n    [placeholder]='placeholder ?? \" \"'\n    [formControlName]=\"controlName\"\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"] }]
+                    ], 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    [pKeyFilter]=\"pKeyFilter\"\r\n    pInputText\r\n    [placeholder]='placeholder ?? \" \"'\r\n    [formControlName]=\"controlName\"\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"] }]
         }], propDecorators: { name: [{
                 type: Input
             }], type: [{
@@ -1741,7 +1744,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" }, outputs: { onBlurEvent: "onBlurEvent" }, 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            (blur)=\"onBlurEvent.emit()\"\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$5.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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i2$2.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" }, outputs: { onBlurEvent: "onBlurEvent" }, 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            (blur)=\"onBlurEvent.emit()\"\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$5.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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i2$2.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,
@@ -1753,7 +1756,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]=\"{\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            (blur)=\"onBlurEvent.emit()\"\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"] }]
+                    ], 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            (blur)=\"onBlurEvent.emit()\"\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"] }]
         }], propDecorators: { name: [{
                 type: Input
             }], resize: [{
@@ -3598,7 +3601,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", isMultiselect: "isMultiselect", showClear: "showClear", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", isLoading: "isLoading", appendTo: "appendTo", isLabelVisible: "isLabelVisible", emptyMessage: "emptyMessage", virtualScroll: "virtualScroll" }, outputs: { getValueEvent: "getValueEvent", getUnselectedValueEvent: "getUnselectedValueEvent" }, usesOnChanges: true, 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!\"></lib-tooltip>\n  </div>\n  <p-treeselect\n    [ngClass]=\"{\n      'ng-dirty':\n        (group.get(controlName)!.errors && group.get(controlName)!.touched) ||\n        formStatus!.isSubmitTriggered ||\n        formStatus!.isNestedFormSubmit!\n    }\"\n    [inputId]=\"name\"\n    [appendTo]=\"appendTo\"\n    (onNodeSelect)=\"getSelectedValue($event.node)\"\n    (onNodeUnselect)=\"getUnselectedValue($event.node)\"\n    [options]=\"optionList\"\n    [selectionMode]=\"isMultiselect ? 'multiple' : 'single'\"\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]=\"\n      group.get(controlName)!.errors &&\n      (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)\n    \"\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>\n  </p-treeselect>\n\n  <lib-error\n    *ngIf=\"\n      (group.get(controlName)!.errors && group.get(controlName)!.touched) ||\n      formStatus!.isSubmitTriggered ||\n      formStatus!.isNestedFormSubmit!\n    \"\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'\"></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}::ng-deep li.node-disabled .p-tree-node-label{opacity:.4;color:#999}::ng-deep li.node-disabled .p-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.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", isMultiselect: "isMultiselect", showClear: "showClear", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", isLoading: "isLoading", appendTo: "appendTo", isLabelVisible: "isLabelVisible", emptyMessage: "emptyMessage", virtualScroll: "virtualScroll" }, outputs: { getValueEvent: "getValueEvent", getUnselectedValueEvent: "getUnselectedValueEvent" }, usesOnChanges: true, 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!\"></lib-tooltip>\r\n  </div>\r\n  <p-treeselect\r\n    [ngClass]=\"{\r\n      'ng-dirty':\r\n        (group.get(controlName)!.errors && group.get(controlName)!.touched) ||\r\n        formStatus!.isSubmitTriggered ||\r\n        formStatus!.isNestedFormSubmit!\r\n    }\"\r\n    [inputId]=\"name\"\r\n    [appendTo]=\"appendTo\"\r\n    (onNodeSelect)=\"getSelectedValue($event.node)\"\r\n    (onNodeUnselect)=\"getUnselectedValue($event.node)\"\r\n    [options]=\"optionList\"\r\n    [selectionMode]=\"isMultiselect ? 'multiple' : 'single'\"\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]=\"\r\n      group.get(controlName)!.errors &&\r\n      (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)\r\n    \"\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>\r\n  </p-treeselect>\r\n\r\n  <lib-error\r\n    *ngIf=\"\r\n      (group.get(controlName)!.errors && group.get(controlName)!.touched) ||\r\n      formStatus!.isSubmitTriggered ||\r\n      formStatus!.isNestedFormSubmit!\r\n    \"\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'\"></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}::ng-deep li.node-disabled .p-tree-node-label{opacity:.4;color:#999}::ng-deep li.node-disabled .p-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.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,
@@ -3610,7 +3613,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\">\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!\"></lib-tooltip>\n  </div>\n  <p-treeselect\n    [ngClass]=\"{\n      'ng-dirty':\n        (group.get(controlName)!.errors && group.get(controlName)!.touched) ||\n        formStatus!.isSubmitTriggered ||\n        formStatus!.isNestedFormSubmit!\n    }\"\n    [inputId]=\"name\"\n    [appendTo]=\"appendTo\"\n    (onNodeSelect)=\"getSelectedValue($event.node)\"\n    (onNodeUnselect)=\"getUnselectedValue($event.node)\"\n    [options]=\"optionList\"\n    [selectionMode]=\"isMultiselect ? 'multiple' : 'single'\"\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]=\"\n      group.get(controlName)!.errors &&\n      (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)\n    \"\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>\n  </p-treeselect>\n\n  <lib-error\n    *ngIf=\"\n      (group.get(controlName)!.errors && group.get(controlName)!.touched) ||\n      formStatus!.isSubmitTriggered ||\n      formStatus!.isNestedFormSubmit!\n    \"\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'\"></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}::ng-deep li.node-disabled .p-tree-node-label{opacity:.4;color:#999}::ng-deep li.node-disabled .p-checkbox{pointer-events:none}\n"] }]
+                    ], 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!\"></lib-tooltip>\r\n  </div>\r\n  <p-treeselect\r\n    [ngClass]=\"{\r\n      'ng-dirty':\r\n        (group.get(controlName)!.errors && group.get(controlName)!.touched) ||\r\n        formStatus!.isSubmitTriggered ||\r\n        formStatus!.isNestedFormSubmit!\r\n    }\"\r\n    [inputId]=\"name\"\r\n    [appendTo]=\"appendTo\"\r\n    (onNodeSelect)=\"getSelectedValue($event.node)\"\r\n    (onNodeUnselect)=\"getUnselectedValue($event.node)\"\r\n    [options]=\"optionList\"\r\n    [selectionMode]=\"isMultiselect ? 'multiple' : 'single'\"\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]=\"\r\n      group.get(controlName)!.errors &&\r\n      (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)\r\n    \"\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>\r\n  </p-treeselect>\r\n\r\n  <lib-error\r\n    *ngIf=\"\r\n      (group.get(controlName)!.errors && group.get(controlName)!.touched) ||\r\n      formStatus!.isSubmitTriggered ||\r\n      formStatus!.isNestedFormSubmit!\r\n    \"\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'\"></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}::ng-deep li.node-disabled .p-tree-node-label{opacity:.4;color:#999}::ng-deep li.node-disabled .p-checkbox{pointer-events:none}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.TranslateService }], propDecorators: { name: [{
                 type: Input
             }], group: [{