@n-isi-platform/design-system 1.0.28 → 1.0.30

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

@@ -1347,6 +1347,7 @@ class DateInputComponent {
         if (this.maxDateRangeOneYear) {
             this.maxDate = this.getDateRangeInYear();
         }
+        console.log(this.minDate);
     }
     getDateInThreeMonths() {
         const currentDate = new Date();
@@ -1593,7 +1594,7 @@ class DropdownComponent {
         return this.translateService.instant('components.dropdown.emptyFilterList');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropdownComponent, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DropdownComponent, isStandalone: true, selector: "lib-dropdown[group][controlName][name]", inputs: { name: "name", isMultiselect: "isMultiselect", selectedItemLabel: "selectedItemLabel", group: "group", controlName: "controlName", label: "label", optionList: "optionList", optionLabel: "optionLabel", optionalValue: "optionalValue", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", filterBy: "filterBy", showClear: "showClear", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", nestedGroup: "nestedGroup", isLoading: "isLoading", appendTo: "appendTo", isLabelVisible: "isLabelVisible", emptyMessage: "emptyMessage", virtualScroll: "virtualScroll", ariaFilterLabel: "ariaFilterLabel", optionValue: "optionValue" }, outputs: { getValueEvent: "getValueEvent" }, ngImport: i0, template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-select *ngIf=\"!isMultiselect\"\r\n              [inputId]=\"name\"\r\n              [appendTo]=\"appendTo\"\r\n              (onChange)='getSelectedValue($event)'\r\n              [options]=\"optionList\"\r\n              [optionLabel]=\"!nestedGroup ? optionLabel : undefined\"\r\n              [formControlName]=\"controlName\"\r\n              [placeholder]='placeholder'\r\n              [virtualScroll]=\"virtualScroll\"\r\n              [virtualScrollItemSize]=\"38\"\r\n              [group]=\"nestedGroup\"\r\n              [filter]='filter'\r\n              [filterBy]='filterBy'\r\n              [showClear]=\"group.get(controlName)?.value && showClear\"\r\n              [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n              [attr.aria-label]=\"accessibilityText\"\r\n              (onClear)=\"onClear()\"\r\n              [optionValue]=\"optionValue\"\r\n              [emptyMessage]=\"emptyDropdownMessage\"\r\n              [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\r\n              [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n              [ariaFilterLabel]=\"ariaFilterLabel!\"\r\n              [attr.aria-describedby]=\"name + 'Error'\"\r\n              [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n              [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n      <div class=\"flex align-items-center\">\r\n        <span>{{ nestedGroup.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-select>\r\n  <p-multiselect\r\n    *ngIf=\"isMultiselect\"\r\n    [inputId]=\"name\"\r\n    [appendTo]=\"appendTo\"\r\n    (onChange)='getSelectedValue($event)'\r\n    [options]=\"optionList\"\r\n    [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\r\n    [formControlName]=\"controlName\"\r\n    [optionValue]=\"optionValue\"\r\n    [virtualScroll]=\"virtualScroll\"\r\n    [virtualScrollItemSize]=\"38\"\r\n    [group]=\"nestedGroup\"\r\n    [filter]='filter'\r\n    [filterBy]='filterBy'\r\n    [selectedItemsLabel]=\"dynamicItemsLabel\"\r\n    [placeholder]=\"placeholder\"\r\n    [showClear]=\"group.get(controlName)!.value && showClear\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    (onClear)=\"onClear()\"\r\n    [emptyMessage]=\"emptyDropdownMessage\"\r\n    [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\r\n    [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n      <div class=\"flex align-items-center\">\r\n        <span>{{ nestedGroup.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-multiselect>\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isDirty]=\"group.get(controlName)!.pristine\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i5.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DropdownComponent, isStandalone: true, selector: "lib-dropdown[group][controlName][name]", inputs: { name: "name", isMultiselect: "isMultiselect", selectedItemLabel: "selectedItemLabel", group: "group", controlName: "controlName", label: "label", optionList: "optionList", optionLabel: "optionLabel", optionalValue: "optionalValue", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", filterBy: "filterBy", showClear: "showClear", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", nestedGroup: "nestedGroup", isLoading: "isLoading", appendTo: "appendTo", isLabelVisible: "isLabelVisible", emptyMessage: "emptyMessage", virtualScroll: "virtualScroll", ariaFilterLabel: "ariaFilterLabel", optionValue: "optionValue" }, outputs: { getValueEvent: "getValueEvent" }, ngImport: i0, template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-select *ngIf=\"!isMultiselect\"\r\n              [inputId]=\"name\"\r\n              [appendTo]=\"appendTo\"\r\n              (onChange)='getSelectedValue($event)'\r\n              [options]=\"optionList\"\r\n              [optionLabel]=\"!nestedGroup ? optionLabel : undefined\"\r\n              [formControlName]=\"controlName\"\r\n              [placeholder]='placeholder'\r\n              [virtualScroll]=\"virtualScroll\"\r\n              [virtualScrollItemSize]=\"38\"\r\n              [group]=\"nestedGroup\"\r\n              [filter]='filter'\r\n              [filterBy]='filterBy'\r\n              [showClear]=\"group.get(controlName)?.value && showClear\"\r\n              [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n              [attr.aria-label]=\"accessibilityText\"\r\n              (onClear)=\"onClear()\"\r\n              [optionValue]=\"optionValue\"\r\n              [emptyMessage]=\"emptyDropdownMessage\"\r\n              [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\r\n              [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n              [ariaFilterLabel]=\"ariaFilterLabel!\"\r\n              [attr.aria-describedby]=\"name + 'Error'\"\r\n              [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n              [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n      <div class=\"flex align-items-center\">\r\n        <span>{{ nestedGroup.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-select>\r\n  <p-multiselect\r\n    *ngIf=\"isMultiselect\"\r\n    [inputId]=\"name\"\r\n    [appendTo]=\"appendTo\"\r\n    (onChange)='getSelectedValue($event)'\r\n    [options]=\"optionList\"\r\n    [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\r\n    [formControlName]=\"controlName\"\r\n    [optionValue]=\"optionValue\"\r\n    [virtualScroll]=\"virtualScroll\"\r\n    [virtualScrollItemSize]=\"38\"\r\n    [group]=\"nestedGroup\"\r\n    [filter]='filter'\r\n    [filterBy]='filterBy'\r\n    [selectedItemsLabel]=\"dynamicItemsLabel\"\r\n    [placeholder]=\"placeholder\"\r\n    [showClear]=\"group.get(controlName)!.value && showClear\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    (onClear)=\"onClear()\"\r\n    [emptyMessage]=\"emptyDropdownMessage\"\r\n    [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\r\n    [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n      <div class=\"flex align-items-center\">\r\n        <span>{{ nestedGroup.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-multiselect>\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isDirty]=\"group.get(controlName)!.pristine\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: ["::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}::ng-deep .p-select .p-select-header{background-color:#3e7c94}::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i5.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
@@ -1607,7 +1608,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         PrimeTemplate,
                         MultiSelectModule,
                         ErrorComponent,
-                    ], template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-select *ngIf=\"!isMultiselect\"\r\n              [inputId]=\"name\"\r\n              [appendTo]=\"appendTo\"\r\n              (onChange)='getSelectedValue($event)'\r\n              [options]=\"optionList\"\r\n              [optionLabel]=\"!nestedGroup ? optionLabel : undefined\"\r\n              [formControlName]=\"controlName\"\r\n              [placeholder]='placeholder'\r\n              [virtualScroll]=\"virtualScroll\"\r\n              [virtualScrollItemSize]=\"38\"\r\n              [group]=\"nestedGroup\"\r\n              [filter]='filter'\r\n              [filterBy]='filterBy'\r\n              [showClear]=\"group.get(controlName)?.value && showClear\"\r\n              [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n              [attr.aria-label]=\"accessibilityText\"\r\n              (onClear)=\"onClear()\"\r\n              [optionValue]=\"optionValue\"\r\n              [emptyMessage]=\"emptyDropdownMessage\"\r\n              [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\r\n              [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n              [ariaFilterLabel]=\"ariaFilterLabel!\"\r\n              [attr.aria-describedby]=\"name + 'Error'\"\r\n              [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n              [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n      <div class=\"flex align-items-center\">\r\n        <span>{{ nestedGroup.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-select>\r\n  <p-multiselect\r\n    *ngIf=\"isMultiselect\"\r\n    [inputId]=\"name\"\r\n    [appendTo]=\"appendTo\"\r\n    (onChange)='getSelectedValue($event)'\r\n    [options]=\"optionList\"\r\n    [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\r\n    [formControlName]=\"controlName\"\r\n    [optionValue]=\"optionValue\"\r\n    [virtualScroll]=\"virtualScroll\"\r\n    [virtualScrollItemSize]=\"38\"\r\n    [group]=\"nestedGroup\"\r\n    [filter]='filter'\r\n    [filterBy]='filterBy'\r\n    [selectedItemsLabel]=\"dynamicItemsLabel\"\r\n    [placeholder]=\"placeholder\"\r\n    [showClear]=\"group.get(controlName)!.value && showClear\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    (onClear)=\"onClear()\"\r\n    [emptyMessage]=\"emptyDropdownMessage\"\r\n    [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\r\n    [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n      <div class=\"flex align-items-center\">\r\n        <span>{{ nestedGroup.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-multiselect>\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isDirty]=\"group.get(controlName)!.pristine\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"] }]
+                    ], template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-select *ngIf=\"!isMultiselect\"\r\n              [inputId]=\"name\"\r\n              [appendTo]=\"appendTo\"\r\n              (onChange)='getSelectedValue($event)'\r\n              [options]=\"optionList\"\r\n              [optionLabel]=\"!nestedGroup ? optionLabel : undefined\"\r\n              [formControlName]=\"controlName\"\r\n              [placeholder]='placeholder'\r\n              [virtualScroll]=\"virtualScroll\"\r\n              [virtualScrollItemSize]=\"38\"\r\n              [group]=\"nestedGroup\"\r\n              [filter]='filter'\r\n              [filterBy]='filterBy'\r\n              [showClear]=\"group.get(controlName)?.value && showClear\"\r\n              [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n              [attr.aria-label]=\"accessibilityText\"\r\n              (onClear)=\"onClear()\"\r\n              [optionValue]=\"optionValue\"\r\n              [emptyMessage]=\"emptyDropdownMessage\"\r\n              [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\r\n              [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n              [ariaFilterLabel]=\"ariaFilterLabel!\"\r\n              [attr.aria-describedby]=\"name + 'Error'\"\r\n              [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n              [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n      <div class=\"flex align-items-center\">\r\n        <span>{{ nestedGroup.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-select>\r\n  <p-multiselect\r\n    *ngIf=\"isMultiselect\"\r\n    [inputId]=\"name\"\r\n    [appendTo]=\"appendTo\"\r\n    (onChange)='getSelectedValue($event)'\r\n    [options]=\"optionList\"\r\n    [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\r\n    [formControlName]=\"controlName\"\r\n    [optionValue]=\"optionValue\"\r\n    [virtualScroll]=\"virtualScroll\"\r\n    [virtualScrollItemSize]=\"38\"\r\n    [group]=\"nestedGroup\"\r\n    [filter]='filter'\r\n    [filterBy]='filterBy'\r\n    [selectedItemsLabel]=\"dynamicItemsLabel\"\r\n    [placeholder]=\"placeholder\"\r\n    [showClear]=\"group.get(controlName)!.value && showClear\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    (onClear)=\"onClear()\"\r\n    [emptyMessage]=\"emptyDropdownMessage\"\r\n    [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\r\n    [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n      <div class=\"flex align-items-center\">\r\n        <span>{{ nestedGroup.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-multiselect>\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isDirty]=\"group.get(controlName)!.pristine\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: ["::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}::ng-deep .p-select .p-select-header{background-color:#3e7c94}::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}::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: [{
@@ -3498,12 +3499,16 @@ class TreeSelectComponent {
     emptyMessage;
     virtualScroll = false;
     getValueEvent = new EventEmitter();
+    getUnselectedValueEvent = new EventEmitter();
     constructor(translateService) {
         this.translateService = translateService;
     }
     getSelectedValue(event) {
         this.getValueEvent.emit(event);
     }
+    getUnselectedValue(event) {
+        this.getUnselectedValueEvent.emit(event);
+    }
     ngOnInit() {
         this._isTooltipVisible = !!this.tooltipText;
     }
@@ -3519,7 +3524,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" }, ngImport: i0, template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-treeselect \r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n    [inputId]=\"name\"\r\n    [appendTo]=\"appendTo\"    \r\n    (onNodeSelect)='getSelectedValue($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]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n    [attr.aria-required]=\"isRequired\"\r\n    [showClear]=\"group.get(controlName)?.value && showClear\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    (onClear)=\"onClear()\"\r\n    [emptyMessage]=\"emptyDropdownMessage\"  \r\n    containerStyleClass=\"w-full\" \r\n    [showClear]=\"false\" \r\n    formControlName=\"klasifikacijskiRazredId\" \r\n  />\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isDirty]=\"group.get(controlName)!.pristine\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: TreeSelectModule }, { kind: "component", type: i3$2.TreeSelect, selector: "p-treeSelect, p-treeselect, p-tree-select", inputs: ["inputId", "scrollHeight", "disabled", "metaKeySelection", "variant", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "fluid", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "size", "virtualScrollOptions", "autofocus", "options", "showTransitionOptions", "hideTransitionOptions", "loading"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TreeSelectComponent, isStandalone: true, selector: "lib-tree-select[group][controlName][name]", inputs: { name: "name", group: "group", controlName: "controlName", label: "label", optionList: "optionList", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", 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" }, ngImport: i0, template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-treeselect \r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n    [inputId]=\"name\"\r\n    [appendTo]=\"appendTo\"    \r\n    (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]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n    [attr.aria-required]=\"isRequired\"\r\n    [showClear]=\"group.get(controlName)?.value && showClear\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    (onClear)=\"onClear()\"\r\n    [emptyMessage]=\"emptyDropdownMessage\"  \r\n    containerStyleClass=\"w-full\" \r\n    [showClear]=\"false\" \r\n    formControlName=\"klasifikacijskiRazredId\" \r\n  />\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isDirty]=\"group.get(controlName)!.pristine\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: TreeSelectModule }, { kind: "component", type: i3$2.TreeSelect, selector: "p-treeSelect, p-treeselect, p-tree-select", inputs: ["inputId", "scrollHeight", "disabled", "metaKeySelection", "variant", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "fluid", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "size", "virtualScrollOptions", "autofocus", "options", "showTransitionOptions", "hideTransitionOptions", "loading"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TreeSelectComponent, decorators: [{
             type: Component,
@@ -3531,7 +3536,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         TreeSelectModule,
                         NgClass,
                         ErrorComponent,
-                    ], template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-treeselect \r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n    [inputId]=\"name\"\r\n    [appendTo]=\"appendTo\"    \r\n    (onNodeSelect)='getSelectedValue($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]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n    [attr.aria-required]=\"isRequired\"\r\n    [showClear]=\"group.get(controlName)?.value && showClear\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    (onClear)=\"onClear()\"\r\n    [emptyMessage]=\"emptyDropdownMessage\"  \r\n    containerStyleClass=\"w-full\" \r\n    [showClear]=\"false\" \r\n    formControlName=\"klasifikacijskiRazredId\" \r\n  />\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isDirty]=\"group.get(controlName)!.pristine\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"] }]
+                    ], template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-treeselect \r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n    [inputId]=\"name\"\r\n    [appendTo]=\"appendTo\"    \r\n    (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]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n    [attr.aria-required]=\"isRequired\"\r\n    [showClear]=\"group.get(controlName)?.value && showClear\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    (onClear)=\"onClear()\"\r\n    [emptyMessage]=\"emptyDropdownMessage\"  \r\n    containerStyleClass=\"w-full\" \r\n    [showClear]=\"false\" \r\n    formControlName=\"klasifikacijskiRazredId\" \r\n  />\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isDirty]=\"group.get(controlName)!.pristine\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n</div>\r\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.TranslateService }], propDecorators: { name: [{
                 type: Input
             }], group: [{
@@ -3572,6 +3577,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Input
             }], getValueEvent: [{
                 type: Output
+            }], getUnselectedValueEvent: [{
+                type: Output
             }] } });
 
 /**
@@ -4027,6 +4034,23 @@ class DateService {
         const withoutTimezone = new Date(date.valueOf() - tzoffset).toISOString();
         return withoutTimezone;
     }
+    parseDateStrToDate(isoString) {
+        // Strip timezone (Z or +hh:mm or -hh:mm)
+        const noTz = isoString.replace(/Z|[+-]\d{2}:\d{2}$/, '');
+        // Split date and time
+        const [datePart, timePart = '00:00:00'] = noTz.split('T');
+        const [year, month, day] = datePart.split('-').map(Number);
+        // timePart might be "HH:MM" or "HH:MM:SS.sss"
+        const [hStr = '0', mStr = '0', sMsStr = '0'] = timePart.split(':');
+        const hour = Number(hStr);
+        const minute = Number(mStr);
+        // sMsStr could be "00" or "00.000"
+        const [secStr = '0', msStr = '0'] = sMsStr.split('.');
+        const second = Number(secStr);
+        const ms = Number(msStr);
+        // Build LOCAL date (no UTC conversion)
+        return new Date(year, month - 1, day, hour, minute, second, ms);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateService, providedIn: 'root' });
 }