@n-isi-platform/design-system 1.0.7 → 1.0.9

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

@@ -460,6 +460,18 @@ class SharedAuthService {
             };
         });
     }
+    getObmocniUradiUporabnika() {
+        const vloge = this.getUserVloge();
+        if (vloge && vloge.length > 0) {
+            const vloga = vloge[0];
+            let ids = [];
+            vloga.sektor?.forEach(item => {
+                ids = [...ids, ...item.obmocniUradIds.filter(f => f !== -1)];
+            });
+            return ids;
+        }
+        return [];
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SharedAuthService, deps: [{ token: i1.Router }, { token: LocalStorageService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SharedAuthService, providedIn: 'root' });
 }
@@ -1284,11 +1296,12 @@ class DateInputComponent {
     formStatus;
     showClear = false;
     isPublicDate = true;
-    minDate;
+    minDate; // Mare: da je možno izbrati datum od danes naprej
     maxDate;
     minDateToday = false;
     maxDateSixMonths = false; // da je možno datum izbirat 6 mesecev vnaprej
     maxDateThreeMonths = false; // da je možno datum izbirat 3 mesece vnaprej
+    maxDateRangeOneYear = false; // da je možno datum izbirat 1 leto vnaprej
     setMinAndMax = false;
     hasGap = true;
     disabledDates;
@@ -1316,6 +1329,9 @@ class DateInputComponent {
         if (this.minDateToday) {
             this.minDate = new Date();
         }
+        if (this.maxDateRangeOneYear) {
+            this.maxDate = this.getDateRangeInYear();
+        }
     }
     getDateInThreeMonths() {
         const currentDate = new Date();
@@ -1336,6 +1352,12 @@ class DateInputComponent {
         currentDate.setFullYear(currentDate.getFullYear() + 10);
         return currentDate;
     }
+    getDateRangeInYear() {
+        const currentDate = new Date();
+        currentDate.setFullYear(currentDate.getFullYear() + 1);
+        console.log(currentDate);
+        return currentDate;
+    }
     getDateTomorrow(time) {
         const currentTime = new Date();
         const [hours, minutes] = time.split(':').map(Number);
@@ -1350,7 +1372,7 @@ class DateInputComponent {
     }
     getTomorrowDate = getTomorrowDate;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DateInputComponent, isStandalone: true, selector: "lib-date-input[group][controlName][name]", inputs: { isLabelVisible: "isLabelVisible", name: "name", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", dateFormat: "dateFormat", group: "group", controlName: "controlName", showIcon: "showIcon", selectionMode: "selectionMode", touchUI: "touchUI", formStatus: "formStatus", showClear: "showClear", isPublicDate: "isPublicDate", minDate: "minDate", maxDate: "maxDate", minDateToday: "minDateToday", maxDateSixMonths: "maxDateSixMonths", maxDateThreeMonths: "maxDateThreeMonths", setMinAndMax: "setMinAndMax", hasGap: "hasGap", disabledDates: "disabledDates", appendTo: "appendTo", groupError: "groupError", showTime: "showTime", availableDates: "availableDates", disabledDays: "disabledDays", disabledWeekends: "disabledWeekends" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<div class='flex flex-column' [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n\r\n  <p-datepicker\r\n    [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [appendTo]=\"appendTo\"\r\n    *ngIf=\"setMinAndMax\"\r\n    [inputId]=\"name\"\r\n    (onSelect)=\"onSelect.emit($event)\"\r\n    [placeholder]='placeholder'\r\n    [dateFormat]=\"dateFormat\"\r\n    [showIcon]=\"showIcon\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [formControlName]=\"controlName\"\r\n    [touchUI]=\"touchUI\"\r\n    [minDate]=\"minDate || getDateFifteenDaysAgo()\"\r\n    [maxDate]=\"maxDate\"\r\n    [showClear]=\"showClear\"\r\n    (onClear)=\"group.get(controlName)?.reset()\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\r\n    [disabledDays]=\"disabledDays\"\r\n    [disabledDates]=\"disabledDates\"\r\n    [showTime]=\"showTime\"\r\n    hourFormat=\"24\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <!-- Mare; ideja da barva dolo\u010Dene dneve (npr. takrat ki ni prostih terminov) -->\r\n    <!-- 24.05.2024 Mare; zaenkrat ne potrebujemo ve\u010D, ker so neprosti dnevi kar disabled -->\r\n    <ng-template pTemplate=\"date\" let-date>\r\n      <div>{{date.day}}</div>\r\n    </ng-template>\r\n  </p-datepicker>\r\n\r\n  <p-datepicker\r\n    [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [appendTo]=\"appendTo\"\r\n    *ngIf=\"!setMinAndMax\"\r\n    (onSelect)=\"onSelect.emit($event)\"\r\n    [inputId]=\"name\"\r\n    [placeholder]='placeholder'\r\n    [dateFormat]=\"dateFormat\"\r\n    [showIcon]=\"showIcon\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [formControlName]=\"controlName\"\r\n    [touchUI]=\"touchUI\"\r\n    [showClear]=\"showClear\"\r\n    (onClear)=\"group.get(controlName)?.reset()\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    [disabledDays]=\"disabledDays\"\r\n    [disabledDates]=\"disabledDates\"\r\n    [showTime]=\"showTime\"\r\n    hourFormat=\"24\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  ></p-datepicker>\r\n</div>\r\n<lib-error\r\n  *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\r\n  [hasError]=\"group.get(controlName)!.errors\"\r\n  [isTouched]=\"group.get(controlName)!.touched\"\r\n  [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n  [hasGroupError]=\"groupError\"\r\n  [errorId]=\"name+'Error'\"\r\n></lib-error>\r\n", styles: [":host ::ng-deep{width:100%}:host ::ng-deep .p-datepicker-dropdown{background-color:#3e7c94;color:#fff;border-color:#3e7c94}:host ::ng-deep .p-datepicker-dropdown:hover{background-color:#1b495a!important;border-color:#1b495a!important;color:#fff!important}:host ::ng-deep .p-datepicker-title>*{color:#fff!important;font-weight:700}:host ::ng-deep .p-datepicker-clear-icon{padding-right:8px;color:#6d7375;cursor:pointer}:host ::ng-deep .p-datepicker{min-width:max-content!important;width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-datepicker::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-datepicker:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-datepicker:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-datepicker table td>span.p-highlight{color:#000;background:#3e7c94}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-datepicker-prev-button,:host ::ng-deep .p-datepicker-next-button{color:#fff!important}:host ::ng-deep .p-inputtext{border:none}:host ::ng-deep .appointment-not-available{background:#ff7373;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .appointment-available{background:#e0fde7;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .p-button{border-radius:0 8px 8px 0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$1.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DateInputComponent, isStandalone: true, selector: "lib-date-input[group][controlName][name]", inputs: { isLabelVisible: "isLabelVisible", name: "name", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", dateFormat: "dateFormat", group: "group", controlName: "controlName", showIcon: "showIcon", selectionMode: "selectionMode", touchUI: "touchUI", formStatus: "formStatus", showClear: "showClear", isPublicDate: "isPublicDate", minDate: "minDate", maxDate: "maxDate", minDateToday: "minDateToday", maxDateSixMonths: "maxDateSixMonths", maxDateThreeMonths: "maxDateThreeMonths", maxDateRangeOneYear: "maxDateRangeOneYear", setMinAndMax: "setMinAndMax", hasGap: "hasGap", disabledDates: "disabledDates", appendTo: "appendTo", groupError: "groupError", showTime: "showTime", availableDates: "availableDates", disabledDays: "disabledDays", disabledWeekends: "disabledWeekends" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<div class='flex flex-column' [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [for]=\"name\" class=\"mr-2\">\r\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n\r\n  <p-datepicker\r\n    [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [appendTo]=\"appendTo\"\r\n    *ngIf=\"setMinAndMax\"\r\n    [inputId]=\"name\"\r\n    (onSelect)=\"onSelect.emit($event)\"\r\n    [placeholder]='placeholder'\r\n    [dateFormat]=\"dateFormat\"\r\n    [showIcon]=\"showIcon\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [formControlName]=\"controlName\"\r\n    [touchUI]=\"touchUI\"\r\n    [minDate]=\"minDate || getDateFifteenDaysAgo()\"\r\n    [maxDate]=\"maxDate\"\r\n    [showClear]=\"showClear\"\r\n    (onClear)=\"group.get(controlName)?.reset()\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\r\n    [disabledDays]=\"disabledDays\"\r\n    [disabledDates]=\"disabledDates\"\r\n    [showTime]=\"showTime\"\r\n    hourFormat=\"24\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  >\r\n    <!-- Mare; ideja da barva dolo\u010Dene dneve (npr. takrat ki ni prostih terminov) -->\r\n    <!-- 24.05.2024 Mare; zaenkrat ne potrebujemo ve\u010D, ker so neprosti dnevi kar disabled -->\r\n    <ng-template pTemplate=\"date\" let-date>\r\n      <div>{{date.day}}</div>\r\n    </ng-template>\r\n  </p-datepicker>\r\n\r\n  <p-datepicker\r\n    [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [appendTo]=\"appendTo\"\r\n    *ngIf=\"!setMinAndMax\"\r\n    (onSelect)=\"onSelect.emit($event)\"\r\n    [inputId]=\"name\"\r\n    [placeholder]='placeholder'\r\n    [dateFormat]=\"dateFormat\"\r\n    [showIcon]=\"showIcon\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [formControlName]=\"controlName\"\r\n    [touchUI]=\"touchUI\"\r\n    [showClear]=\"showClear\"\r\n    (onClear)=\"group.get(controlName)?.reset()\"\r\n    [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\r\n    [attr.aria-label]=\"accessibilityText\"\r\n    [disabledDays]=\"disabledDays\"\r\n    [disabledDates]=\"disabledDates\"\r\n    [showTime]=\"showTime\"\r\n    hourFormat=\"24\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  ></p-datepicker>\r\n</div>\r\n<lib-error\r\n  *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\r\n  [hasError]=\"group.get(controlName)!.errors\"\r\n  [isTouched]=\"group.get(controlName)!.touched\"\r\n  [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n  [hasGroupError]=\"groupError\"\r\n  [errorId]=\"name+'Error'\"\r\n></lib-error>\r\n", styles: [":host ::ng-deep{width:100%}:host ::ng-deep .p-datepicker-dropdown{background-color:#3e7c94;color:#fff;border-color:#3e7c94}:host ::ng-deep .p-datepicker-dropdown:hover{background-color:#1b495a!important;border-color:#1b495a!important;color:#fff!important}:host ::ng-deep .p-datepicker-title>*{color:#fff!important;font-weight:700}:host ::ng-deep .p-datepicker-clear-icon{padding-right:8px;color:#6d7375;cursor:pointer}:host ::ng-deep .p-datepicker{min-width:max-content!important;width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-datepicker::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-datepicker:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-datepicker:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-datepicker table td>span.p-highlight{color:#000;background:#3e7c94}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-datepicker-prev-button,:host ::ng-deep .p-datepicker-next-button{color:#fff!important}:host ::ng-deep .p-inputtext{border:none}:host ::ng-deep .appointment-not-available{background:#ff7373;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .appointment-available{background:#e0fde7;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .p-button{border-radius:0 8px 8px 0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$1.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateInputComponent, decorators: [{
             type: Component,
@@ -1408,6 +1430,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Input
             }], maxDateThreeMonths: [{
                 type: Input
+            }], maxDateRangeOneYear: [{
+                type: Input
             }], setMinAndMax: [{
                 type: Input
             }], hasGap: [{
@@ -1937,7 +1961,7 @@ class CustomTableComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CustomTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CustomTableComponent, isStandalone: true, selector: "lib-custom-table[tableData][tableColumns]", inputs: { tableData: "tableData", tableColumns: "tableColumns", isPaginatorVisible: "isPaginatorVisible", tableRowCount: "tableRowCount", scrollable: "scrollable", scrollHeight: "scrollHeight", selectedProducts: "selectedProducts", isEditingTable: "isEditingTable", isTableLoading: "isTableLoading", hideColumnsOnMobile: "hideColumnsOnMobile", tableMinWidth: "tableMinWidth", isVirtualScrollButtonVisible: "isVirtualScrollButtonVisible", isVirtualScroll: "isVirtualScroll", virtualScrollRowSize: "virtualScrollRowSize", tableCaption: "tableCaption", captionColorClass: "captionColorClass", isCaptionButtonVisible: "isCaptionButtonVisible", captionButtonLabel: "captionButtonLabel", captionButtonColor: "captionButtonColor", isTableHeaderVisible: "isTableHeaderVisible", emptyColumnWidth: "emptyColumnWidth", toggleTableHeaderName: "toggleTableHeaderName", toggleWidth: "toggleWidth", toggleTwoTableHeaderName: "toggleTwoTableHeaderName", toggleTwoWidth: "toggleTwoWidth", toggleThreeTableHeaderName: "toggleThreeTableHeaderName", toggleThreeWidth: "toggleThreeWidth", toggleFourTableHeaderName: "toggleFourTableHeaderName", toggleFourWidth: "toggleFourWidth", rowColor: "rowColor", formGroup: "formGroup", type: "type", formStatus: "formStatus", tagColor: "tagColor", isWarningTextVisible: "isWarningTextVisible", isButtonOneVisible: "isButtonOneVisible", buttonLabel: "buttonLabel", buttonOneLabel: "buttonOneLabel", buttonOneHasIcon: "buttonOneHasIcon", buttonOneEditIcon: "buttonOneEditIcon", buttonOneSaveIcon: "buttonOneSaveIcon", buttonOneColor: "buttonOneColor", buttonOneIcon: "buttonOneIcon", isPlainTableIconButtonOne: "isPlainTableIconButtonOne", isPlainTableButtonOneLink: "isPlainTableButtonOneLink", isButtonTwoVisible: "isButtonTwoVisible", buttonTwoLabel: "buttonTwoLabel", buttonTwoHasIcon: "buttonTwoHasIcon", buttonTwoDeleteIcon: "buttonTwoDeleteIcon", buttonTwoCancelIcon: "buttonTwoCancelIcon", buttonTwoColor: "buttonTwoColor", buttonTwoIcon: "buttonTwoIcon", isPlainTableIconButtonTwo: "isPlainTableIconButtonTwo", isDeactivateToggle: "isDeactivateToggle", isDeactivateToggleTwo: "isDeactivateToggleTwo", isDeactivateToggleThree: "isDeactivateToggleThree", isDeactivateToggleFour: "isDeactivateToggleFour", showEllipsisFullText: "showEllipsisFullText" }, outputs: { captionButtonClicked: "captionButtonClicked", buttonEditClick: "buttonEditClick", buttonSaveClick: "buttonSaveClick", buttonOneClick: "buttonOneClick", buttonDeleteClick: "buttonDeleteClick", buttonTwoClick: "buttonTwoClick", toggleSwitch: "toggleSwitch", toggleTwoSwitch: "toggleTwoSwitch", toggleThreeSwitch: "toggleThreeSwitch", toggleFourSwitch: "toggleFourSwitch", checkboxOne: "checkboxOne" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<p-table\r\n  #dt\r\n  [value]=\"tableData\"\r\n  [paginator]=\"isPaginatorVisible\"\r\n  [rows]=\"tableRowCount\"\r\n  [showCurrentPageReport]=\"false\"\r\n  [scrollable]=\"scrollable\"\r\n  [scrollHeight]=\"scrollHeight\"\r\n  dataKey=\"id\"\r\n  editMode=\"row\"\r\n  [ngClass]=\"captionColorClass\"\r\n  [loading]=\"isTableLoading\"\r\n  [tableStyle]=\"{'min-width': tableMinWidth}\"\r\n  [virtualScroll]=\"isVirtualScroll\"\r\n  [virtualScrollItemSize]=\"virtualScrollRowSize\"\r\n  aria-live=\"polite\"\r\n>\r\n  <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">\r\n    <div class=\"flex align-items-center justify-content-between\">\r\n      {{ tableCaption }}\r\n      <span *ngIf=\"isVirtualScrollButtonVisible\"\r\n            (click)=\"isVirtualScroll = !isVirtualScroll\"\r\n            [ngStyle]=\"{'color': isVirtualScroll ? '' : 'lightgray'}\"\r\n            class=\"pi pi-sort cursor-pointer\">\r\n      </span>\r\n      <lib-button\r\n        *ngIf=\"isCaptionButtonVisible\"\r\n        [label]=\"captionButtonLabel\"\r\n        [color]=\"captionButtonColor\"\r\n        (clickEvent)=\"clickCaptionButton($event)\"\r\n      ></lib-button>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\r\n    <tr>\r\n      <ng-container *ngFor=\"let column of tableColumns\">\r\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n          <th  scope=\"col\" [style.width]=\"column.width\">\r\n            {{ column.header | translate }}\r\n          </th>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <th *ngFor=\"let _ of emptyHeaderColumnList\" [style.width]=\"emptyColumnWidth\" aria-hidden=\"true\"></th>\r\n      <th *ngIf=\"!!toggleTableHeaderName\" scope=\"col\" [style.width]=\"toggleWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleTableHeaderName }}\r\n      </th>\r\n      <th *ngIf=\"!!toggleTwoTableHeaderName\" scope=\"col\" [style.width]=\"toggleTwoWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleTwoTableHeaderName }}\r\n      </th>\r\n      <th *ngIf=\"!!toggleThreeTableHeaderName\" scope=\"col\" [style.width]=\"toggleThreeWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleThreeTableHeaderName }}\r\n      </th>\r\n      <th *ngIf=\"!!toggleFourTableHeaderName\" scope=\"col\" [style.width]=\"toggleFourWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleFourTableHeaderName }}\r\n      </th>\r\n    </tr>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"body\" let-rowData let-editing=\"editing\" let-ri=\"rowIndex\">\r\n    <!--\r\n      Mare; 2024-09-19: dodajanje logike barvanja rowColor za /cms/notifications, delat mora pa tudi v /vsi-termini\r\n    -->\r\n    <tr [pEditableRow]=\"rowData\" #htmlTableRowElement\r\n        [ngClass]=\"\r\n            rowData?.cmsStatus ?\r\n              (rowData?.cmsStatus === 'expired' ? 'disabled_row_color' :\r\n               rowData?.cmsStatus === 'planned' ? '' :\r\n               rowData?.cmsStatus === 'active' ? 'success_row_color' : '') :\r\n            (!rowData?.registered ? rowColor : '')\r\n      \">\r\n      <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\r\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n          <td [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n            <!-- Text input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'input'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-input\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [type]=\"column.inputType ? column.inputType : type\"\r\n                    placeholder=\"{{ column.placeholder! |translate }}\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                  ></lib-input>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    <ng-container *ngIf=\"column.isLink; else notLink\">\r\n                      <a href=\"{{ rowData[column.field] }}\" target=\"_blank\">\r\n                        {{ rowData[column.field] }}\r\n                      </a>\r\n                    </ng-container>\r\n                    <ng-template #notLink>\r\n                      {{ rowData[column.field] }} {{ column?.suffix }}\r\n                    </ng-template>\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Date input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'date'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-date-input\r\n                    appendTo=\"body\"\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [setMinAndMax]=\"false\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                    placeholder=\"{{ column.placeholder! | translate }}\"\r\n                  ></lib-date-input>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    {{ rowData[column.field] | date: 'dd.MM.yyyy' }} {{ column?.suffix }}\r\n                  </ng-container>\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Date+Time output-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'dateTime'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    {{ rowData[column.field] | date: 'dd.MM.yyyy, HH:mm' }} {{ column?.suffix }}\r\n                  </ng-container>\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- TextArea input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'textarea'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-textarea *ngIf=\"column.maxLength === -1\"\r\n                    [customMaxLength]=\"null\"\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                    placeholder=\"{{ column.placeholder! |translate }}\"\r\n                  ></lib-textarea>\r\n                  <lib-textarea *ngIf=\"column.maxLength !== -1\"\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                    placeholder=\"{{ column.placeholder! |translate }}\"\r\n                  ></lib-textarea>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    <lib-tooltip\r\n                      [htmlParser]=\"true\"\r\n                      [text]=\"rowData[column.field]\"\r\n                    ></lib-tooltip>\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Dropdown input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'dropdown'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-dropdown\r\n                    label=\"Moje naloge\"\r\n                    placeholder=\"Izberite\"\r\n                    optionLabel=\"name\"\r\n                    [showClear]=\"true\"\r\n                    [formStatus]=\"formStatus\"\r\n\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n\r\n                    filterBy=\"name\"\r\n                    [isLoading]=\"false\"\r\n                    [optionList]=\"overviewList\"\r\n                    [filter]=\"true\"\r\n                    [isRequired]=\"false\"\r\n                  ></lib-dropdown>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    <lib-tooltip\r\n                      [htmlParser]=\"true\"\r\n                      [text]=\"rowData[column.field]\"\r\n                    ></lib-tooltip>\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Switch input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'switch'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-toggle-switch\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [checked]=\"rowData[column.field]\"\r\n                  ></lib-toggle-switch>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    {{ 'components.customTable.yes' | translate }}\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    {{ 'components.customTable.no' | translate }}\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Mare; dodal custom checkbox za izbiro vrstice -->\r\n            <!-- [controlName] je oblike rowChecked_2024-04-11T11:35:00_c3cff776-dc06-40ec-bab5-7cab26e2014a  -->\r\n            <!-- column.field = rowChecked -->\r\n            <!-- rowData[column?.control!] = 2024-04-11T11:35:00 (startDate) -->\r\n            <!-- rowData[column?.control2!] = c3cff776-dc06-40ec-bab5-7cab26e2014a (uuid) -->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'checkbox'\">\r\n                <lib-checkbox class=\"\"\r\n                              [group]=\"formGroup\"\r\n                              [controlName]=\"column.field + '_' + rowData[column?.control!] + '_' + rowData[column?.control2!]\"\r\n                              (clickCheckboxEvent)=\"clickCheckboxOne($event, rowData[column?.control!] + '_' + rowData[column?.control2!])\"\r\n                              label=\"\">\r\n                </lib-checkbox>\r\n            </ng-container>\r\n\r\n            <!-- Plain table-->\r\n            <ng-container *ngIf=\"!column.editable\">\r\n              <ng-container *ngIf=\"column.tooltip || column.tag || column.status || column.ellipsis; else valueCell\">\r\n                <!-- Tooltip -->\r\n                <ng-container *ngIf=\"column.tooltip\">\r\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n                    <lib-tooltip [htmlParser]=\"true\" [text]=\"getNestedValue(rowData, column.field)\"></lib-tooltip>\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n                    /\r\n                  </ng-container>\r\n                </ng-container>\r\n\r\n                <!-- Ellipsis -->\r\n                <ng-container *ngIf=\"column.ellipsis\">\r\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n                    <span>\r\n                      {{ getNestedValue(rowData, column.field) }}\r\n                    </span>\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n                    /\r\n                  </ng-container>\r\n                </ng-container>\r\n\r\n                <!-- Tag -->\r\n                <ng-container *ngIf=\"column.tag && getNestedValue(rowData, column.field)\">\r\n                  <lib-tag [tagText]=\"getNestedValue(rowData, column.field)\" [tagColor]=\"rowData.tagColor\" [rounded]=\"true\"></lib-tag>\r\n                </ng-container>\r\n\r\n                <!-- Status -->\r\n                <ng-container *ngIf=\"column.status\">\r\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n                    <div style=\"background-color: #66952E; height: 25px; width: 75px;\"></div>\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n                    <div style=\"background-color: #f44336; height: 25px; width: 75px;\"></div>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-template #valueCell>\r\n                <ng-container *ngIf=\"getNestedValue(rowData, column.field); else emptyCell\">\r\n                  <!-- Mare; dodal izjemo za 'cmsStatus' -->\r\n                  <ng-container *ngIf=\"column.field === 'cmsStatus'; else defaultContent\">\r\n                    {{ 'pages.cms.cmsStatus.' + getNestedValue(rowData, column.field) | translate }}\r\n                  </ng-container>\r\n                  <!-- Privzeta vsebina za vse ostale stolpce -->\r\n                  <ng-template #defaultContent>\r\n                    {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\r\n                  </ng-template>\r\n                 </ng-container>\r\n                <ng-template #emptyCell>\r\n                  /\r\n                </ng-template>\r\n              </ng-template>\r\n            </ng-container>\r\n\r\n            <p class=\"text-red-500 custom-small-text\" *ngIf=\"colIndex === 0 && rowData?.administrativeProcedure?.localJurisdiction && isWarningTextVisible\">\r\n              <br/> {{ 'components.customTable.notification' | translate }}\r\n            </p>\r\n          </td>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <!--  Button column one -->\r\n      <td *ngIf=\"isButtonOneVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n        <!--  Editing table-->\r\n        <ng-container *ngIf=\"isEditingTable; else plainTable\">\r\n          <lib-icon-button\r\n            *ngIf=\"!editing\"\r\n            pInitEditableRow\r\n            [color]=\"buttonOneColor\"\r\n            [icon]=\"buttonOneEditIcon\"\r\n            (click)='onRowEdit(rowData)'\r\n          ></lib-icon-button>\r\n          <lib-icon-button\r\n            *ngIf=\"editing\"\r\n            [color]=\"buttonOneColor!\"\r\n            [icon]=\"buttonOneSaveIcon\"\r\n            (click)='onRowSave(rowData, htmlTableRowElement)'\r\n          ></lib-icon-button>\r\n        </ng-container>\r\n\r\n        <!--  Plain table-->\r\n        <ng-template #plainTable>\r\n          <ng-container\r\n            *ngIf=\"(rowData?.administrativeProcedure === undefined || rowData?.administrativeProcedure?.detailsUrl !== null) && !isPlainTableIconButtonOne\"\r\n          >\r\n            <lib-button\r\n              *ngIf=\"!isPlainTableButtonOneLink\"\r\n              [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\r\n              [hasIcon]=\"buttonOneHasIcon!\"\r\n              [color]=\"rowData?.buttonColor ? rowData.buttonColor : buttonOneColor!\"\r\n              [icon]=\"buttonOneIcon!\"\r\n              (click)='clickButtonOne(rowData)'\r\n            ></lib-button>\r\n            <lib-button-link\r\n              *ngIf=\"isPlainTableButtonOneLink\"\r\n              [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\r\n              [isPrimary]=\"true\"\r\n              [hasIcon]=\"buttonOneHasIcon!\"\r\n              [icon]=\"buttonOneIcon! + ' md:ml-2'\"\r\n              (click)='clickButtonOne(rowData)'\r\n            ></lib-button-link>\r\n          </ng-container>\r\n          <lib-icon-button\r\n            *ngIf=\"isPlainTableIconButtonOne\"\r\n            [color]=\"buttonOneColor!\"\r\n            [icon]=\"buttonOneSaveIcon\"\r\n            (click)='clickButtonOne(rowData)'\r\n          ></lib-icon-button>\r\n        </ng-template>\r\n      </td>\r\n\r\n      <!--  Button column two -->\r\n      <td *ngIf=\"isButtonTwoVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n        <!--  Editing table-->\r\n        <ng-container *ngIf=\"isEditingTable; else plainTable\">\r\n          <lib-icon-button\r\n            *ngIf=\"!editing\"\r\n            [color]=\"buttonTwoColor\"\r\n            [icon]=\"buttonTwoDeleteIcon\"\r\n            (click)='onRowDelete(rowData)'\r\n          ></lib-icon-button>\r\n          <lib-icon-button\r\n            *ngIf=\"editing\"\r\n            [color]=\"buttonTwoColor\"\r\n            [icon]=\"buttonTwoCancelIcon\"\r\n            (click)=\"onRowCancel(rowData)\"\r\n          ></lib-icon-button>\r\n        </ng-container>\r\n\r\n        <!--  Plain table-->\r\n        <ng-template #plainTable>\r\n          <lib-button\r\n            *ngIf=\"!isPlainTableIconButtonTwo\"\r\n            [label]=\"buttonTwoLabel!\"\r\n            [hasIcon]=\"buttonTwoHasIcon!\"\r\n            [color]=\"buttonTwoColor!\"\r\n            [icon]=\"buttonTwoIcon!\"\r\n            (click)='clickButtonTwo(rowData)'\r\n          ></lib-button>\r\n          <lib-icon-button\r\n            *ngIf=\"isPlainTableIconButtonTwo\"\r\n            [color]=\"buttonTwoColor!\"\r\n            [icon]=\"buttonTwoDeleteIcon\"\r\n            (click)='clickButtonTwo(rowData)'\r\n          ></lib-icon-button>\r\n        </ng-template>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle -->\r\n      <td *ngIf=\"isDeactivateToggle\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isEnabled\"\r\n          (getValueEvent)=\"toggleEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle two -->\r\n      <td *ngIf=\"isDeactivateToggleTwo\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [disabled]=\"!rowData.isEnabled\"\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isAppointmentEnabled\"\r\n          (getValueEvent)=\"toggleTwoEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle three -->\r\n      <td *ngIf=\"isDeactivateToggleThree\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [disabled]=\"!rowData.isEnabled\"\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isNotificationEnabled\"\r\n          (getValueEvent)=\"toggleThreeEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle four -->\r\n      <td *ngIf=\"isDeactivateToggleFour\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [disabled]=\"!rowData.isEnabled\"\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isVrstomatEnabled\"\r\n          (getValueEvent)=\"toggleFourEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n</p-table>\r\n", styles: [":host ::ng-deep .future .p-datatable-header{background:#b2414d}:host ::ng-deep .past .p-datatable-header{background:#6d7375}:host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:8px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border:none;color:#fff;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:first-child,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:first-child{width:400px}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:nth-child(2),:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:nth-child(2){width:150px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent;height:50px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952eb3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.disabled_row_color{background:#b4b4b4b3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-datatable .table-icon-button{width:50px}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}@media (max-width: 600px){:host ::ng-deep .p-datatable .p-datatable-header{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:.5rem}}.disabled-row{opacity:.5;pointer-events:none}.custom-small-text{font-size:.8rem;line-height:.9}.ellipsis-text{cursor:n-resize}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$6.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1$6.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i1$6.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i1$6.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: InputComponent, selector: "lib-input[group][controlName][name]", inputs: ["name", "type", "label", "placeholder", "accessibilityText", "group", "controlName", "isRequired", "isLabelVisible", "tooltipPosition", "tooltipText", "formStatus", "groupError", "hasGap", "hasTitle", "maxLength"] }, { kind: "component", type: DateInputComponent, selector: "lib-date-input[group][controlName][name]", inputs: ["isLabelVisible", "name", "label", "placeholder", "accessibilityText", "isRequired", "tooltipPosition", "tooltipText", "dateFormat", "group", "controlName", "showIcon", "selectionMode", "touchUI", "formStatus", "showClear", "isPublicDate", "minDate", "maxDate", "minDateToday", "maxDateSixMonths", "maxDateThreeMonths", "setMinAndMax", "hasGap", "disabledDates", "appendTo", "groupError", "showTime", "availableDates", "disabledDays", "disabledWeekends"], outputs: ["onSelect"] }, { kind: "component", type: TextareaComponent, selector: "lib-textarea[group][controlName][name]", inputs: ["name", "resize", "label", "placeholder", "accessibilityText", "rows", "cols", "tooltipPosition", "tooltipText", "group", "controlName", "isRequired", "formStatus", "hasGap", "customMaxLength"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: DropdownComponent, selector: "lib-dropdown[group][controlName][name]", inputs: ["name", "isMultiselect", "selectedItemLabel", "group", "controlName", "label", "optionList", "optionLabel", "optionalValue", "placeholder", "accessibilityText", "filter", "filterBy", "showClear", "isRequired", "tooltipPosition", "tooltipText", "formStatus", "nestedGroup", "isLoading", "appendTo", "isLabelVisible", "emptyMessage", "virtualScroll", "ariaFilterLabel", "optionValue"], outputs: ["getValueEvent"] }, { kind: "component", type: ToggleSwitchComponent, selector: "lib-toggle-switch", inputs: ["group", "controlName", "isFormElement", "checked", "disabled"], outputs: ["getValueEvent", "checkedChanged"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox[group][controlName][label]", inputs: ["label", "group", "controlName", "value", "formStatus", "ariaLabel"], outputs: ["clickCheckboxEvent"] }, { kind: "component", type: TagComponent, selector: "lib-tag", inputs: ["tagText", "tagColor", "rounded"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["icon", "disabled", "color", "styleClass", "size"], outputs: ["clickEvent"] }, { kind: "component", type: ButtonLinkComponent, selector: "lib-button-link", inputs: ["hasIcon", "label", "isDanger", "isPrimary", "icon", "target", "accessibilityText"], outputs: ["clickEvent"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "date" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CustomTableComponent, isStandalone: true, selector: "lib-custom-table[tableData][tableColumns]", inputs: { tableData: "tableData", tableColumns: "tableColumns", isPaginatorVisible: "isPaginatorVisible", tableRowCount: "tableRowCount", scrollable: "scrollable", scrollHeight: "scrollHeight", selectedProducts: "selectedProducts", isEditingTable: "isEditingTable", isTableLoading: "isTableLoading", hideColumnsOnMobile: "hideColumnsOnMobile", tableMinWidth: "tableMinWidth", isVirtualScrollButtonVisible: "isVirtualScrollButtonVisible", isVirtualScroll: "isVirtualScroll", virtualScrollRowSize: "virtualScrollRowSize", tableCaption: "tableCaption", captionColorClass: "captionColorClass", isCaptionButtonVisible: "isCaptionButtonVisible", captionButtonLabel: "captionButtonLabel", captionButtonColor: "captionButtonColor", isTableHeaderVisible: "isTableHeaderVisible", emptyColumnWidth: "emptyColumnWidth", toggleTableHeaderName: "toggleTableHeaderName", toggleWidth: "toggleWidth", toggleTwoTableHeaderName: "toggleTwoTableHeaderName", toggleTwoWidth: "toggleTwoWidth", toggleThreeTableHeaderName: "toggleThreeTableHeaderName", toggleThreeWidth: "toggleThreeWidth", toggleFourTableHeaderName: "toggleFourTableHeaderName", toggleFourWidth: "toggleFourWidth", rowColor: "rowColor", formGroup: "formGroup", type: "type", formStatus: "formStatus", tagColor: "tagColor", isWarningTextVisible: "isWarningTextVisible", isButtonOneVisible: "isButtonOneVisible", buttonLabel: "buttonLabel", buttonOneLabel: "buttonOneLabel", buttonOneHasIcon: "buttonOneHasIcon", buttonOneEditIcon: "buttonOneEditIcon", buttonOneSaveIcon: "buttonOneSaveIcon", buttonOneColor: "buttonOneColor", buttonOneIcon: "buttonOneIcon", isPlainTableIconButtonOne: "isPlainTableIconButtonOne", isPlainTableButtonOneLink: "isPlainTableButtonOneLink", isButtonTwoVisible: "isButtonTwoVisible", buttonTwoLabel: "buttonTwoLabel", buttonTwoHasIcon: "buttonTwoHasIcon", buttonTwoDeleteIcon: "buttonTwoDeleteIcon", buttonTwoCancelIcon: "buttonTwoCancelIcon", buttonTwoColor: "buttonTwoColor", buttonTwoIcon: "buttonTwoIcon", isPlainTableIconButtonTwo: "isPlainTableIconButtonTwo", isDeactivateToggle: "isDeactivateToggle", isDeactivateToggleTwo: "isDeactivateToggleTwo", isDeactivateToggleThree: "isDeactivateToggleThree", isDeactivateToggleFour: "isDeactivateToggleFour", showEllipsisFullText: "showEllipsisFullText" }, outputs: { captionButtonClicked: "captionButtonClicked", buttonEditClick: "buttonEditClick", buttonSaveClick: "buttonSaveClick", buttonOneClick: "buttonOneClick", buttonDeleteClick: "buttonDeleteClick", buttonTwoClick: "buttonTwoClick", toggleSwitch: "toggleSwitch", toggleTwoSwitch: "toggleTwoSwitch", toggleThreeSwitch: "toggleThreeSwitch", toggleFourSwitch: "toggleFourSwitch", checkboxOne: "checkboxOne" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<p-table\r\n  #dt\r\n  [value]=\"tableData\"\r\n  [paginator]=\"isPaginatorVisible\"\r\n  [rows]=\"tableRowCount\"\r\n  [showCurrentPageReport]=\"false\"\r\n  [scrollable]=\"scrollable\"\r\n  [scrollHeight]=\"scrollHeight\"\r\n  dataKey=\"id\"\r\n  editMode=\"row\"\r\n  [ngClass]=\"captionColorClass\"\r\n  [loading]=\"isTableLoading\"\r\n  [tableStyle]=\"{'min-width': tableMinWidth}\"\r\n  [virtualScroll]=\"isVirtualScroll\"\r\n  [virtualScrollItemSize]=\"virtualScrollRowSize\"\r\n  aria-live=\"polite\"\r\n>\r\n  <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">\r\n    <div class=\"flex align-items-center justify-content-between\">\r\n      {{ tableCaption }}\r\n      <span *ngIf=\"isVirtualScrollButtonVisible\"\r\n            (click)=\"isVirtualScroll = !isVirtualScroll\"\r\n            [ngStyle]=\"{'color': isVirtualScroll ? '' : 'lightgray'}\"\r\n            class=\"pi pi-sort cursor-pointer\">\r\n      </span>\r\n      <lib-button\r\n        *ngIf=\"isCaptionButtonVisible\"\r\n        [label]=\"captionButtonLabel\"\r\n        [color]=\"captionButtonColor\"\r\n        (clickEvent)=\"clickCaptionButton($event)\"\r\n      ></lib-button>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\r\n    <tr>\r\n      <ng-container *ngFor=\"let column of tableColumns\">\r\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n          <th  scope=\"col\" [style.width]=\"column.width\">\r\n            {{ column.header | translate }}\r\n          </th>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <th *ngFor=\"let _ of emptyHeaderColumnList\" [style.width]=\"emptyColumnWidth\" aria-hidden=\"true\"></th>\r\n      <th *ngIf=\"!!toggleTableHeaderName\" scope=\"col\" [style.width]=\"toggleWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleTableHeaderName }}\r\n      </th>\r\n      <th *ngIf=\"!!toggleTwoTableHeaderName\" scope=\"col\" [style.width]=\"toggleTwoWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleTwoTableHeaderName }}\r\n      </th>\r\n      <th *ngIf=\"!!toggleThreeTableHeaderName\" scope=\"col\" [style.width]=\"toggleThreeWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleThreeTableHeaderName }}\r\n      </th>\r\n      <th *ngIf=\"!!toggleFourTableHeaderName\" scope=\"col\" [style.width]=\"toggleFourWidth\"  class=\"vertical-align-middle\">\r\n        {{ toggleFourTableHeaderName }}\r\n      </th>\r\n    </tr>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"body\" let-rowData let-editing=\"editing\" let-ri=\"rowIndex\">\r\n    <!--\r\n      Mare; 2024-09-19: dodajanje logike barvanja rowColor za /cms/notifications, delat mora pa tudi v /vsi-termini\r\n    -->\r\n    <tr [pEditableRow]=\"rowData\" #htmlTableRowElement\r\n        [ngClass]=\"\r\n            rowData?.cmsStatus ?\r\n              (rowData?.cmsStatus === 'expired' ? 'disabled_row_color' :\r\n               rowData?.cmsStatus === 'planned' ? '' :\r\n               rowData?.cmsStatus === 'active' ? 'success_row_color' : '') :\r\n            (!rowData?.registered ? rowColor : '')\r\n      \">\r\n      <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\r\n        <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n          <td [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n            <!-- Text input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'input'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-input\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [type]=\"column.inputType ? column.inputType : type\"\r\n                    placeholder=\"{{ column.placeholder! |translate }}\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                  ></lib-input>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    <ng-container *ngIf=\"column.isLink; else notLink\">\r\n                      <a href=\"{{ rowData[column.field] }}\" target=\"_blank\">\r\n                        {{ rowData[column.field] }}\r\n                      </a>\r\n                    </ng-container>\r\n                    <ng-template #notLink>\r\n                      {{ rowData[column.field] }} {{ column?.suffix }}\r\n                    </ng-template>\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Date input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'date'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-date-input\r\n                    appendTo=\"body\"\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [setMinAndMax]=\"false\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                    placeholder=\"{{ column.placeholder! | translate }}\"\r\n                  ></lib-date-input>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    {{ rowData[column.field] | date: 'dd.MM.yyyy' }} {{ column?.suffix }}\r\n                  </ng-container>\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Date+Time output-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'dateTime'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    {{ rowData[column.field] | date: 'dd.MM.yyyy, HH:mm' }} {{ column?.suffix }}\r\n                  </ng-container>\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- TextArea input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'textarea'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-textarea *ngIf=\"column.maxLength === -1\"\r\n                    [customMaxLength]=\"null\"\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                    placeholder=\"{{ column.placeholder! |translate }}\"\r\n                  ></lib-textarea>\r\n                  <lib-textarea *ngIf=\"column.maxLength !== -1\"\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n                    [isRequired]=\"false\"\r\n                    [formStatus]=\"formStatus\"\r\n                    [hasGap]=\"false\"\r\n                    placeholder=\"{{ column.placeholder! |translate }}\"\r\n                  ></lib-textarea>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    <lib-tooltip\r\n                      [htmlParser]=\"true\"\r\n                      [text]=\"rowData[column.field]\"\r\n                    ></lib-tooltip>\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Dropdown input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'dropdown'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-dropdown\r\n                    label=\"Moje naloge\"\r\n                    placeholder=\"Izberite\"\r\n                    optionLabel=\"name\"\r\n                    [showClear]=\"true\"\r\n                    [formStatus]=\"formStatus\"\r\n\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [name]=\"column.field\"\r\n\r\n                    filterBy=\"name\"\r\n                    [isLoading]=\"false\"\r\n                    [optionList]=\"overviewList\"\r\n                    [filter]=\"true\"\r\n                    [isRequired]=\"false\"\r\n                  ></lib-dropdown>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    <lib-tooltip\r\n                      [htmlParser]=\"true\"\r\n                      [text]=\"rowData[column.field]\"\r\n                    ></lib-tooltip>\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    /\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Switch input-->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'switch'\">\r\n              <p-cellEditor>\r\n                <ng-template pTemplate=\"input\">\r\n                  <lib-toggle-switch\r\n                    [group]=\"formGroup\"\r\n                    [controlName]=\"column.field\"\r\n                    [checked]=\"rowData[column.field]\"\r\n                  ></lib-toggle-switch>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n                    {{ 'components.customTable.yes' | translate }}\r\n                  </ng-container>\r\n\r\n                  <ng-template #emptyCell>\r\n                    {{ 'components.customTable.no' | translate }}\r\n                  </ng-template>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </ng-container>\r\n\r\n            <!-- Mare; dodal custom checkbox za izbiro vrstice -->\r\n            <!-- [controlName] je oblike rowChecked_2024-04-11T11:35:00_c3cff776-dc06-40ec-bab5-7cab26e2014a  -->\r\n            <!-- column.field = rowChecked -->\r\n            <!-- rowData[column?.control!] = 2024-04-11T11:35:00 (startDate) -->\r\n            <!-- rowData[column?.control2!] = c3cff776-dc06-40ec-bab5-7cab26e2014a (uuid) -->\r\n            <ng-container *ngIf=\"column.editable && column.component === 'checkbox'\">\r\n                <lib-checkbox class=\"\"\r\n                              [group]=\"formGroup\"\r\n                              [controlName]=\"column.field + '_' + rowData[column?.control!] + '_' + rowData[column?.control2!]\"\r\n                              (clickCheckboxEvent)=\"clickCheckboxOne($event, rowData[column?.control!] + '_' + rowData[column?.control2!])\"\r\n                              label=\"\">\r\n                </lib-checkbox>\r\n            </ng-container>\r\n\r\n            <!-- Plain table-->\r\n            <ng-container *ngIf=\"!column.editable\">\r\n              <ng-container *ngIf=\"column.tooltip || column.tag || column.status || column.ellipsis; else valueCell\">\r\n                <!-- Tooltip -->\r\n                <ng-container *ngIf=\"column.tooltip\">\r\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n                    <lib-tooltip [htmlParser]=\"true\" [text]=\"getNestedValue(rowData, column.field)\"></lib-tooltip>\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n                    /\r\n                  </ng-container>\r\n                </ng-container>\r\n\r\n                <!-- Ellipsis -->\r\n                <ng-container *ngIf=\"column.ellipsis\">\r\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n                    <span>\r\n                      {{ getNestedValue(rowData, column.field) }}\r\n                    </span>\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n                    /\r\n                  </ng-container>\r\n                </ng-container>\r\n\r\n                <!-- Tag -->\r\n                <ng-container *ngIf=\"column.tag && getNestedValue(rowData, column.field)\">\r\n                  <lib-tag [tagText]=\"getNestedValue(rowData, column.field)\" [tagColor]=\"rowData.tagColor\" [rounded]=\"true\"></lib-tag>\r\n                </ng-container>\r\n\r\n                <!-- Status -->\r\n                <ng-container *ngIf=\"column.status\">\r\n                  <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n                    <div style=\"background-color: #66952E; height: 25px; width: 75px;\"></div>\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n                    <div style=\"background-color: #f44336; height: 25px; width: 75px;\"></div>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-template #valueCell>\r\n                <ng-container *ngIf=\"getNestedValue(rowData, column.field); else emptyCell\">\r\n                  <!-- Mare; dodal izjemo za 'cmsStatus' -->\r\n                  <ng-container *ngIf=\"column.field === 'cmsStatus'; else defaultContent\">\r\n                    {{ 'pages.cms.cmsStatus.' + getNestedValue(rowData, column.field) | translate }}\r\n                  </ng-container>\r\n                  <!-- Privzeta vsebina za vse ostale stolpce -->\r\n                  <ng-template #defaultContent>\r\n                    {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\r\n                  </ng-template>\r\n                 </ng-container>\r\n                <ng-template #emptyCell>\r\n                  /\r\n                </ng-template>\r\n              </ng-template>\r\n            </ng-container>\r\n\r\n            <p class=\"text-red-500 custom-small-text\" *ngIf=\"colIndex === 0 && rowData?.administrativeProcedure?.localJurisdiction && isWarningTextVisible\">\r\n              <br/> {{ 'components.customTable.notification' | translate }}\r\n            </p>\r\n          </td>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <!--  Button column one -->\r\n      <td *ngIf=\"isButtonOneVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n        <!--  Editing table-->\r\n        <ng-container *ngIf=\"isEditingTable; else plainTable\">\r\n          <lib-icon-button\r\n            *ngIf=\"!editing\"\r\n            pInitEditableRow\r\n            [color]=\"buttonOneColor\"\r\n            [icon]=\"buttonOneEditIcon\"\r\n            (click)='onRowEdit(rowData)'\r\n          ></lib-icon-button>\r\n          <lib-icon-button\r\n            *ngIf=\"editing\"\r\n            [color]=\"buttonOneColor!\"\r\n            [icon]=\"buttonOneSaveIcon\"\r\n            (click)='onRowSave(rowData, htmlTableRowElement)'\r\n          ></lib-icon-button>\r\n        </ng-container>\r\n\r\n        <!--  Plain table-->\r\n        <ng-template #plainTable>\r\n          <ng-container\r\n            *ngIf=\"(rowData?.administrativeProcedure === undefined || rowData?.administrativeProcedure?.detailsUrl !== null) && !isPlainTableIconButtonOne\"\r\n          >\r\n            <lib-button\r\n              *ngIf=\"!isPlainTableButtonOneLink\"\r\n              [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\r\n              [hasIcon]=\"buttonOneHasIcon!\"\r\n              [color]=\"rowData?.buttonColor ? rowData.buttonColor : buttonOneColor!\"\r\n              [icon]=\"buttonOneIcon!\"\r\n              (click)='clickButtonOne(rowData)'\r\n            ></lib-button>\r\n            <lib-button-link\r\n              *ngIf=\"isPlainTableButtonOneLink\"\r\n              [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\r\n              [isPrimary]=\"true\"\r\n              [hasIcon]=\"buttonOneHasIcon!\"\r\n              [icon]=\"buttonOneIcon! + ' md:ml-2'\"\r\n              (click)='clickButtonOne(rowData)'\r\n            ></lib-button-link>\r\n          </ng-container>\r\n          <lib-icon-button\r\n            *ngIf=\"isPlainTableIconButtonOne\"\r\n            [color]=\"buttonOneColor!\"\r\n            [icon]=\"buttonOneSaveIcon\"\r\n            (click)='clickButtonOne(rowData)'\r\n          ></lib-icon-button>\r\n        </ng-template>\r\n      </td>\r\n\r\n      <!--  Button column two -->\r\n      <td *ngIf=\"isButtonTwoVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n        <!--  Editing table-->\r\n        <ng-container *ngIf=\"isEditingTable; else plainTable\">\r\n          <lib-icon-button\r\n            *ngIf=\"!editing\"\r\n            [color]=\"buttonTwoColor\"\r\n            [icon]=\"buttonTwoDeleteIcon\"\r\n            (click)='onRowDelete(rowData)'\r\n          ></lib-icon-button>\r\n          <lib-icon-button\r\n            *ngIf=\"editing\"\r\n            [color]=\"buttonTwoColor\"\r\n            [icon]=\"buttonTwoCancelIcon\"\r\n            (click)=\"onRowCancel(rowData)\"\r\n          ></lib-icon-button>\r\n        </ng-container>\r\n\r\n        <!--  Plain table-->\r\n        <ng-template #plainTable>\r\n          <lib-button\r\n            *ngIf=\"!isPlainTableIconButtonTwo\"\r\n            [label]=\"buttonTwoLabel!\"\r\n            [hasIcon]=\"buttonTwoHasIcon!\"\r\n            [color]=\"buttonTwoColor!\"\r\n            [icon]=\"buttonTwoIcon!\"\r\n            (click)='clickButtonTwo(rowData)'\r\n          ></lib-button>\r\n          <lib-icon-button\r\n            *ngIf=\"isPlainTableIconButtonTwo\"\r\n            [color]=\"buttonTwoColor!\"\r\n            [icon]=\"buttonTwoDeleteIcon\"\r\n            (click)='clickButtonTwo(rowData)'\r\n          ></lib-icon-button>\r\n        </ng-template>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle -->\r\n      <td *ngIf=\"isDeactivateToggle\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isEnabled\"\r\n          (getValueEvent)=\"toggleEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle two -->\r\n      <td *ngIf=\"isDeactivateToggleTwo\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [disabled]=\"!rowData.isEnabled\"\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isAppointmentEnabled\"\r\n          (getValueEvent)=\"toggleTwoEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle three -->\r\n      <td *ngIf=\"isDeactivateToggleThree\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [disabled]=\"!rowData.isEnabled\"\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isNotificationEnabled\"\r\n          (getValueEvent)=\"toggleThreeEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n\r\n      <!--  Deactivate toggle four -->\r\n      <td *ngIf=\"isDeactivateToggleFour\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n        <lib-toggle-switch\r\n          [disabled]=\"!rowData.isEnabled\"\r\n          [isFormElement]=\"false\"\r\n          [checked]=\"rowData.isVrstomatEnabled\"\r\n          (getValueEvent)=\"toggleFourEnable({ rowData, $event })\"\r\n        ></lib-toggle-switch>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n</p-table>\r\n", styles: [":host ::ng-deep .future .p-datatable-header{background:#b2414d}:host ::ng-deep .past .p-datatable-header{background:#6d7375}:host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:8px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border:none;color:#fff;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:first-child,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:first-child{width:400px}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:nth-child(2),:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:nth-child(2){width:150px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent;height:50px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952eb3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.disabled_row_color{background:#b4b4b4b3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-datatable .table-icon-button{width:50px}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}@media (max-width: 600px){:host ::ng-deep .p-datatable .p-datatable-header{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:.5rem}}.disabled-row{opacity:.5;pointer-events:none}.custom-small-text{font-size:.8rem;line-height:.9}.ellipsis-text{cursor:n-resize}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$6.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1$6.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i1$6.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i1$6.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: InputComponent, selector: "lib-input[group][controlName][name]", inputs: ["name", "type", "label", "placeholder", "accessibilityText", "group", "controlName", "isRequired", "isLabelVisible", "tooltipPosition", "tooltipText", "formStatus", "groupError", "hasGap", "hasTitle", "maxLength"] }, { kind: "component", type: DateInputComponent, selector: "lib-date-input[group][controlName][name]", inputs: ["isLabelVisible", "name", "label", "placeholder", "accessibilityText", "isRequired", "tooltipPosition", "tooltipText", "dateFormat", "group", "controlName", "showIcon", "selectionMode", "touchUI", "formStatus", "showClear", "isPublicDate", "minDate", "maxDate", "minDateToday", "maxDateSixMonths", "maxDateThreeMonths", "maxDateRangeOneYear", "setMinAndMax", "hasGap", "disabledDates", "appendTo", "groupError", "showTime", "availableDates", "disabledDays", "disabledWeekends"], outputs: ["onSelect"] }, { kind: "component", type: TextareaComponent, selector: "lib-textarea[group][controlName][name]", inputs: ["name", "resize", "label", "placeholder", "accessibilityText", "rows", "cols", "tooltipPosition", "tooltipText", "group", "controlName", "isRequired", "formStatus", "hasGap", "customMaxLength"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: DropdownComponent, selector: "lib-dropdown[group][controlName][name]", inputs: ["name", "isMultiselect", "selectedItemLabel", "group", "controlName", "label", "optionList", "optionLabel", "optionalValue", "placeholder", "accessibilityText", "filter", "filterBy", "showClear", "isRequired", "tooltipPosition", "tooltipText", "formStatus", "nestedGroup", "isLoading", "appendTo", "isLabelVisible", "emptyMessage", "virtualScroll", "ariaFilterLabel", "optionValue"], outputs: ["getValueEvent"] }, { kind: "component", type: ToggleSwitchComponent, selector: "lib-toggle-switch", inputs: ["group", "controlName", "isFormElement", "checked", "disabled"], outputs: ["getValueEvent", "checkedChanged"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox[group][controlName][label]", inputs: ["label", "group", "controlName", "value", "formStatus", "ariaLabel"], outputs: ["clickCheckboxEvent"] }, { kind: "component", type: TagComponent, selector: "lib-tag", inputs: ["tagText", "tagColor", "rounded"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["icon", "disabled", "color", "styleClass", "size"], outputs: ["clickEvent"] }, { kind: "component", type: ButtonLinkComponent, selector: "lib-button-link", inputs: ["hasIcon", "label", "isDanger", "isPrimary", "icon", "target", "accessibilityText"], outputs: ["clickEvent"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "date" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CustomTableComponent, decorators: [{
             type: Component,
@@ -2973,6 +2997,7 @@ class ModalComponent {
     hasIcon = true;
     disabled = false;
     hasLeftButton = false;
+    appendTo;
     leftBtnLabel = 'Zapri';
     leftBtnColor = ButtonColor.danger;
     leftBtnIcon = 'pi pi-times';
@@ -3016,7 +3041,7 @@ class ModalComponent {
         this.changeVisibility(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ModalComponent, isStandalone: true, selector: "lib-modal", inputs: { header: "header", headerColor: "headerColor", width: "width", height: "height", dynamicContentTemplate: "dynamicContentTemplate", resizable: "resizable", draggable: "draggable", visible: "visible", closable: "closable", modal: "modal", body: "body", position: "position", btnLabel: "btnLabel", btnColor: "btnColor", btnIcon: "btnIcon", hasIcon: "hasIcon", disabled: "disabled", hasLeftButton: "hasLeftButton", leftBtnLabel: "leftBtnLabel", leftBtnColor: "leftBtnColor", leftBtnIcon: "leftBtnIcon", leftHasIcon: "leftHasIcon", leftDisabled: "leftDisabled", isFooterVisible: "isFooterVisible", dismissableMask: "dismissableMask" }, outputs: { buttonClickEvent: "buttonClickEvent", visibleChange: "visibleChange", leftButtonClickEvent: "leftButtonClickEvent", scrollEvent: "scrollEvent", modalClosed: "modalClosed" }, ngImport: i0, template: "<p-dialog [header]='header' [position]='position' [(visible)]='visible' [modal]='modal' [draggable]='draggable'\r\n          [resizable]='resizable' [style]=\"{width: width, height: height, zindex: 10000}\"\r\n          [dismissableMask]=\"dismissableMask\"\r\n          [ngClass]=\"headerClassMap[headerColor]\" [closable]=\"closable\"\r\n          [footerTemplate]=\"isFooterVisible ? footer  : undefined\"\r\n          (onHide)=\"handleHide()\" closeTabindex=\"0\">\r\n  <ng-template pTemplate=\"content\">\r\n    <ng-container [ngTemplateOutlet]=\"dynamicContentTemplate\"></ng-container>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<ng-template #footer>\r\n  <div class=\"w-full flex\"\r\n       [ngClass]=\"{'justify-content-end': !hasLeftButton, 'justify-content-between': hasLeftButton}\">\r\n    <lib-button\r\n      *ngIf=\"hasLeftButton\"\r\n      [disabled]=\"leftDisabled\"\r\n      (click)=\"leftButtonClick($event)\"\r\n      [label]=\"leftBtnLabel\"\r\n      [color]=\"leftBtnColor\"\r\n      [icon]=\"leftBtnIcon\"\r\n      [hasIcon]=\"leftHasIcon\"\r\n    ></lib-button>\r\n    <lib-button\r\n      [disabled]=\"disabled\"\r\n      (click)=\"buttonCloseModal($event)\"\r\n      [label]=\"btnLabel\"\r\n      [color]=\"btnColor\"\r\n      [icon]=\"btnIcon\"\r\n      [hasIcon]=\"hasIcon\"\r\n    ></lib-button>\r\n  </div>\r\n</ng-template>\r\n\r\n", styles: [":host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog{width:90vw!important;height:90vh!important}}:host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-content{padding:1rem}:host ::ng-deep .primary .p-dialog .p-dialog-content p{font-size:15px}}:host ::ng-deep .p-dialog .p-dialog-footer button{margin:0!important}\n"], dependencies: [{ kind: "component", type: Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ModalComponent, isStandalone: true, selector: "lib-modal", inputs: { header: "header", headerColor: "headerColor", width: "width", height: "height", dynamicContentTemplate: "dynamicContentTemplate", resizable: "resizable", draggable: "draggable", visible: "visible", closable: "closable", modal: "modal", body: "body", position: "position", btnLabel: "btnLabel", btnColor: "btnColor", btnIcon: "btnIcon", hasIcon: "hasIcon", disabled: "disabled", hasLeftButton: "hasLeftButton", appendTo: "appendTo", leftBtnLabel: "leftBtnLabel", leftBtnColor: "leftBtnColor", leftBtnIcon: "leftBtnIcon", leftHasIcon: "leftHasIcon", leftDisabled: "leftDisabled", isFooterVisible: "isFooterVisible", dismissableMask: "dismissableMask" }, outputs: { buttonClickEvent: "buttonClickEvent", visibleChange: "visibleChange", leftButtonClickEvent: "leftButtonClickEvent", scrollEvent: "scrollEvent", modalClosed: "modalClosed" }, ngImport: i0, template: "<p-dialog [header]='header' [position]='position' [(visible)]='visible' [modal]='modal' [draggable]='draggable'\r\n          [resizable]='resizable' [style]=\"{width: width, height: height, zindex: 10000}\"\r\n          [dismissableMask]=\"dismissableMask\"\r\n          [appendTo]=\"appendTo\"\r\n          [ngClass]=\"headerClassMap[headerColor]\" [closable]=\"closable\"\r\n          [footerTemplate]=\"isFooterVisible ? footer  : undefined\"\r\n          (onHide)=\"handleHide()\" closeTabindex=\"0\">\r\n  <ng-template pTemplate=\"content\">\r\n    <ng-container [ngTemplateOutlet]=\"dynamicContentTemplate\"></ng-container>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<ng-template #footer>\r\n  <div class=\"w-full flex\"\r\n       [ngClass]=\"{'justify-content-end': !hasLeftButton, 'justify-content-between': hasLeftButton}\">\r\n    <lib-button\r\n      *ngIf=\"hasLeftButton\"\r\n      [disabled]=\"leftDisabled\"\r\n      (click)=\"leftButtonClick($event)\"\r\n      [label]=\"leftBtnLabel\"\r\n      [color]=\"leftBtnColor\"\r\n      [icon]=\"leftBtnIcon\"\r\n      [hasIcon]=\"leftHasIcon\"\r\n    ></lib-button>\r\n    <lib-button\r\n      [disabled]=\"disabled\"\r\n      (click)=\"buttonCloseModal($event)\"\r\n      [label]=\"btnLabel\"\r\n      [color]=\"btnColor\"\r\n      [icon]=\"btnIcon\"\r\n      [hasIcon]=\"hasIcon\"\r\n    ></lib-button>\r\n  </div>\r\n</ng-template>\r\n\r\n", styles: [":host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog{width:90vw!important;height:90vh!important}}:host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-content{padding:1rem}:host ::ng-deep .primary .p-dialog .p-dialog-content p{font-size:15px}}:host ::ng-deep .p-dialog .p-dialog-footer button{margin:0!important}\n"], dependencies: [{ kind: "component", type: Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
@@ -3027,7 +3052,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         NgTemplateOutlet,
                         NgIf,
                         ButtonComponent,
-                    ], template: "<p-dialog [header]='header' [position]='position' [(visible)]='visible' [modal]='modal' [draggable]='draggable'\r\n          [resizable]='resizable' [style]=\"{width: width, height: height, zindex: 10000}\"\r\n          [dismissableMask]=\"dismissableMask\"\r\n          [ngClass]=\"headerClassMap[headerColor]\" [closable]=\"closable\"\r\n          [footerTemplate]=\"isFooterVisible ? footer  : undefined\"\r\n          (onHide)=\"handleHide()\" closeTabindex=\"0\">\r\n  <ng-template pTemplate=\"content\">\r\n    <ng-container [ngTemplateOutlet]=\"dynamicContentTemplate\"></ng-container>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<ng-template #footer>\r\n  <div class=\"w-full flex\"\r\n       [ngClass]=\"{'justify-content-end': !hasLeftButton, 'justify-content-between': hasLeftButton}\">\r\n    <lib-button\r\n      *ngIf=\"hasLeftButton\"\r\n      [disabled]=\"leftDisabled\"\r\n      (click)=\"leftButtonClick($event)\"\r\n      [label]=\"leftBtnLabel\"\r\n      [color]=\"leftBtnColor\"\r\n      [icon]=\"leftBtnIcon\"\r\n      [hasIcon]=\"leftHasIcon\"\r\n    ></lib-button>\r\n    <lib-button\r\n      [disabled]=\"disabled\"\r\n      (click)=\"buttonCloseModal($event)\"\r\n      [label]=\"btnLabel\"\r\n      [color]=\"btnColor\"\r\n      [icon]=\"btnIcon\"\r\n      [hasIcon]=\"hasIcon\"\r\n    ></lib-button>\r\n  </div>\r\n</ng-template>\r\n\r\n", styles: [":host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog{width:90vw!important;height:90vh!important}}:host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-content{padding:1rem}:host ::ng-deep .primary .p-dialog .p-dialog-content p{font-size:15px}}:host ::ng-deep .p-dialog .p-dialog-footer button{margin:0!important}\n"] }]
+                    ], template: "<p-dialog [header]='header' [position]='position' [(visible)]='visible' [modal]='modal' [draggable]='draggable'\r\n          [resizable]='resizable' [style]=\"{width: width, height: height, zindex: 10000}\"\r\n          [dismissableMask]=\"dismissableMask\"\r\n          [appendTo]=\"appendTo\"\r\n          [ngClass]=\"headerClassMap[headerColor]\" [closable]=\"closable\"\r\n          [footerTemplate]=\"isFooterVisible ? footer  : undefined\"\r\n          (onHide)=\"handleHide()\" closeTabindex=\"0\">\r\n  <ng-template pTemplate=\"content\">\r\n    <ng-container [ngTemplateOutlet]=\"dynamicContentTemplate\"></ng-container>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<ng-template #footer>\r\n  <div class=\"w-full flex\"\r\n       [ngClass]=\"{'justify-content-end': !hasLeftButton, 'justify-content-between': hasLeftButton}\">\r\n    <lib-button\r\n      *ngIf=\"hasLeftButton\"\r\n      [disabled]=\"leftDisabled\"\r\n      (click)=\"leftButtonClick($event)\"\r\n      [label]=\"leftBtnLabel\"\r\n      [color]=\"leftBtnColor\"\r\n      [icon]=\"leftBtnIcon\"\r\n      [hasIcon]=\"leftHasIcon\"\r\n    ></lib-button>\r\n    <lib-button\r\n      [disabled]=\"disabled\"\r\n      (click)=\"buttonCloseModal($event)\"\r\n      [label]=\"btnLabel\"\r\n      [color]=\"btnColor\"\r\n      [icon]=\"btnIcon\"\r\n      [hasIcon]=\"hasIcon\"\r\n    ></lib-button>\r\n  </div>\r\n</ng-template>\r\n\r\n", styles: [":host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog{width:90vw!important;height:90vh!important}}:host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-content{padding:1rem}:host ::ng-deep .primary .p-dialog .p-dialog-content p{font-size:15px}}:host ::ng-deep .p-dialog .p-dialog-footer button{margin:0!important}\n"] }]
         }], propDecorators: { header: [{
                 type: Input
             }], headerColor: [{
@@ -3064,6 +3089,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Input
             }], hasLeftButton: [{
                 type: Input
+            }], appendTo: [{
+                type: Input
             }], leftBtnLabel: [{
                 type: Input
             }], leftBtnColor: [{
@@ -3407,7 +3434,7 @@ class TableColumnSelectComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TableColumnSelectComponent, deps: [{ token: LocalStorageService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TableColumnSelectComponent, isStandalone: true, selector: "table-column-select", inputs: { columns: "columns", defaultColumns: "defaultColumns", enableResizableColumns: "enableResizableColumns", pregled: "pregled" }, outputs: { updateColumns: "updateColumns", updateResizableColumns: "updateResizableColumns" }, usesOnChanges: true, ngImport: i0, template: "<p-button (click)=\"showDialog()\" icon=\"pi pi-cog\" aria-label=\"Save\" />\r\n\r\n<lib-modal\r\n  header=\"{{ 'components.modals.tableColumnSelect.title' | translate }}\"\r\n  btnLabel=\"{{ 'common.buttonConfirm' | translate }}\"\r\n  [(visible)]=\"visible\"\r\n  [closable]=\"true\"\r\n  [modal]=\"true\"\r\n  width=\"30vw\"\r\n  (buttonClickEvent)=\"changeValue()\"\r\n  [dynamicContentTemplate]=\"dynamicContentCollection\">\r\n</lib-modal>\r\n\r\n<ng-template class=\"modal-content\" #dynamicContentCollection>\r\n  <div class=\"flex w-full justify-content-between align-items-center gap-2\">\r\n    <lib-button label=\"{{'components.modals.tableColumnSelect.ponastaviStolpce' | translate}}\" (click)=\"onReset()\">\r\n    </lib-button>\r\n    <div class=\"flex gap-2\">\r\n      <p-checkbox [binary]=\"true\"  [(ngModel)]=\"enableResizableColumns\" />  \r\n      <h4>{{ 'components.modals.tableColumnSelect.spreminjanjeVelikostiStolpcev' | translate }}</h4>\r\n    </div>\r\n  </div>\r\n  \r\n  <div pDroppable (onDrop)=\"drop(i)\" [pDroppableDisabled]=\"i < 2 ? true : false\" *ngFor=\"let item of dropContainers; index as i\" class=\"drop-container\">\r\n    <div (onDragStart)=\"dragStart(item.items[0])\" [dragHandle]=\"i < 2 ? 'invalid' : undefined\"  pDraggable [ngClass]=\"i < 2 ? 'disabled': ''\" class=\"item\">\r\n      <p-checkbox [inputId]=\"item.items[0].field\" [disabled]=\"i < 2\" name=\"group\" [value]=\"item.items[0]\" [(ngModel)]=\"selectedColumns\" />          \r\n      <h4>{{item.items[0].header}}</h4>\r\n    </div>        \r\n  </div>\r\n</ng-template>\r\n", styles: [".item{display:flex;gap:8px;margin-top:8px;border:1px solid #d7d7d7;border-radius:12px;padding:6px}.disabled{background-color:#d7d7d7}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ListboxModule }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i4$2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OrderListModule }, { kind: "component", type: ModalComponent, selector: "lib-modal", inputs: ["header", "headerColor", "width", "height", "dynamicContentTemplate", "resizable", "draggable", "visible", "closable", "modal", "body", "position", "btnLabel", "btnColor", "btnIcon", "hasIcon", "disabled", "hasLeftButton", "leftBtnLabel", "leftBtnColor", "leftBtnIcon", "leftHasIcon", "leftDisabled", "isFooterVisible", "dismissableMask"], outputs: ["buttonClickEvent", "visibleChange", "leftButtonClickEvent", "scrollEvent", "modalClosed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: Droppable, selector: "[pDroppable]", inputs: ["pDroppable", "pDroppableDisabled", "dropEffect"], outputs: ["onDragEnter", "onDragLeave", "onDrop"] }, { kind: "directive", type: Draggable, selector: "[pDraggable]", inputs: ["pDraggable", "dragEffect", "dragHandle", "pDraggableDisabled"], outputs: ["onDragStart", "onDragEnd", "onDrag"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TableColumnSelectComponent, isStandalone: true, selector: "table-column-select", inputs: { columns: "columns", defaultColumns: "defaultColumns", enableResizableColumns: "enableResizableColumns", pregled: "pregled" }, outputs: { updateColumns: "updateColumns", updateResizableColumns: "updateResizableColumns" }, usesOnChanges: true, ngImport: i0, template: "<p-button (click)=\"showDialog()\" icon=\"pi pi-cog\" aria-label=\"Save\" />\r\n\r\n<lib-modal\r\n  header=\"{{ 'components.modals.tableColumnSelect.title' | translate }}\"\r\n  btnLabel=\"{{ 'common.buttonConfirm' | translate }}\"\r\n  [(visible)]=\"visible\"\r\n  [closable]=\"true\"\r\n  [modal]=\"true\"\r\n  width=\"30vw\"\r\n  (buttonClickEvent)=\"changeValue()\"\r\n  [dynamicContentTemplate]=\"dynamicContentCollection\">\r\n</lib-modal>\r\n\r\n<ng-template class=\"modal-content\" #dynamicContentCollection>\r\n  <div class=\"flex w-full justify-content-between align-items-center gap-2\">\r\n    <lib-button label=\"{{'components.modals.tableColumnSelect.ponastaviStolpce' | translate}}\" (click)=\"onReset()\">\r\n    </lib-button>\r\n    <div class=\"flex gap-2\">\r\n      <p-checkbox [binary]=\"true\"  [(ngModel)]=\"enableResizableColumns\" />  \r\n      <h4>{{ 'components.modals.tableColumnSelect.spreminjanjeVelikostiStolpcev' | translate }}</h4>\r\n    </div>\r\n  </div>\r\n  \r\n  <div pDroppable (onDrop)=\"drop(i)\" [pDroppableDisabled]=\"i < 2 ? true : false\" *ngFor=\"let item of dropContainers; index as i\" class=\"drop-container\">\r\n    <div (onDragStart)=\"dragStart(item.items[0])\" [dragHandle]=\"i < 2 ? 'invalid' : undefined\"  pDraggable [ngClass]=\"i < 2 ? 'disabled': ''\" class=\"item\">\r\n      <p-checkbox [inputId]=\"item.items[0].field\" [disabled]=\"i < 2\" name=\"group\" [value]=\"item.items[0]\" [(ngModel)]=\"selectedColumns\" />          \r\n      <h4>{{item.items[0].header}}</h4>\r\n    </div>        \r\n  </div>\r\n</ng-template>\r\n", styles: [".item{display:flex;gap:8px;margin-top:8px;border:1px solid #d7d7d7;border-radius:12px;padding:6px}.disabled{background-color:#d7d7d7}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ListboxModule }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i4$2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OrderListModule }, { kind: "component", type: ModalComponent, selector: "lib-modal", inputs: ["header", "headerColor", "width", "height", "dynamicContentTemplate", "resizable", "draggable", "visible", "closable", "modal", "body", "position", "btnLabel", "btnColor", "btnIcon", "hasIcon", "disabled", "hasLeftButton", "appendTo", "leftBtnLabel", "leftBtnColor", "leftBtnIcon", "leftHasIcon", "leftDisabled", "isFooterVisible", "dismissableMask"], outputs: ["buttonClickEvent", "visibleChange", "leftButtonClickEvent", "scrollEvent", "modalClosed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: Droppable, selector: "[pDroppable]", inputs: ["pDroppable", "pDroppableDisabled", "dropEffect"], outputs: ["onDragEnter", "onDragLeave", "onDrop"] }, { kind: "directive", type: Draggable, selector: "[pDraggable]", inputs: ["pDraggable", "dragEffect", "dragHandle", "pDraggableDisabled"], outputs: ["onDragStart", "onDragEnd", "onDrag"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TableColumnSelectComponent, decorators: [{
             type: Component,