@inspark/inspark-components 19.0.45 → 19.0.47

package/full/fesm2022/inspark-inspark-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Pipe, NgModule, Injectable, createComponent, Component, Directive, Input, EventEmitter, HostListener, Output, ChangeDetectionStrategy, ViewChild, ContentChildren, ViewEncapsulation, forwardRef, HostBinding, TemplateRef, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Pipe, NgModule, Injectable, Component, Directive, Input, EventEmitter, HostListener, Output, ChangeDetectionStrategy, ViewChild, ContentChildren, ViewEncapsulation, forwardRef, HostBinding, TemplateRef, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i1 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 export { TranslateModule } from '@ngx-translate/core';
@@ -7,10 +7,10 @@ import * as i1$1 from '@angular/platform-browser';
 import { marker } from '@biesbjerg/ngx-translate-extract-marker';
 import * as i2 from 'primeng/api';
 export { SharedModule } from 'primeng/api';
-import * as i1$4 from 'primeng/dynamicdialog';
-import { DynamicDialogRef, DynamicDialogComponent } from 'primeng/dynamicdialog';
+import * as i1$2 from 'primeng/dynamicdialog';
+import { DynamicDialogModule } from 'primeng/dynamicdialog';
 import { Subject } from 'rxjs';
-import * as i1$2 from '@angular/common';
+import * as i1$3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2$1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
@@ -26,7 +26,7 @@ import * as i7 from '@ng-bootstrap/ng-bootstrap';
 import { NgbDropdownModule, NgbModule } from '@ng-bootstrap/ng-bootstrap';
 export { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { CheckboxModule } from 'primeng/checkbox';
-import * as i1$3 from '@angular/router';
+import * as i1$4 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i3$1 from 'primeng/menu';
 import { Menu, MenuModule } from 'primeng/menu';
@@ -425,93 +425,32 @@ class InsparkMessageService {
         type: Injectable
     }], () => [{ type: i1.TranslateService }, { type: i2.MessageService }, { type: i2.ConfirmationService }], null); })();
 
-// inspark-dialog.service.ts
 class InsparkDialogService {
-    constructor(injector, environmentInjector) {
-        this.injector = injector;
-        this.environmentInjector = environmentInjector;
-        this.dialogComponentRefs = [];
+    constructor(dialogService) {
+        this.dialogService = dialogService;
     }
-    /**
-     * Открывает диалоговое окно с указанным компонентом
-     */
     open(componentType, config) {
-        // Создаем диалог через современный API
-        const dialogRef = this.appendDialogComponentToBody(config);
-        // Фикс скролла
-        console.log('window.scrollY', window.scrollY);
         const scrollY = window.scrollY;
         document.body.style.top = `-${scrollY}px`;
         document.body.style.position = 'fixed';
-        // Восстанавливаем скролл при закрытии
-        dialogRef.onClose.subscribe(() => {
-            console.log('custom subscribe');
+        const ref = this.dialogService.open(componentType, config);
+        ref.onClose.subscribe(() => {
             document.body.style.position = '';
             document.body.style.top = '';
             window.scrollTo(0, scrollY);
         });
-        // Передаем компонент в DynamicDialogComponent через приватное свойство
-        const dialogComponentRef = this.dialogComponentRefs[this.dialogComponentRefs.length - 1];
-        // Используем Type assertion для доступа к приватному свойству
-        dialogComponentRef.instance.childComponentType = componentType;
-        return dialogRef;
-    }
-    /**
-     * Создает компонент DynamicDialogComponent и добавляет его в body
-     */
-    appendDialogComponentToBody(config) {
-        // Создаем ссылку на диалог
-        const dialogRef = new DynamicDialogRef();
-        // Создаем компонент динамически
-        const componentRef = createComponent(DynamicDialogComponent, {
-            environmentInjector: this.environmentInjector,
-            elementInjector: this.injector
-        });
-        // В PrimeNG 17 конфиг передается через метод или свойство
-        // Используем Type assertion для установки конфига
-        const instance = componentRef.instance;
-        // Устанавливаем конфигурацию диалога
-        if (instance.config) {
-            instance.config = config;
-        }
-        // Сохраняем dialogRef в компоненте (если нужно)
-        instance.dialogRef = dialogRef;
-        // Автоматически удаляем диалог из DOM при закрытии
-        const sub = dialogRef.onClose.subscribe(() => {
-            this.removeDialogComponentFromBody(componentRef);
-            sub.unsubscribe();
-        });
-        // Добавляем компонент в DOM
-        const domElem = componentRef.hostView.rootNodes[0];
-        document.body.appendChild(domElem);
-        // Сохраняем ссылку для последующего удаления
-        this.dialogComponentRefs.push(componentRef);
-        return dialogRef;
+        return ref;
     }
-    /**
-     * Удаляет компонент диалога из DOM и уничтожает его
-     */
-    removeDialogComponentFromBody(componentRef) {
-        const index = this.dialogComponentRefs.indexOf(componentRef);
-        if (index !== -1) {
-            this.dialogComponentRefs.splice(index, 1);
-            componentRef.destroy();
-        }
-    }
-    /**
-     * Закрывает все открытые диалоги
-     */
     closeAll() {
-        this.dialogComponentRefs.forEach(ref => ref.destroy());
-        this.dialogComponentRefs = [];
+        this.dialogService.dialogComponentRefMap.forEach((_, ref) => ref.close());
     }
-    static { this.ɵfac = function InsparkDialogService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InsparkDialogService)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(i0.EnvironmentInjector)); }; }
+    static { this.ɵfac = function InsparkDialogService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InsparkDialogService)(i0.ɵɵinject(i1$2.DialogService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: InsparkDialogService, factory: InsparkDialogService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InsparkDialogService, [{
         type: Injectable,
         args: [{ providedIn: 'root' }]
-    }], () => [{ type: i0.Injector }, { type: i0.EnvironmentInjector }], null); })();
+    }], () => [{ type: i1$2.DialogService }], null); })();
 
 class CommunicationService {
     constructor() {
@@ -640,7 +579,7 @@ class TableMenuOverlayComponent {
         } if (rf & 2) {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.isExpanded);
-        } }, dependencies: [i1$2.NgIf, TableClickOutsideDirective], styles: ["@charset \"UTF-8\";.c-overlay[_ngcontent-%COMP%]{position:relative;display:inline-block}.c-overlay__toggle[_ngcontent-%COMP%]{display:inline-block}.c-overlay__body[_ngcontent-%COMP%]{text-align:left;position:absolute;top:100%;padding:6px 12px;z-index:1050;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;max-height:500px;overflow:auto}.theme-dark[_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%], .theme-dark   [_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%]{background-color:#53555c;background-color:var(--ids-theme-color-gray-35, #53555C)}", "@charset \"UTF-8\";.theme-contrast[_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%], .theme-contrast   [_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%]{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}", "@charset \"UTF-8\";.theme-light[_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%], .theme-light   [_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%]{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}", "@charset \"UTF-8\";.theme-green[_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%], .theme-green   [_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%]{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}", "@charset \"UTF-8\";.theme-blue[_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%], .theme-blue   [_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%]{background-color:#202127;background-color:var(--colorBgLevel1, #202127)}"], changeDetection: 0 }); }
+        } }, dependencies: [i1$3.NgIf, TableClickOutsideDirective], styles: ["@charset \"UTF-8\";.c-overlay[_ngcontent-%COMP%]{position:relative;display:inline-block}.c-overlay__toggle[_ngcontent-%COMP%]{display:inline-block}.c-overlay__body[_ngcontent-%COMP%]{text-align:left;position:absolute;top:100%;padding:6px 12px;z-index:1050;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;max-height:500px;overflow:auto}.theme-dark[_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%], .theme-dark   [_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%]{background-color:#53555c;background-color:var(--ids-theme-color-gray-35, #53555C)}", "@charset \"UTF-8\";.theme-contrast[_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%], .theme-contrast   [_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%]{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}", "@charset \"UTF-8\";.theme-light[_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%], .theme-light   [_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%]{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}", "@charset \"UTF-8\";.theme-green[_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%], .theme-green   [_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%]{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}", "@charset \"UTF-8\";.theme-blue[_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%], .theme-blue   [_nghost-%COMP%]   .c-overlay__body[_ngcontent-%COMP%]{background-color:#202127;background-color:var(--colorBgLevel1, #202127)}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableMenuOverlayComponent, [{
         type: Component,
@@ -704,7 +643,7 @@ class TableColumnsMultiselectComponent {
             i0.ɵɵproperty("title", i0.ɵɵpipeBind1(4, 3, "column switch"));
             i0.ɵɵadvance(5);
             i0.ɵɵproperty("ngForOf", ctx.columns);
-        } }, dependencies: [i1$2.NgForOf, i2$1.CheckboxControlValueAccessor, i2$1.NgControlStatus, i2$1.NgModel, TableMenuOverlayComponent, i1.TranslatePipe], styles: [".dropdown-label[_ngcontent-%COMP%]{color:var(--text-color)}"] }); }
+        } }, dependencies: [i1$3.NgForOf, i2$1.CheckboxControlValueAccessor, i2$1.NgControlStatus, i2$1.NgModel, TableMenuOverlayComponent, i1.TranslatePipe], styles: [".dropdown-label[_ngcontent-%COMP%]{color:var(--text-color)}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableColumnsMultiselectComponent, [{
         type: Component,
@@ -718,24 +657,25 @@ class TableColumnsMultiselectComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TableColumnsMultiselectComponent, { className: "TableColumnsMultiselectComponent", filePath: "components/table/table-columns-multiselect/table-columns-multiselect.component.ts", lineNumber: 10 }); })();
 
-const _c0$m = [[["", "buttons", ""]]];
+const _c0$g = [[["", "buttons", ""]]];
 const _c1$b = ["[buttons]"];
 const _c2$6 = a0 => ({ columns: a0 });
 const _c3$5 = a0 => ({ $implicit: a0 });
-const _c4$3 = () => ({ width: "100%", overflow: "visible" });
-const _c5$1 = (a0, a1, a2) => ({ rowIndex: a0, rowData: a1, columns: a2 });
-const _c6 = a0 => ({ row_active: a0 });
-const _c7 = (a0, a1, a2, a3, a4, a5) => ({ "row_status_success": a0, "row_status_error": a1, "row_status_warning": a2, "row_status_critical": a3, "row_status_falsevalue": a4, "row_status_pending": a5 });
-const _c8 = (a0, a1) => ({ data: a0, col: a1 });
-const _c9 = () => ({ standalone: true });
-const _c10 = a0 => ({ "is-dropdown-menu__listitem_active": a0 });
+const _c4$3 = (a0, a1) => ({ $implicit: a0, columns: a1 });
+const _c5$1 = () => ({ width: "100%", overflow: "visible" });
+const _c6 = (a0, a1, a2) => ({ rowIndex: a0, rowData: a1, columns: a2 });
+const _c7 = a0 => ({ row_active: a0 });
+const _c8 = (a0, a1, a2, a3, a4, a5) => ({ "row_status_success": a0, "row_status_error": a1, "row_status_warning": a2, "row_status_critical": a3, "row_status_falsevalue": a4, "row_status_pending": a5 });
+const _c9 = (a0, a1) => ({ data: a0, col: a1 });
+const _c10 = () => ({ standalone: true });
+const _c11 = a0 => ({ "is-dropdown-menu__listitem_active": a0 });
 function TableComponent_span_0_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵelementStart(0, "span", 10);
     i0.ɵɵtext(1, "*");
     i0.ɵɵelementEnd();
 } }
 function TableComponent_span_0_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 10);
+    i0.ɵɵelementStart(0, "span", 11);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -744,9 +684,9 @@ function TableComponent_span_0_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(ctx_r1.error);
 } }
 function TableComponent_span_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 6);
+    i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
-    i0.ɵɵtemplate(2, TableComponent_span_0_span_2_Template, 2, 0, "span", 7)(3, TableComponent_span_0_span_3_Template, 2, 1, "span", 8);
+    i0.ɵɵtemplate(2, TableComponent_span_0_span_2_Template, 2, 0, "span", 8)(3, TableComponent_span_0_span_3_Template, 2, 1, "span", 9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -761,24 +701,24 @@ function TableComponent_3_ng_template_0_ng_container_0_Template(rf, ctx) { if (r
     i0.ɵɵelementContainer(0);
 } }
 function TableComponent_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_3_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 12);
+    i0.ɵɵtemplate(0, TableComponent_3_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 13);
 } if (rf & 2) {
     const columns_r3 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.colGroupTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(4, _c3$5, i0.ɵɵpureFunction1(2, _c2$6, columns_r3)));
 } }
 function TableComponent_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_3_ng_template_0_Template, 1, 6, "ng-template", 11);
+    i0.ɵɵtemplate(0, TableComponent_3_ng_template_0_Template, 1, 6, "ng-template", 12);
 } }
 function TableComponent_4_ng_template_0_colgroup_0_col_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "col", 15);
+    i0.ɵɵelement(0, "col", 16);
 } }
 function TableComponent_4_ng_template_0_colgroup_0_col_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "col");
 } }
 function TableComponent_4_ng_template_0_colgroup_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "colgroup");
-    i0.ɵɵtemplate(1, TableComponent_4_ng_template_0_colgroup_0_col_1_Template, 1, 0, "col", 13)(2, TableComponent_4_ng_template_0_colgroup_0_col_2_Template, 1, 0, "col", 14);
+    i0.ɵɵtemplate(1, TableComponent_4_ng_template_0_colgroup_0_col_1_Template, 1, 0, "col", 14)(2, TableComponent_4_ng_template_0_colgroup_0_col_2_Template, 1, 0, "col", 15);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -788,141 +728,162 @@ function TableComponent_4_ng_template_0_colgroup_0_Template(rf, ctx) { if (rf &
     i0.ɵɵproperty("ngForOf", ctx_r1.filteredColumns);
 } }
 function TableComponent_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_4_ng_template_0_colgroup_0_Template, 3, 2, "colgroup", 4);
+    i0.ɵɵtemplate(0, TableComponent_4_ng_template_0_colgroup_0_Template, 3, 2, "colgroup", 5);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngIf", !ctx_r1.isMobileView);
 } }
 function TableComponent_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_4_ng_template_0_Template, 1, 1, "ng-template", 11);
+    i0.ɵɵtemplate(0, TableComponent_4_ng_template_0_Template, 1, 1, "ng-template", 12);
 } }
-function TableComponent_ng_template_5_ng_container_0_th_2_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", 18)(1, "input", 19);
-    i0.ɵɵlistener("change", function TableComponent_ng_template_5_ng_container_0_th_2_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1._onHeaderCheckboxChange($event)); })("click", function TableComponent_ng_template_5_ng_container_0_th_2_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r4); return i0.ɵɵresetView($event.stopPropagation()); });
+function TableComponent_ng_template_5_ng_container_0_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function TableComponent_ng_template_5_ng_container_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_ng_container_1_ng_container_1_Template, 1, 0, "ng-container", 13);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const columns_r4 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.headerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c4$3, columns_r4, columns_r4));
+} }
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_th_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 20)(1, "input", 21);
+    i0.ɵɵlistener("change", function TableComponent_ng_template_5_ng_container_0_ng_template_2_th_1_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1._onHeaderCheckboxChange($event)); })("click", function TableComponent_ng_template_5_ng_container_0_ng_template_2_th_1_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r5); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
     i0.ɵɵproperty("checked", ctx_r1._isAllSelected());
 } }
-function TableComponent_ng_template_5_ng_container_0_th_3_p_sortIcon_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p-sortIcon", 23);
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_th_2_p_sortIcon_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "p-sortIcon", 25);
 } if (rf & 2) {
-    const col_r5 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("field", col_r5.field);
+    const col_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("field", col_r6.field);
 } }
-function TableComponent_ng_template_5_ng_container_0_th_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 20)(1, "div", 21);
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_th_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 22)(1, "div", 23);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, TableComponent_ng_template_5_ng_container_0_th_3_p_sortIcon_5_Template, 1, 1, "p-sortIcon", 22);
+    i0.ɵɵtemplate(5, TableComponent_ng_template_5_ng_container_0_ng_template_2_th_2_p_sortIcon_5_Template, 1, 1, "p-sortIcon", 24);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const col_r5 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("pSortableColumn", col_r5.field);
+    const col_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("pSortableColumn", col_r6.field);
     i0.ɵɵadvance();
-    i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 4, col_r5.label));
+    i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 4, col_r6.label));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 6, col_r5.label), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 6, col_r6.label), " ");
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r1.isSortIcon);
 } }
-function TableComponent_ng_template_5_ng_container_0_tr_4_th_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "th", 18);
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 20);
 } }
-function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_1_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 29);
-    i0.ɵɵlistener("input", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_1_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r6); const col_r7 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(4); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r8.filter($event.target.value, col_r7.field, "contains")); });
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_input_1_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 31);
+    i0.ɵɵlistener("input", function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_input_1_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r7); const col_r8 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(5); const dt_r9 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r9.filter($event.target.value, col_r8.field, "contains")); });
     i0.ɵɵelementEnd();
 } }
-function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_dropdown_2_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-dropdown", 30);
-    i0.ɵɵlistener("onChange", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_dropdown_2_Template_p_dropdown_onChange_0_listener($event) { i0.ɵɵrestoreView(_r9); const col_r7 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(4); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r8.filter($event.value, col_r7.field, "equals")); });
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_dropdown_2_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "p-dropdown", 32);
+    i0.ɵɵlistener("onChange", function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_dropdown_2_Template_p_dropdown_onChange_0_listener($event) { i0.ɵɵrestoreView(_r10); const col_r8 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(5); const dt_r9 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r9.filter($event.value, col_r8.field, "equals")); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_9_0;
-    const col_r7 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(3, _c4$3));
-    i0.ɵɵproperty("options", (tmp_9_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_9_0.options);
+    let tmp_11_0;
+    const col_r8 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(3, _c5$1));
+    i0.ɵɵproperty("options", (tmp_11_0 = ctx_r1.colFilter(col_r8.field)) == null ? null : tmp_11_0.options);
 } }
-function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_multiSelect_3_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-multiSelect", 31);
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_multiSelect_3_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "p-multiSelect", 33);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("onChange", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_multiSelect_3_Template_p_multiSelect_onChange_0_listener($event) { i0.ɵɵrestoreView(_r10); const col_r7 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(4); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r8.filter($event.value, col_r7.field, "in")); });
+    i0.ɵɵlistener("onChange", function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_multiSelect_3_Template_p_multiSelect_onChange_0_listener($event) { i0.ɵɵrestoreView(_r11); const col_r8 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(5); const dt_r9 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r9.filter($event.value, col_r8.field, "in")); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_10_0;
-    const col_r7 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(6, _c4$3));
+    let tmp_12_0;
+    const col_r8 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(6, _c5$1));
     i0.ɵɵpropertyInterpolate("defaultLabel", i0.ɵɵpipeBind1(1, 4, "All"));
-    i0.ɵɵproperty("options", (tmp_10_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_10_0.options);
+    i0.ɵɵproperty("options", (tmp_12_0 = ctx_r1.colFilter(col_r8.field)) == null ? null : tmp_12_0.options);
 } }
-function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_4_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 29);
-    i0.ɵɵlistener("input", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_4_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r11); const col_r7 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(4); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r8.filter($event.target.value, col_r7.field + "2filter", "contains")); });
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_input_4_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 31);
+    i0.ɵɵlistener("input", function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_input_4_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r12); const col_r8 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(5); const dt_r9 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r9.filter($event.target.value, col_r8.field + "2filter", "contains")); });
     i0.ɵɵelementEnd();
 } }
-function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 25);
-    i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_1_Template, 1, 0, "input", 26)(2, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_dropdown_2_Template, 1, 4, "p-dropdown", 27)(3, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_multiSelect_3_Template, 2, 7, "p-multiSelect", 28)(4, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_4_Template, 1, 0, "input", 26);
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 27);
+    i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_input_1_Template, 1, 0, "input", 28)(2, TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_dropdown_2_Template, 1, 4, "p-dropdown", 29)(3, TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_multiSelect_3_Template, 2, 7, "p-multiSelect", 30)(4, TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_input_4_Template, 1, 0, "input", 28);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_8_0;
-    let tmp_9_0;
     let tmp_10_0;
     let tmp_11_0;
-    const col_r7 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngSwitch", col_r7.field);
+    let tmp_12_0;
+    let tmp_13_0;
+    const col_r8 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("ngSwitch", col_r8.field);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngSwitchCase", ((tmp_8_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_8_0.type) === "text" ? col_r7.field : "");
+    i0.ɵɵproperty("ngSwitchCase", ((tmp_10_0 = ctx_r1.colFilter(col_r8.field)) == null ? null : tmp_10_0.type) === "text" ? col_r8.field : "");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngSwitchCase", ((tmp_9_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_9_0.type) === "dropdown" ? col_r7.field : "");
+    i0.ɵɵproperty("ngSwitchCase", ((tmp_11_0 = ctx_r1.colFilter(col_r8.field)) == null ? null : tmp_11_0.type) === "dropdown" ? col_r8.field : "");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngSwitchCase", ((tmp_10_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_10_0.type) === "multiselect" ? col_r7.field : "");
+    i0.ɵɵproperty("ngSwitchCase", ((tmp_12_0 = ctx_r1.colFilter(col_r8.field)) == null ? null : tmp_12_0.type) === "multiselect" ? col_r8.field : "");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngSwitchCase", ((tmp_11_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_11_0.type) === "datetext" ? col_r7.field : "");
+    i0.ɵɵproperty("ngSwitchCase", ((tmp_13_0 = ctx_r1.colFilter(col_r8.field)) == null ? null : tmp_13_0.type) === "datetext" ? col_r8.field : "");
 } }
-function TableComponent_ng_template_5_ng_container_0_tr_4_Template(rf, ctx) { if (rf & 1) {
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr");
-    i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_tr_4_th_1_Template, 1, 0, "th", 16)(2, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_Template, 5, 5, "th", 24);
+    i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_1_Template, 1, 0, "th", 18)(2, TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_Template, 5, 5, "th", 26);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const columns_r12 = i0.ɵɵnextContext(2).$implicit;
+    const columns_r4 = i0.ɵɵnextContext(3).$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.checkboxSelection);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", columns_r12);
+    i0.ɵɵproperty("ngForOf", columns_r4);
 } }
-function TableComponent_ng_template_5_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "tr");
-    i0.ɵɵtemplate(2, TableComponent_ng_template_5_ng_container_0_th_2_Template, 2, 1, "th", 16)(3, TableComponent_ng_template_5_ng_container_0_th_3_Template, 6, 8, "th", 17);
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr");
+    i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_ng_template_2_th_1_Template, 2, 1, "th", 18)(2, TableComponent_ng_template_5_ng_container_0_ng_template_2_th_2_Template, 6, 8, "th", 19);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, TableComponent_ng_template_5_ng_container_0_tr_4_Template, 3, 2, "tr", 4);
-    i0.ɵɵelementContainerEnd();
+    i0.ɵɵtemplate(3, TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_Template, 3, 2, "tr", 5);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.checkboxSelection);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngForOf", ctx_r1.filteredColumns);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.toolbar && ctx_r1.toolbar.filter && ctx_r1.toolbar.filter.active);
 } }
+function TableComponent_ng_template_5_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_ng_container_1_Template, 2, 5, "ng-container", 17)(2, TableComponent_ng_template_5_ng_container_0_ng_template_2_Template, 4, 3, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const defaultHeaderTemplate_r13 = i0.ɵɵreference(3);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.headerTemplate)("ngIfElse", defaultHeaderTemplate_r13);
+} }
 function TableComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_ng_template_5_ng_container_0_Template, 5, 3, "ng-container", 4);
+    i0.ɵɵtemplate(0, TableComponent_ng_template_5_ng_container_0_Template, 4, 2, "ng-container", 5);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngIf", ctx_r1.showHeader);
@@ -931,135 +892,135 @@ function TableComponent_6_ng_template_0_ng_container_0_Template(rf, ctx) { if (r
     i0.ɵɵelementContainer(0);
 } }
 function TableComponent_6_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_6_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 12);
+    i0.ɵɵtemplate(0, TableComponent_6_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 13);
 } if (rf & 2) {
-    const columns_r13 = ctx.columns;
-    const rowData_r14 = ctx.$implicit;
-    const rowIndex_r15 = ctx.rowIndex;
+    const columns_r14 = ctx.columns;
+    const rowData_r15 = ctx.$implicit;
+    const rowIndex_r16 = ctx.rowIndex;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.bodyTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$5, i0.ɵɵpureFunction3(2, _c5$1, rowIndex_r15, rowData_r14, columns_r13)));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.bodyTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$5, i0.ɵɵpureFunction3(2, _c6, rowIndex_r16, rowData_r15, columns_r14)));
 } }
 function TableComponent_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_6_ng_template_0_Template, 1, 8, "ng-template", 32);
+    i0.ɵɵtemplate(0, TableComponent_6_ng_template_0_Template, 1, 8, "ng-template", 34);
 } }
 function TableComponent_7_ng_template_0_tr_0_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 35);
-    i0.ɵɵlistener("click", function TableComponent_7_ng_template_0_tr_0_Template_tr_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r16 = i0.ɵɵnextContext(); const index_r18 = ctx_r16.rowIndex; const rowData_r19 = ctx_r16.$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleGroup(index_r18, rowData_r19.groupKey[ctx_r1.groupMode])); });
-    i0.ɵɵelementStart(1, "td", 36)(2, "span");
-    i0.ɵɵelement(3, "i", 37);
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 37);
+    i0.ɵɵlistener("click", function TableComponent_7_ng_template_0_tr_0_Template_tr_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r17 = i0.ɵɵnextContext(); const index_r19 = ctx_r17.rowIndex; const rowData_r20 = ctx_r17.$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleGroup(index_r19, rowData_r20.groupKey[ctx_r1.groupMode])); });
+    i0.ɵɵelementStart(1, "td", 38)(2, "span");
+    i0.ɵɵelement(3, "i", 39);
     i0.ɵɵelementStart(4, "span");
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "translate");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const rowData_r19 = i0.ɵɵnextContext().$implicit;
+    const rowData_r20 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("colSpan", ctx_r1.countVisibleColumns() + 1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.groupInfo[rowData_r19.groupKey[ctx_r1.groupMode]].isExpanded ? "in fa-fw in-chevron-down" : "in fa-fw in-chevron-right");
+    i0.ɵɵproperty("ngClass", ctx_r1.groupInfo[rowData_r20.groupKey[ctx_r1.groupMode]].isExpanded ? "in fa-fw in-chevron-down" : "in fa-fw in-chevron-right");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(6, 4, rowData_r19.groupKey[ctx_r1.groupMode]), " (", ctx_r1.countGroup(rowData_r19.groupKey[ctx_r1.groupMode], ctx_r1.groupMode), " )");
+    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(6, 4, rowData_r20.groupKey[ctx_r1.groupMode]), " (", ctx_r1.countGroup(rowData_r20.groupKey[ctx_r1.groupMode], ctx_r1.groupMode), " )");
 } }
 function TableComponent_7_ng_template_0_tr_1_td_1_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 41)(1, "input", 19);
-    i0.ɵɵlistener("change", function TableComponent_7_ng_template_0_tr_1_td_1_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r20); const rowData_r19 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1._onCheckboxChange($event, rowData_r19)); })("click", function TableComponent_7_ng_template_0_tr_1_td_1_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r20); return i0.ɵɵresetView($event.stopPropagation()); });
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 43)(1, "input", 21);
+    i0.ɵɵlistener("change", function TableComponent_7_ng_template_0_tr_1_td_1_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r21); const rowData_r20 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1._onCheckboxChange($event, rowData_r20)); })("click", function TableComponent_7_ng_template_0_tr_1_td_1_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r21); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const rowData_r19 = i0.ɵɵnextContext(2).$implicit;
+    const rowData_r20 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction6(4, _c7, rowData_r19.sdirparamstatecolor === "success", rowData_r19.sdirparamstatecolor === "error", rowData_r19.sdirparamstatecolor === "warning", rowData_r19.sdirparamstatecolor === "critical", rowData_r19.sdirparamstatecolor === "falsevalue", rowData_r19.sdirparamstatecolor === "pending"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction6(4, _c8, rowData_r20.sdirparamstatecolor === "success", rowData_r20.sdirparamstatecolor === "error", rowData_r20.sdirparamstatecolor === "warning", rowData_r20.sdirparamstatecolor === "critical", rowData_r20.sdirparamstatecolor === "falsevalue", rowData_r20.sdirparamstatecolor === "pending"));
     i0.ɵɵadvance();
     i0.ɵɵstyleProp("pointer-events", ctx_r1.selectionMode === "single" || ctx_r1.selectionMode === "multiple" && ctx_r1.checkboxSelection ? "none" : "auto");
-    i0.ɵɵproperty("checked", ctx_r1._isRowSelected(rowData_r19));
+    i0.ɵɵproperty("checked", ctx_r1._isRowSelected(rowData_r20));
 } }
 function TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 44);
-    i0.ɵɵlistener("mouseover", function TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template_div_mouseover_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.showTooltip($event)); });
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 46);
+    i0.ɵɵlistener("mouseover", function TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template_div_mouseover_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.showTooltip($event)); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "propertyValue");
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵpipe(4, "propertyValue");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const col_r23 = i0.ɵɵnextContext().$implicit;
-    const rowData_r19 = i0.ɵɵnextContext(2).$implicit;
+    const col_r24 = i0.ɵɵnextContext().$implicit;
+    const rowData_r20 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", col_r23.translatable ? i0.ɵɵpipeBind1(3, 4, i0.ɵɵpipeBind2(2, 1, rowData_r19, col_r23.field)) : i0.ɵɵpipeBind2(4, 6, rowData_r19, col_r23.field), " ");
+    i0.ɵɵtextInterpolate1(" ", col_r24.translatable ? i0.ɵɵpipeBind1(3, 4, i0.ɵɵpipeBind2(2, 1, rowData_r20, col_r24.field)) : i0.ɵɵpipeBind2(4, 6, rowData_r20, col_r24.field), " ");
 } }
 function TableComponent_7_ng_template_0_tr_1_td_2_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function TableComponent_7_ng_template_0_tr_1_td_2_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 42);
-    i0.ɵɵlistener("click", function TableComponent_7_ng_template_0_tr_1_td_2_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r21); const rowData_r19 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.activeChange.emit(rowData_r19)); });
-    i0.ɵɵtemplate(1, TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template, 5, 9, "div", 43)(2, TableComponent_7_ng_template_0_tr_1_td_2_ng_container_2_Template, 1, 0, "ng-container", 12);
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 44);
+    i0.ɵɵlistener("click", function TableComponent_7_ng_template_0_tr_1_td_2_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r22); const rowData_r20 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.activeChange.emit(rowData_r20)); });
+    i0.ɵɵtemplate(1, TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template, 5, 9, "div", 45)(2, TableComponent_7_ng_template_0_tr_1_td_2_ng_container_2_Template, 1, 0, "ng-container", 13);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const col_r23 = ctx.$implicit;
-    const rowData_r19 = i0.ɵɵnextContext(2).$implicit;
+    const col_r24 = ctx.$implicit;
+    const rowData_r20 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !ctx_r1.valueTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$5, i0.ɵɵpureFunction2(3, _c8, rowData_r19, col_r23)));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$5, i0.ɵɵpureFunction2(3, _c9, rowData_r20, col_r24)));
 } }
 function TableComponent_7_ng_template_0_tr_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 38);
-    i0.ɵɵtemplate(1, TableComponent_7_ng_template_0_tr_1_td_1_Template, 2, 11, "td", 39)(2, TableComponent_7_ng_template_0_tr_1_td_2_Template, 3, 8, "td", 40);
+    i0.ɵɵelementStart(0, "tr", 40);
+    i0.ɵɵtemplate(1, TableComponent_7_ng_template_0_tr_1_td_1_Template, 2, 11, "td", 41)(2, TableComponent_7_ng_template_0_tr_1_td_2_Template, 3, 8, "td", 42);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const rowData_r19 = i0.ɵɵnextContext().$implicit;
+    const rowData_r20 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c6, ctx_r1.isRowActive(rowData_r19)))("pSelectableRow", rowData_r19);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c7, ctx_r1.isRowActive(rowData_r20)))("pSelectableRow", rowData_r20);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.checkboxSelection);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngForOf", ctx_r1.filteredColumns);
 } }
 function TableComponent_7_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_7_ng_template_0_tr_0_Template, 7, 6, "tr", 33)(1, TableComponent_7_ng_template_0_tr_1_Template, 3, 6, "tr", 34);
+    i0.ɵɵtemplate(0, TableComponent_7_ng_template_0_tr_0_Template, 7, 6, "tr", 35)(1, TableComponent_7_ng_template_0_tr_1_Template, 3, 6, "tr", 36);
 } if (rf & 2) {
-    const index_r18 = ctx.rowIndex;
-    const rowData_r19 = ctx.$implicit;
+    const index_r19 = ctx.rowIndex;
+    const rowData_r20 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngIf", ctx_r1.isGrouped && ctx_r1.isShowGroup(rowData_r19.groupKey[ctx_r1.groupMode], index_r18));
+    i0.ɵɵproperty("ngIf", ctx_r1.isGrouped && ctx_r1.isShowGroup(rowData_r20.groupKey[ctx_r1.groupMode], index_r19));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.isGrouped || ctx_r1.groupInfo[rowData_r19.groupKey[ctx_r1.groupMode]].isExpanded);
+    i0.ɵɵproperty("ngIf", !ctx_r1.isGrouped || ctx_r1.groupInfo[rowData_r20.groupKey[ctx_r1.groupMode]].isExpanded);
 } }
 function TableComponent_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_7_ng_template_0_Template, 2, 2, "ng-template", 32);
+    i0.ɵɵtemplate(0, TableComponent_7_ng_template_0_Template, 2, 2, "ng-template", 34);
 } }
 function TableComponent_8_ng_template_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 56)(1, "form", 6)(2, "div", 57)(3, "input", 58, 1);
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 58)(1, "form", 7)(2, "div", 59)(3, "input", 60, 2);
     i0.ɵɵpipe(5, "translate");
-    i0.ɵɵlistener("input", function TableComponent_8_ng_template_0_div_2_Template_input_input_3_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(3); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(ctx_r1.localSearch(dt_r8, ctx_r1.searchText)); });
-    i0.ɵɵtwoWayListener("ngModelChange", function TableComponent_8_ng_template_0_div_2_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.searchText, $event) || (ctx_r1.searchText = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("input", function TableComponent_8_ng_template_0_div_2_Template_input_input_3_listener() { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(3); const dt_r9 = i0.ɵɵreference(2); return i0.ɵɵresetView(ctx_r1.localSearch(dt_r9, ctx_r1.searchText)); });
+    i0.ɵɵtwoWayListener("ngModelChange", function TableComponent_8_ng_template_0_div_2_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.searchText, $event) || (ctx_r1.searchText = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 59);
+    i0.ɵɵelementStart(6, "button", 61);
     i0.ɵɵpipe(7, "translate");
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_2_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.clear()); });
-    i0.ɵɵelement(8, "i", 60);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_2_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.clear()); });
+    i0.ɵɵelement(8, "i", 62);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵpropertyInterpolate("placeholder", i0.ɵɵpipeBind1(5, 4, "SHARED.SEARCH") + ":");
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.searchText);
-    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(8, _c9));
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(8, _c10));
     i0.ɵɵadvance(3);
     i0.ɵɵattribute("title", i0.ɵɵpipeBind1(7, 6, "Reset"));
 } }
 function TableComponent_8_ng_template_0_button_5_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 61);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_5_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onFilterToolbar($event)); });
-    i0.ɵɵelement(1, "i", 62);
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 63);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_5_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onFilterToolbar($event)); });
+    i0.ɵɵelement(1, "i", 64);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1067,10 +1028,10 @@ function TableComponent_8_ng_template_0_button_5_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 1, "Service filter"));
 } }
 function TableComponent_8_ng_template_0_button_6_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_6_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.treeAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 64);
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_6_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.treeAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 66);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1080,10 +1041,10 @@ function TableComponent_8_ng_template_0_button_6_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Filter by rubric"));
 } }
 function TableComponent_8_ng_template_0_button_7_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 65);
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 67);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1093,10 +1054,10 @@ function TableComponent_8_ng_template_0_button_7_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Add"));
 } }
 function TableComponent_8_ng_template_0_button_8_Template(rf, ctx) { if (rf & 1) {
-    const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.linkAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 66);
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.linkAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 68);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1106,10 +1067,10 @@ function TableComponent_8_ng_template_0_button_8_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Link"));
 } }
 function TableComponent_8_ng_template_0_button_9_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.csvAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 67);
+    const _r31 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.csvAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 69);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1119,10 +1080,10 @@ function TableComponent_8_ng_template_0_button_9_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "LOGS.SAVE_TO_CSV"));
 } }
 function TableComponent_8_ng_template_0_button_10_Template(rf, ctx) { if (rf & 1) {
-    const _r31 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 68);
+    const _r32 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 70);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_10_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.saveAction.emit($event)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_10_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.saveAction.emit($event)); });
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
@@ -1134,10 +1095,10 @@ function TableComponent_8_ng_template_0_button_10_Template(rf, ctx) { if (rf & 1
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, "Save"), " ");
 } }
 function TableComponent_8_ng_template_0_button_11_Template(rf, ctx) { if (rf & 1) {
-    const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_11_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.groupEditAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 69);
+    const _r33 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_11_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.groupEditAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 71);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1147,10 +1108,10 @@ function TableComponent_8_ng_template_0_button_11_Template(rf, ctx) { if (rf & 1
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "groupEdit"));
 } }
 function TableComponent_8_ng_template_0_button_13_Template(rf, ctx) { if (rf & 1) {
-    const _r33 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_13_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.paramsEditAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 69);
+    const _r34 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_13_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.paramsEditAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 71);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1160,10 +1121,10 @@ function TableComponent_8_ng_template_0_button_13_Template(rf, ctx) { if (rf & 1
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "paramsEdit"));
 } }
 function TableComponent_8_ng_template_0_button_14_Template(rf, ctx) { if (rf & 1) {
-    const _r34 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_14_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 70);
+    const _r35 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_14_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 72);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1173,10 +1134,10 @@ function TableComponent_8_ng_template_0_button_14_Template(rf, ctx) { if (rf & 1
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Delete"));
 } }
 function TableComponent_8_ng_template_0_button_15_Template(rf, ctx) { if (rf & 1) {
-    const _r35 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_15_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.unlinkAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 71);
+    const _r36 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_15_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.unlinkAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 73);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1186,49 +1147,49 @@ function TableComponent_8_ng_template_0_button_15_Template(rf, ctx) { if (rf & 1
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Detach tag from selected items"));
 } }
 function TableComponent_8_ng_template_0_button_16_Template(rf, ctx) { if (rf & 1) {
-    const _r36 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 72);
+    const _r37 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 74);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_16_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleNodes(true)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_16_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r37); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleNodes(true)); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 73);
-    i0.ɵɵelement(3, "path", 74);
+    i0.ɵɵelementStart(2, "svg", 75);
+    i0.ɵɵelement(3, "path", 76);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(1, 1, "Expand all"));
 } }
 function TableComponent_8_ng_template_0_button_17_Template(rf, ctx) { if (rf & 1) {
-    const _r37 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 72);
+    const _r38 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 74);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r37); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleNodes(false)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r38); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleNodes(false)); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 73);
-    i0.ɵɵelement(3, "path", 75);
+    i0.ɵɵelementStart(2, "svg", 75);
+    i0.ɵɵelement(3, "path", 77);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(1, 1, "Collapse all"));
 } }
 function TableComponent_8_ng_template_0_div_18_li_6_Template(rf, ctx) { if (rf & 1) {
-    const _r38 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 82)(1, "a", 83);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_18_li_6_Template_a_click_1_listener() { const item_r39 = i0.ɵɵrestoreView(_r38).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleMode(item_r39.value)); });
+    const _r39 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "li", 84)(1, "a", 85);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_18_li_6_Template_a_click_1_listener() { const item_r40 = i0.ɵɵrestoreView(_r39).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleMode(item_r40.value)); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r39 = ctx.$implicit;
+    const item_r40 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c10, item_r39.value === ctx_r1.groupMode));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c11, item_r40.value === ctx_r1.groupMode));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", item_r39.label, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r40.label, " ");
 } }
 function TableComponent_8_ng_template_0_div_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 76)(1, "button", 77);
+    i0.ɵɵelementStart(0, "div", 78)(1, "button", 79);
     i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelement(3, "i", 78)(4, "i", 79);
+    i0.ɵɵelement(3, "i", 80)(4, "i", 81);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "ul", 80);
-    i0.ɵɵtemplate(6, TableComponent_8_ng_template_0_div_18_li_6_Template, 3, 4, "li", 81);
+    i0.ɵɵelementStart(5, "ul", 82);
+    i0.ɵɵtemplate(6, TableComponent_8_ng_template_0_div_18_li_6_Template, 3, 4, "li", 83);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -1238,15 +1199,15 @@ function TableComponent_8_ng_template_0_div_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngForOf", ctx_r1.toolbar.groupSort.label);
 } }
 function TableComponent_8_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 46)(1, "div", 47);
-    i0.ɵɵtemplate(2, TableComponent_8_ng_template_0_div_2_Template, 9, 9, "div", 48);
-    i0.ɵɵelementStart(3, "div", 49)(4, "in-table-columns-multiselect", 50);
-    i0.ɵɵlistener("columnsChange", function TableComponent_8_ng_template_0_Template_in_table_columns_multiselect_columnsChange_4_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.columnsChange($event)); });
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 48)(1, "div", 49);
+    i0.ɵɵtemplate(2, TableComponent_8_ng_template_0_div_2_Template, 9, 9, "div", 50);
+    i0.ɵɵelementStart(3, "div", 51)(4, "in-table-columns-multiselect", 52);
+    i0.ɵɵlistener("columnsChange", function TableComponent_8_ng_template_0_Template_in_table_columns_multiselect_columnsChange_4_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.columnsChange($event)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(5, TableComponent_8_ng_template_0_button_5_Template, 3, 3, "button", 51)(6, TableComponent_8_ng_template_0_button_6_Template, 3, 4, "button", 52)(7, TableComponent_8_ng_template_0_button_7_Template, 3, 4, "button", 52)(8, TableComponent_8_ng_template_0_button_8_Template, 3, 4, "button", 52)(9, TableComponent_8_ng_template_0_button_9_Template, 3, 4, "button", 52)(10, TableComponent_8_ng_template_0_button_10_Template, 4, 7, "button", 53)(11, TableComponent_8_ng_template_0_button_11_Template, 3, 4, "button", 52);
+    i0.ɵɵtemplate(5, TableComponent_8_ng_template_0_button_5_Template, 3, 3, "button", 53)(6, TableComponent_8_ng_template_0_button_6_Template, 3, 4, "button", 54)(7, TableComponent_8_ng_template_0_button_7_Template, 3, 4, "button", 54)(8, TableComponent_8_ng_template_0_button_8_Template, 3, 4, "button", 54)(9, TableComponent_8_ng_template_0_button_9_Template, 3, 4, "button", 54)(10, TableComponent_8_ng_template_0_button_10_Template, 4, 7, "button", 55)(11, TableComponent_8_ng_template_0_button_11_Template, 3, 4, "button", 54);
     i0.ɵɵprojection(12);
-    i0.ɵɵtemplate(13, TableComponent_8_ng_template_0_button_13_Template, 3, 4, "button", 52)(14, TableComponent_8_ng_template_0_button_14_Template, 3, 4, "button", 52)(15, TableComponent_8_ng_template_0_button_15_Template, 3, 4, "button", 52)(16, TableComponent_8_ng_template_0_button_16_Template, 4, 3, "button", 54)(17, TableComponent_8_ng_template_0_button_17_Template, 4, 3, "button", 54)(18, TableComponent_8_ng_template_0_div_18_Template, 7, 4, "div", 55);
+    i0.ɵɵtemplate(13, TableComponent_8_ng_template_0_button_13_Template, 3, 4, "button", 54)(14, TableComponent_8_ng_template_0_button_14_Template, 3, 4, "button", 54)(15, TableComponent_8_ng_template_0_button_15_Template, 3, 4, "button", 54)(16, TableComponent_8_ng_template_0_button_16_Template, 4, 3, "button", 56)(17, TableComponent_8_ng_template_0_button_17_Template, 4, 3, "button", 56)(18, TableComponent_8_ng_template_0_div_18_Template, 7, 4, "div", 57);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1282,7 +1243,7 @@ function TableComponent_8_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r1.toolbar.groupSort);
 } }
 function TableComponent_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_8_ng_template_0_Template, 19, 16, "ng-template", 45);
+    i0.ɵɵtemplate(0, TableComponent_8_ng_template_0_Template, 19, 16, "ng-template", 47);
 } }
 // NEW Factory Function
 function tableFactory(wrapper) {
@@ -1687,14 +1648,14 @@ class TableComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dt = _t.first);
-        } }, inputs: { columns: "columns", values: "values", scrollHeight: "scrollHeight", scrollable: "scrollable", selectionMode: "selectionMode", label: "label", error: "error", class: "class", required: "required", style: "style", toolbar: "toolbar", checkboxSelection: "checkboxSelection", active: "active", sortField: "sortField", isAscending: "isAscending", dataKey: "dataKey", stateKey: "stateKey", isGrouped: "isGrouped", customSort: "customSort", isGroupedExpanded: "isGroupedExpanded", showHeader: "showHeader", isMobileView: "isMobileView", resizableColumns: "resizableColumns", isTextSearch: "isTextSearch", isSortIcon: "isSortIcon", columnResizeMode: "columnResizeMode", selection: "selection" }, outputs: { activeChange: "activeChange", selectionChange: "selectionChange", addAction: "addAction", treeAction: "treeAction", csvAction: "csvAction", saveAction: "saveAction", removeAction: "removeAction", unlinkAction: "unlinkAction", linkAction: "linkAction", groupEditAction: "groupEditAction", paramsEditAction: "paramsEditAction", sortFunction: "sortFunction", filterFunction: "filterFunction" }, standalone: false, features: [i0.ɵɵProvidersFeature([TableService])], ngContentSelectors: _c1$b, decls: 9, vars: 25, consts: [["dt", ""], ["searchTextInput", ""], ["class", "c-label", 4, "ngIf"], [3, "onFilter", "onSort", "onStateRestore", "onStateSave", "sortFunction", "selectionChange", "selection", "columns", "customSort", "dataKey", "globalFilterFields", "resizableColumns", "scrollHeight", "scrollable", "selectionMode", "sortField", "sortOrder", "stateKey", "stateStorage", "value", "columnResizeMode"], [4, "ngIf"], ["pTemplate", "header"], [1, "c-label"], ["class", "c-label__req", 4, "ngIf"], ["class", "c-label__sub_is-error", 4, "ngIf"], [1, "c-label__req"], [1, "c-label__sub_is-error"], ["pTemplate", "colgroup"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["style", "width: 44px;", 4, "ngIf"], [4, "ngFor", "ngForOf"], [2, "width", "44px"], ["class", "u-position-relative u-text_center", "pResizableColumn", "", "style", "width: 44px;", 4, "ngIf"], ["class", "u-position-relative", "pResizableColumn", "", 3, "pSortableColumn", 4, "ngFor", "ngForOf"], ["pResizableColumn", "", 1, "u-position-relative", "u-text_center", 2, "width", "44px"], ["type", "checkbox", 1, "in-table-checkbox", 3, "change", "click", "checked"], ["pResizableColumn", "", 1, "u-position-relative", 3, "pSortableColumn"], [1, "p-table-thead-title", 3, "title"], ["class", "u-position-absolute u-position-absolute-right c-sorticon", "style", "display: flex; width: 18px; top: 0; height: 100%;", 3, "field", 4, "ngIf"], [1, "u-position-absolute", "u-position-absolute-right", "c-sorticon", 2, "display", "flex", "width", "18px", "top", "0", "height", "100%", 3, "field"], [3, "ngSwitch", 4, "ngFor", "ngForOf"], [3, "ngSwitch"], ["autofocus", "", "class", "c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched", "pInputText", "", "type", "text", 3, "input", 4, "ngSwitchCase"], ["appendTo", "body", 3, "options", "style", "onChange", 4, "ngSwitchCase"], ["appendTo", "body", 3, "options", "style", "defaultLabel", "onChange", 4, "ngSwitchCase"], ["autofocus", "", "pInputText", "", "type", "text", 1, "c-input", "c-input_small", "ng-pristine", "ng-valid", "ng-scope", "ng-empty", "ng-touched", 3, "input"], ["appendTo", "body", 3, "onChange", "options"], ["appendTo", "body", 3, "onChange", "options", "defaultLabel"], ["pTemplate", "body"], ["class", "row_hover_highlight", 3, "click", 4, "ngIf"], ["class", "row", 3, "ngClass", "pSelectableRow", 4, "ngIf"], [1, "row_hover_highlight", 3, "click"], [3, "colSpan"], [3, "ngClass"], [1, "row", 3, "ngClass", "pSelectableRow"], ["class", "u-text_center", "style", "width: 44px", 3, "ngClass", 4, "ngIf"], ["class", "u-overflow-visible", 3, "click", 4, "ngFor", "ngForOf"], [1, "u-text_center", 2, "width", "44px", 3, "ngClass"], [1, "u-overflow-visible", 3, "click"], ["class", "p-table-tbody-content", "title", "", 3, "mouseover", 4, "ngIf"], ["title", "", 1, "p-table-tbody-content", 3, "mouseover"], ["pTemplate", "caption"], [1, "o-grid", "o-grid_no-gutter"], [1, "c-tree-table__toolbar-content", "u-display-inline-flex"], ["class", "c-form c-form_inline u-display-inline-block", 4, "ngIf"], [1, "c-btn", "c-btn_border-free", "c-btn_small"], [3, "columnsChange", "columns", "disableActiveCheckboxes"], ["class", "c-btn c-btn_border-free c-btn_small", 3, "click", 4, "ngIf"], ["class", "c-btn c-btn_border-free c-btn_small", 3, "disabled", "click", 4, "ngIf"], ["class", "c-btn c-btn_primary c-btn_small", 3, "disabled", "title", "click", 4, "ngIf"], ["class", "c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free", 3, "title", "click", 4, "ngIf"], ["class", "c-btn-group", "container", "body", "ngbDropdown", "", 4, "ngIf"], [1, "c-form", "c-form_inline", "u-display-inline-block"], [1, "input-wrapper", "u-margin-right-tiny"], ["autofocus", "", "pInputText", "", "required", "", "tabindex", "1", "type", "search", 1, "search-box", "c-input", "c-input_small", "ng-pristine", "ng-valid", "ng-scope", "ng-empty", "ng-touched", 2, "padding-right", "28px", 3, "input", "ngModelChange", "ngModel", "ngModelOptions", "placeholder"], ["type", "reset", 1, "button-reset", 3, "click"], [1, "in", "in-close"], [1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "click"], [1, "in", "in-filter", 3, "title"], [1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "click", "disabled"], [1, "in", "in-list", 3, "title"], [1, "in", "in-plus", 3, "title"], [1, "in", "in-link", 3, "title"], [1, "in", "in-file-excel-outline", 3, "title"], [1, "c-btn", "c-btn_primary", "c-btn_small", 3, "click", "disabled", "title"], [1, "in", "in-pencil", 3, "title"], [1, "in", "in-trash", 3, "title"], [1, "in", "in-link-off", 3, "title"], [1, "c-btn", "c-btn_small", "c-btn_svg-24", "c-icon", "c-icon_svg", "c-icon_svg-24", "c-btn_border-free", 3, "click", "title"], ["fill", "currentColor", "height", "24", "viewBox", "0 0 24 24", "width", "24", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z"], ["clip-rule", "evenodd", "d", "M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z", "fill-rule", "evenodd"], ["container", "body", "ngbDropdown", "", 1, "c-btn-group"], ["id", "dropdownGroupType", "ngbDropdownToggle", "", 1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "title"], ["aria-hidden", "true", 1, "in", "in-object-group"], ["aria-hidden", "true", 1, "c-caret"], ["aria-labelledby", "dropdownGroupType", "ngbDropdownMenu", "", "role", "menu", 1, "c-dropdown-menu", "c-dropdown-menu_right", "ng-star-inserted"], ["class", "c-dropdown-menu__listitem is-dropdown-menu__listitem_active", "ngbDropdownItem", "", "role", "menuitem", 3, "ngClass", 4, "ngFor", "ngForOf"], ["ngbDropdownItem", "", "role", "menuitem", 1, "c-dropdown-menu__listitem", "is-dropdown-menu__listitem_active", 3, "ngClass"], [1, "c-dropdown-menu__content", 3, "click"]], template: function TableComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { columns: "columns", values: "values", scrollHeight: "scrollHeight", scrollable: "scrollable", selectionMode: "selectionMode", label: "label", error: "error", class: "class", required: "required", style: "style", toolbar: "toolbar", checkboxSelection: "checkboxSelection", active: "active", sortField: "sortField", isAscending: "isAscending", dataKey: "dataKey", stateKey: "stateKey", isGrouped: "isGrouped", customSort: "customSort", isGroupedExpanded: "isGroupedExpanded", showHeader: "showHeader", isMobileView: "isMobileView", resizableColumns: "resizableColumns", isTextSearch: "isTextSearch", isSortIcon: "isSortIcon", columnResizeMode: "columnResizeMode", selection: "selection" }, outputs: { activeChange: "activeChange", selectionChange: "selectionChange", addAction: "addAction", treeAction: "treeAction", csvAction: "csvAction", saveAction: "saveAction", removeAction: "removeAction", unlinkAction: "unlinkAction", linkAction: "linkAction", groupEditAction: "groupEditAction", paramsEditAction: "paramsEditAction", sortFunction: "sortFunction", filterFunction: "filterFunction" }, standalone: false, features: [i0.ɵɵProvidersFeature([TableService])], ngContentSelectors: _c1$b, decls: 9, vars: 25, consts: [["dt", ""], ["defaultHeaderTemplate", ""], ["searchTextInput", ""], ["class", "c-label", 4, "ngIf"], [3, "onFilter", "onSort", "onStateRestore", "onStateSave", "sortFunction", "selectionChange", "selection", "columns", "customSort", "dataKey", "globalFilterFields", "resizableColumns", "scrollHeight", "scrollable", "selectionMode", "sortField", "sortOrder", "stateKey", "stateStorage", "value", "columnResizeMode"], [4, "ngIf"], ["pTemplate", "header"], [1, "c-label"], ["class", "c-label__req", 4, "ngIf"], ["class", "c-label__sub_is-error", 4, "ngIf"], [1, "c-label__req"], [1, "c-label__sub_is-error"], ["pTemplate", "colgroup"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["style", "width: 44px;", 4, "ngIf"], [4, "ngFor", "ngForOf"], [2, "width", "44px"], [4, "ngIf", "ngIfElse"], ["class", "u-position-relative u-text_center", "pResizableColumn", "", "style", "width: 44px;", 4, "ngIf"], ["class", "u-position-relative", "pResizableColumn", "", 3, "pSortableColumn", 4, "ngFor", "ngForOf"], ["pResizableColumn", "", 1, "u-position-relative", "u-text_center", 2, "width", "44px"], ["type", "checkbox", 1, "in-table-checkbox", 3, "change", "click", "checked"], ["pResizableColumn", "", 1, "u-position-relative", 3, "pSortableColumn"], [1, "p-table-thead-title", 3, "title"], ["class", "u-position-absolute u-position-absolute-right c-sorticon", "style", "display: flex; width: 18px; top: 0; height: 100%;", 3, "field", 4, "ngIf"], [1, "u-position-absolute", "u-position-absolute-right", "c-sorticon", 2, "display", "flex", "width", "18px", "top", "0", "height", "100%", 3, "field"], [3, "ngSwitch", 4, "ngFor", "ngForOf"], [3, "ngSwitch"], ["autofocus", "", "class", "c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched", "pInputText", "", "type", "text", 3, "input", 4, "ngSwitchCase"], ["appendTo", "body", 3, "options", "style", "onChange", 4, "ngSwitchCase"], ["appendTo", "body", 3, "options", "style", "defaultLabel", "onChange", 4, "ngSwitchCase"], ["autofocus", "", "pInputText", "", "type", "text", 1, "c-input", "c-input_small", "ng-pristine", "ng-valid", "ng-scope", "ng-empty", "ng-touched", 3, "input"], ["appendTo", "body", 3, "onChange", "options"], ["appendTo", "body", 3, "onChange", "options", "defaultLabel"], ["pTemplate", "body"], ["class", "row_hover_highlight", 3, "click", 4, "ngIf"], ["class", "row", 3, "ngClass", "pSelectableRow", 4, "ngIf"], [1, "row_hover_highlight", 3, "click"], [3, "colSpan"], [3, "ngClass"], [1, "row", 3, "ngClass", "pSelectableRow"], ["class", "u-text_center", "style", "width: 44px", 3, "ngClass", 4, "ngIf"], ["class", "u-overflow-visible", 3, "click", 4, "ngFor", "ngForOf"], [1, "u-text_center", 2, "width", "44px", 3, "ngClass"], [1, "u-overflow-visible", 3, "click"], ["class", "p-table-tbody-content", "title", "", 3, "mouseover", 4, "ngIf"], ["title", "", 1, "p-table-tbody-content", 3, "mouseover"], ["pTemplate", "caption"], [1, "o-grid", "o-grid_no-gutter"], [1, "c-tree-table__toolbar-content", "u-display-inline-flex"], ["class", "c-form c-form_inline u-display-inline-block", 4, "ngIf"], [1, "c-btn", "c-btn_border-free", "c-btn_small"], [3, "columnsChange", "columns", "disableActiveCheckboxes"], ["class", "c-btn c-btn_border-free c-btn_small", 3, "click", 4, "ngIf"], ["class", "c-btn c-btn_border-free c-btn_small", 3, "disabled", "click", 4, "ngIf"], ["class", "c-btn c-btn_primary c-btn_small", 3, "disabled", "title", "click", 4, "ngIf"], ["class", "c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free", 3, "title", "click", 4, "ngIf"], ["class", "c-btn-group", "container", "body", "ngbDropdown", "", 4, "ngIf"], [1, "c-form", "c-form_inline", "u-display-inline-block"], [1, "input-wrapper", "u-margin-right-tiny"], ["autofocus", "", "pInputText", "", "required", "", "tabindex", "1", "type", "search", 1, "search-box", "c-input", "c-input_small", "ng-pristine", "ng-valid", "ng-scope", "ng-empty", "ng-touched", 2, "padding-right", "28px", 3, "input", "ngModelChange", "ngModel", "ngModelOptions", "placeholder"], ["type", "reset", 1, "button-reset", 3, "click"], [1, "in", "in-close"], [1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "click"], [1, "in", "in-filter", 3, "title"], [1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "click", "disabled"], [1, "in", "in-list", 3, "title"], [1, "in", "in-plus", 3, "title"], [1, "in", "in-link", 3, "title"], [1, "in", "in-file-excel-outline", 3, "title"], [1, "c-btn", "c-btn_primary", "c-btn_small", 3, "click", "disabled", "title"], [1, "in", "in-pencil", 3, "title"], [1, "in", "in-trash", 3, "title"], [1, "in", "in-link-off", 3, "title"], [1, "c-btn", "c-btn_small", "c-btn_svg-24", "c-icon", "c-icon_svg", "c-icon_svg-24", "c-btn_border-free", 3, "click", "title"], ["fill", "currentColor", "height", "24", "viewBox", "0 0 24 24", "width", "24", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z"], ["clip-rule", "evenodd", "d", "M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z", "fill-rule", "evenodd"], ["container", "body", "ngbDropdown", "", 1, "c-btn-group"], ["id", "dropdownGroupType", "ngbDropdownToggle", "", 1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "title"], ["aria-hidden", "true", 1, "in", "in-object-group"], ["aria-hidden", "true", 1, "c-caret"], ["aria-labelledby", "dropdownGroupType", "ngbDropdownMenu", "", "role", "menu", 1, "c-dropdown-menu", "c-dropdown-menu_right", "ng-star-inserted"], ["class", "c-dropdown-menu__listitem is-dropdown-menu__listitem_active", "ngbDropdownItem", "", "role", "menuitem", 3, "ngClass", 4, "ngFor", "ngForOf"], ["ngbDropdownItem", "", "role", "menuitem", 1, "c-dropdown-menu__listitem", "is-dropdown-menu__listitem_active", 3, "ngClass"], [1, "c-dropdown-menu__content", 3, "click"]], template: function TableComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵprojectionDef(_c0$m);
-            i0.ɵɵtemplate(0, TableComponent_span_0_Template, 4, 3, "span", 2);
-            i0.ɵɵelementStart(1, "p-table", 3, 0);
+            i0.ɵɵprojectionDef(_c0$g);
+            i0.ɵɵtemplate(0, TableComponent_span_0_Template, 4, 3, "span", 3);
+            i0.ɵɵelementStart(1, "p-table", 4, 0);
             i0.ɵɵlistener("onFilter", function TableComponent_Template_p_table_onFilter_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onFilter($event)); })("onSort", function TableComponent_Template_p_table_onSort_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSort()); })("onStateRestore", function TableComponent_Template_p_table_onStateRestore_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.restoreSearchText()); })("onStateSave", function TableComponent_Template_p_table_onStateSave_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.stateSave($event)); })("sortFunction", function TableComponent_Template_p_table_sortFunction_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.sortFunction ? ctx.sortFunction.emit($event) : null); });
             i0.ɵɵtwoWayListener("selectionChange", function TableComponent_Template_p_table_selectionChange_1_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.selectionValue, $event) || (ctx.selectionValue = $event); return i0.ɵɵresetView($event); });
-            i0.ɵɵtemplate(3, TableComponent_3_Template, 1, 0, null, 4)(4, TableComponent_4_Template, 1, 0, null, 4)(5, TableComponent_ng_template_5_Template, 1, 1, "ng-template", 5)(6, TableComponent_6_Template, 1, 0, null, 4)(7, TableComponent_7_Template, 1, 0, null, 4)(8, TableComponent_8_Template, 1, 0, null, 4);
+            i0.ɵɵtemplate(3, TableComponent_3_Template, 1, 0, null, 5)(4, TableComponent_4_Template, 1, 0, null, 5)(5, TableComponent_ng_template_5_Template, 1, 1, "ng-template", 6)(6, TableComponent_6_Template, 1, 0, null, 5)(7, TableComponent_7_Template, 1, 0, null, 5)(8, TableComponent_8_Template, 1, 0, null, 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.label);
@@ -1713,11 +1674,11 @@ class TableComponent {
             i0.ɵɵproperty("ngIf", !ctx.bodyTemplate);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.toolbar);
-        } }, dependencies: () => [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i1$2.NgSwitch, i1$2.NgSwitchCase, i2$2.Table, i2.PrimeTemplate, i2$2.SortableColumn, i2$2.SelectableRow, i2$2.ResizableColumn, i2$2.SortIcon, i2$1.ɵNgNoValidate, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.RequiredValidator, i2$1.NgModel, i2$1.NgForm, i5.Dropdown, i6.MultiSelect, i7.NgbDropdown, i7.NgbDropdownToggle, i7.NgbDropdownMenu, i7.NgbDropdownItem, TableColumnsMultiselectComponent, PropertyValuePipe, i1.TranslatePipe], styles: ["@charset \"UTF-8\";.u-overflow-visible[_ngcontent-%COMP%]{overflow:visible!important}.row_status_success[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-success, #31AC51)}.row_status_error[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-error, #F95C5D)}.row_status_warning[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-warning, #EE9946)}.row_status_critical[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-critical, #F95C5D)}.row_status_falsevalue[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-falsevalue, #85B3CB)}.row_status_disabled[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-disabled)}.row_status_none[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid transparent}.row_status_pending[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-pending, #1f85ff)}.button-reset[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset[_ngcontent-%COMP%]:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.input-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;align-items:baseline}.c-input[_ngcontent-%COMP%]:not(:valid) ~ .button-reset[_ngcontent-%COMP%]{display:none}.theme-light[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%], .theme-light   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%], .theme-contrast[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%], .theme-contrast   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]{border-color:#00000073}.theme-light[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate), .theme-light   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate), .theme-contrast[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate), .theme-contrast   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate){border-color:#000000b3}.in-table-checkbox[_ngcontent-%COMP%]{appearance:none;-webkit-appearance:none;width:var(--p-checkbox-width, 20px);height:var(--p-checkbox-height, 20px);border:1px solid var(--p-checkbox-border-color, #B3B3B3);border-radius:var(--p-checkbox-border-radius, 2px);background:var(--p-checkbox-background, transparent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;transition:border-color var(--p-checkbox-transition-duration, .15s),background var(--p-checkbox-transition-duration, .15s)}.in-table-checkbox[_ngcontent-%COMP%]:checked{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox[_ngcontent-%COMP%]:checked:after{content:\"\";display:block;width:var(--p-checkbox-icon-size, 14px);height:var(--p-checkbox-icon-size, 14px);background-color:var(--p-checkbox-icon-checked-color, #ffffff);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.in-table-checkbox[_ngcontent-%COMP%]:indeterminate{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox[_ngcontent-%COMP%]:indeterminate:after{content:\"\";display:block;width:calc(var(--p-checkbox-icon-size, 14px) - 2px);height:2px;background-color:var(--p-checkbox-icon-checked-color, #ffffff);margin:auto}.in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate){border-color:var(--p-checkbox-hover-border-color, #999999)}"] }); }
+        } }, dependencies: () => [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i1$3.NgTemplateOutlet, i1$3.NgSwitch, i1$3.NgSwitchCase, i2$2.Table, i2.PrimeTemplate, i2$2.SortableColumn, i2$2.SelectableRow, i2$2.ResizableColumn, i2$2.SortIcon, i2$1.ɵNgNoValidate, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.RequiredValidator, i2$1.NgModel, i2$1.NgForm, i5.Dropdown, i6.MultiSelect, i7.NgbDropdown, i7.NgbDropdownToggle, i7.NgbDropdownMenu, i7.NgbDropdownItem, TableColumnsMultiselectComponent, PropertyValuePipe, i1.TranslatePipe], styles: ["@charset \"UTF-8\";.u-overflow-visible[_ngcontent-%COMP%]{overflow:visible!important}.row_status_success[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-success, #31AC51)}.row_status_error[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-error, #F95C5D)}.row_status_warning[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-warning, #EE9946)}.row_status_critical[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-critical, #F95C5D)}.row_status_falsevalue[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-falsevalue, #85B3CB)}.row_status_disabled[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-disabled)}.row_status_none[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid transparent}.row_status_pending[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-pending, #1f85ff)}.button-reset[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset[_ngcontent-%COMP%]:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.input-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;align-items:baseline}.c-input[_ngcontent-%COMP%]:not(:valid) ~ .button-reset[_ngcontent-%COMP%]{display:none}.theme-light[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%], .theme-light   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%], .theme-contrast[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%], .theme-contrast   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]{border-color:#00000073}.theme-light[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate), .theme-light   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate), .theme-contrast[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate), .theme-contrast   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate){border-color:#000000b3}.in-table-checkbox[_ngcontent-%COMP%]{appearance:none;-webkit-appearance:none;width:var(--p-checkbox-width, 20px);height:var(--p-checkbox-height, 20px);border:1px solid var(--p-checkbox-border-color, #B3B3B3);border-radius:var(--p-checkbox-border-radius, 2px);background:var(--p-checkbox-background, transparent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;transition:border-color var(--p-checkbox-transition-duration, .15s),background var(--p-checkbox-transition-duration, .15s)}.in-table-checkbox[_ngcontent-%COMP%]:checked{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox[_ngcontent-%COMP%]:checked:after{content:\"\";display:block;width:var(--p-checkbox-icon-size, 14px);height:var(--p-checkbox-icon-size, 14px);background-color:var(--p-checkbox-icon-checked-color, #ffffff);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.in-table-checkbox[_ngcontent-%COMP%]:indeterminate{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox[_ngcontent-%COMP%]:indeterminate:after{content:\"\";display:block;width:calc(var(--p-checkbox-icon-size, 14px) - 2px);height:2px;background-color:var(--p-checkbox-icon-checked-color, #ffffff);margin:auto}.in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate){border-color:var(--p-checkbox-hover-border-color, #999999)}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'in-table', providers: [TableService], template: "<span *ngIf=\"label\" class=\"c-label\">\r\n        {{label}}\r\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n  <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\r\n</span>\r\n<p-table #dt\r\n         (onFilter) = onFilter($event)\r\n         (onSort)=\"onSort()\"\r\n         (onStateRestore)=\"restoreSearchText()\"\r\n         (onStateSave)=\"stateSave($event)\"\r\n         (sortFunction)=\"sortFunction? sortFunction.emit($event): null\"\r\n         [(selection)]=\"selectionValue\"\r\n         [class]=\"class\"\r\n         [columns]=\"filteredColumns\"\r\n         [customSort]=\"customSort\"\r\n         [dataKey]=\"dataKey || 'id'\"\r\n         [globalFilterFields]=\"globalFilteredColumns\"\r\n         [resizableColumns]=\"resizableColumns\"\r\n         [scrollHeight]=\"scrollHeight\"\r\n         [scrollable]=\"scrollable\"\r\n         [selectionMode]=\"selectionMode\"\r\n         [sortField]=\"sortField || 'id'\"\r\n         [sortOrder]=\"isAscending ? 1 : -1\"\r\n         [stateKey]=\"stateKey\"\r\n         [stateStorage]=\"'local'\"\r\n         [style]=\"style\"\r\n         [value]=\"values\"\r\n         [columnResizeMode]=\"columnResizeMode\"\r\n>\r\n  <ng-template *ngIf=\"colGroupTemplate\" let-columns pTemplate=\"colgroup\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"colGroupTemplate; context: {$implicit: { columns: columns}}\"></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"!colGroupTemplate\" let-columns pTemplate=\"colgroup\">\r\n    <colgroup *ngIf=\"!isMobileView\">\r\n      <col *ngIf=\"checkboxSelection\" style=\"width: 44px;\">\r\n      <col *ngFor=\"let col of filteredColumns; let idx = index\">\r\n    </colgroup>\r\n  </ng-template>\r\n\r\n  <ng-template let-columns pTemplate=\"header\">\r\n    <ng-container *ngIf=\"showHeader\">\r\n      <tr>\r\n        <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn style=\"width: 44px;\">\r\n          <!-- Native header checkbox bypasses dt.processedData (O(N log N) sort) used\r\n               by p-tableHeaderCheckbox.toggleRowsWithCheckbox() on select all. -->\r\n          <input type=\"checkbox\"\r\n                 class=\"in-table-checkbox\"\r\n                 [checked]=\"_isAllSelected()\"\r\n                 (change)=\"_onHeaderCheckboxChange($event)\"\r\n                 (click)=\"$event.stopPropagation()\"\r\n          >\r\n        </th>\r\n        <th *ngFor=\"let col of filteredColumns\" [pSortableColumn]=\"col.field\" class=\"u-position-relative\"\r\n            pResizableColumn>\r\n          <div class=\"p-table-thead-title\"\r\n               title=\"{{col.label | translate}}\">\r\n            {{col.label | translate}}\r\n          </div>\r\n          <p-sortIcon *ngIf=\"isSortIcon\" [field]=\"col.field\"\r\n                      class=\"u-position-absolute u-position-absolute-right c-sorticon\"\r\n                      style=\"display: flex; width: 18px; top: 0; height: 100%;\"></p-sortIcon>\r\n        </th>\r\n      </tr>\r\n      <tr *ngIf=\"toolbar && toolbar.filter && toolbar.filter.active\">\r\n        <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn\r\n            style=\"width: 44px;\"></th>\r\n        <th *ngFor=\"let col of columns\" [ngSwitch]=\"col.field\">\r\n          <input\r\n            (input)=\"dt.filter($any($event.target).value, col.field, 'contains')\"\r\n            *ngSwitchCase=\"colFilter(col.field)?.type === 'text' ? col.field : ''\"\r\n            autofocus=\"\"\r\n            class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n            pInputText\r\n            type=\"text\">\r\n\r\n          <p-dropdown (onChange)=\"dt.filter($event.value, col.field, 'equals')\"\r\n                      *ngSwitchCase=\"colFilter(col.field)?.type === 'dropdown' ? col.field : ''\"\r\n                      [options]=\"colFilter(col.field)?.options\"\r\n                      [style]=\"{ width: '100%', overflow: 'visible' }\"\r\n                      appendTo=\"body\"></p-dropdown>\r\n\r\n          <p-multiSelect (onChange)=\"dt.filter($event.value, col.field, 'in')\"\r\n                         *ngSwitchCase=\"colFilter(col.field)?.type === 'multiselect' ? col.field : ''\"\r\n                         [options]=\"colFilter(col.field)?.options\"\r\n                         [style]=\"{ width: '100%', overflow: 'visible' }\" appendTo=\"body\"\r\n                         defaultLabel=\"{{'All' | translate}}\"></p-multiSelect>\r\n          <input\r\n            (input)=\"dt.filter($any($event.target).value, col.field + '2filter', 'contains')\"\r\n            *ngSwitchCase=\"colFilter(col.field)?.type === 'datetext' ? col.field : ''\"\r\n            autofocus=\"\"\r\n            class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n            pInputText\r\n            type=\"text\">\r\n        </th>\r\n      </tr>\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"bodyTemplate\" let-columns=\"columns\" let-rowData let-rowIndex=\"rowIndex\" pTemplate=\"body\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"bodyTemplate; context: {$implicit: { rowIndex: rowIndex, rowData: rowData, columns: columns}}\"></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"!bodyTemplate\" let-columns=\"columns\" let-index=\"rowIndex\" let-rowData pTemplate=\"body\">\r\n    <tr\r\n      (click)=\"toggleGroup(index, rowData.groupKey[groupMode])\"\r\n      *ngIf=\"isGrouped && isShowGroup(rowData.groupKey[groupMode], index)\"\r\n      class=\"row_hover_highlight\">\r\n      <td [colSpan]=\"countVisibleColumns() + 1\">\r\n        <span>\r\n          <i\r\n            [ngClass]=\"groupInfo[rowData.groupKey[groupMode]].isExpanded ? 'in fa-fw in-chevron-down' : 'in fa-fw in-chevron-right'\"></i>\r\n          <span>{{rowData.groupKey[groupMode] | translate }} ({{countGroup(rowData.groupKey[groupMode], groupMode)}}\r\n            )</span>\r\n        </span>\r\n      </td>\r\n    </tr>\r\n    <tr *ngIf=\"!isGrouped || groupInfo[(rowData.groupKey[groupMode])].isExpanded\"\r\n        [ngClass]=\"{row_active: isRowActive(rowData)}\"\r\n        [pSelectableRow]=\"rowData\"\r\n        class=\"row\">\r\n      <td *ngIf=\"checkboxSelection\" [ngClass]=\"{\r\n            'row_status_success': rowData.sdirparamstatecolor === 'success',\r\n            'row_status_error': rowData.sdirparamstatecolor === 'error',\r\n            'row_status_warning': rowData.sdirparamstatecolor === 'warning',\r\n            'row_status_critical': rowData.sdirparamstatecolor === 'critical',\r\n            'row_status_falsevalue': rowData.sdirparamstatecolor === 'falsevalue',\r\n            'row_status_pending': rowData.sdirparamstatecolor === 'pending'\r\n          }\" class=\"u-text_center\"\r\n          style=\"width: 44px\"\r\n      >\r\n        <!-- Native checkbox \u2014 no Angular component overhead (no NgModel/CVA/signals).\r\n             Uses Set for O(1) state lookup instead of p-tableCheckbox's O(M) isSelected(). -->\r\n        <input type=\"checkbox\"\r\n               class=\"in-table-checkbox\"\r\n               [checked]=\"_isRowSelected(rowData)\"\r\n               [style.pointer-events]=\"(selectionMode === 'single' || (selectionMode === 'multiple' && checkboxSelection)) ? 'none' : 'auto'\"\r\n               (change)=\"_onCheckboxChange($event, rowData)\"\r\n               (click)=\"$event.stopPropagation()\"\r\n        >\r\n      </td>\r\n      <td (click)=\"activeChange.emit(rowData)\"\r\n          *ngFor=\"let col of filteredColumns\"\r\n          class=\"u-overflow-visible\">\r\n        <div (mouseover)=\"showTooltip($event)\" *ngIf=\"!valueTemplate\" class=\"p-table-tbody-content\" title>\r\n          {{col.translatable ? (rowData | propertyValue: col.field | translate) : (rowData | propertyValue: col.field)}}\r\n        </div>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"valueTemplate; context: {$implicit: { data: rowData, col: col}}\"></ng-container>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"toolbar\" pTemplate=\"caption\">\r\n\r\n    <div class=\"o-grid o-grid_no-gutter\">\r\n      <div class=\"c-tree-table__toolbar-content u-display-inline-flex\">\r\n        <div *ngIf=\"isTextSearch\" class=\"c-form c-form_inline u-display-inline-block\">\r\n          <form class=\"c-label\">\r\n            <div class=\"input-wrapper u-margin-right-tiny\">\r\n              <input #searchTextInput\r\n                     (input)=\"localSearch(dt, searchText)\"\r\n                     [(ngModel)]=\"searchText\"\r\n                     [ngModelOptions]=\"{standalone: true}\"\r\n                     autofocus=\"\"\r\n                     class=\"search-box c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n                     pInputText\r\n                     placeholder=\"{{('SHARED.SEARCH' | translate) + ':'}}\"\r\n                     required\r\n                     style=\"padding-right: 28px\"\r\n                     tabindex=\"1\"\r\n                     type=\"search\"\r\n              >\r\n              <button (click)=\"clear()\" class=\"button-reset\" type=\"reset\"\r\n                      [attr.title]=\"'Reset' | translate\">\r\n                <i class=\"in in-close\"></i>\r\n              </button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n        <div class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <in-table-columns-multiselect (columnsChange)=\"columnsChange($event)\"\r\n                                        [columns]=\"primaryColumns\"\r\n                                        [disableActiveCheckboxes]=\"countVisibleColumns() === 1\"></in-table-columns-multiselect>\r\n        </div>\r\n\r\n        <button (click)=\"onFilterToolbar($event)\" *ngIf=\"toolbar.filter\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-filter\" title=\"{{'Service filter' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"treeAction.emit($event)\" *ngIf=\"toolbar.tree\" [disabled]=\"toolbar.tree.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-list\" title=\"{{'Filter by rubric' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"addAction.emit($event)\" *ngIf=\"toolbar.add\" [disabled]=\"toolbar.add.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-plus\" title=\"{{'Add' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"linkAction.emit($event)\" *ngIf=\"toolbar.link\" [disabled]=\"toolbar.link.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-link\" title=\"{{'Link' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"csvAction.emit($event)\" *ngIf=\"toolbar.csv\" [disabled]=\"toolbar.csv.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <!--Todo: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u043D\u0430 in-file-csv-->\r\n          <i class=\"in in-file-excel-outline\" title=\"{{'LOGS.SAVE_TO_CSV' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"saveAction.emit($event)\" *ngIf=\"toolbar.save\"\r\n                [disabled]=\"toolbar.save.disabled\"\r\n                class=\"c-btn c-btn_primary c-btn_small\"\r\n                title=\"{{'Save' | translate}}\"\r\n        >\r\n          {{'Save' | translate}}\r\n        </button>\r\n        <button (click)=\"groupEditAction.emit($event)\" *ngIf=\"toolbar.groupEdit && toolbar.groupEdit.active\"\r\n                [disabled]=\"toolbar.groupEdit.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-pencil\" title=\"{{'groupEdit' | translate}}\"></i>\r\n        </button>\r\n        <ng-content select=\"[buttons]\"></ng-content>\r\n        <button (click)=\"paramsEditAction.emit($event)\" *ngIf=\"toolbar.paramsEdit && toolbar.paramsEdit.active\"\r\n                [disabled]=\"toolbar.paramsEdit.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-pencil\" title=\"{{'paramsEdit' | translate}}\"></i>\r\n        </button>\r\n\r\n\r\n        <button (click)=\"removeAction.emit($event)\" *ngIf=\"toolbar.remove && toolbar.remove.active\"\r\n                [disabled]=\"toolbar.remove.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-trash\" title=\"{{'Delete' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"unlinkAction.emit($event)\" *ngIf=\"toolbar.unlink\" [disabled]=\"toolbar.unlink.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-link-off\" title=\"{{'Detach tag from selected items' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"toggleNodes(true)\"\r\n                *ngIf=\"toolbar.expandAll\"\r\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n                title=\"{{'Expand all' | translate}}\">\r\n          <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <path d=\"M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z\"/>\r\n          </svg>\r\n        </button>\r\n        <button (click)=\"toggleNodes(false)\"\r\n                *ngIf=\"toolbar.expandAll\"\r\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n                title=\"{{'Collapse all' | translate}}\">\r\n          <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <path clip-rule=\"evenodd\" d=\"M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z\" fill-rule=\"evenodd\"/>\r\n          </svg>\r\n        </button>\r\n\r\n        <div *ngIf=\"toolbar.groupSort\"\r\n             class=\"c-btn-group\"\r\n             container=\"body\"\r\n             ngbDropdown>\r\n\r\n          <button class=\"c-btn c-btn_border-free c-btn_small\"\r\n                  id=\"dropdownGroupType\"\r\n                  ngbDropdownToggle\r\n                  title=\"{{'Change the way parameters are grouped' | translate}}\">\r\n            <i aria-hidden=\"true\" class=\"in in-object-group\"></i>\r\n            <i aria-hidden=\"true\" class=\"c-caret\"></i>\r\n          </button>\r\n\r\n          <ul aria-labelledby=\"dropdownGroupType\"\r\n              class=\"c-dropdown-menu c-dropdown-menu_right ng-star-inserted\"\r\n              ngbDropdownMenu\r\n              role=\"menu\">\r\n            <li *ngFor=\"let item of toolbar.groupSort.label\"\r\n                [ngClass]=\"{'is-dropdown-menu__listitem_active': item.value === groupMode}\"\r\n                class=\"c-dropdown-menu__listitem is-dropdown-menu__listitem_active\"\r\n                ngbDropdownItem\r\n                role=\"menuitem\">\r\n              <a (click)=\"toggleMode(item.value)\" class=\"c-dropdown-menu__content\">\r\n                {{item.label}}\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</p-table>\r\n", styles: ["@charset \"UTF-8\";.u-overflow-visible{overflow:visible!important}.row_status_success{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-success, #31AC51)}.row_status_error{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-error, #F95C5D)}.row_status_warning{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-warning, #EE9946)}.row_status_critical{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-critical, #F95C5D)}.row_status_falsevalue{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-falsevalue, #85B3CB)}.row_status_disabled{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-disabled)}.row_status_none{padding-left:9px!important;border-left:4px solid transparent}.row_status_pending{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-pending, #1f85ff)}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}:host-context(.theme-light) .in-table-checkbox,:host-context(.theme-contrast) .in-table-checkbox{border-color:#00000073}:host-context(.theme-light) .in-table-checkbox:hover:not(:checked):not(:indeterminate),:host-context(.theme-contrast) .in-table-checkbox:hover:not(:checked):not(:indeterminate){border-color:#000000b3}.in-table-checkbox{appearance:none;-webkit-appearance:none;width:var(--p-checkbox-width, 20px);height:var(--p-checkbox-height, 20px);border:1px solid var(--p-checkbox-border-color, #B3B3B3);border-radius:var(--p-checkbox-border-radius, 2px);background:var(--p-checkbox-background, transparent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;transition:border-color var(--p-checkbox-transition-duration, .15s),background var(--p-checkbox-transition-duration, .15s)}.in-table-checkbox:checked{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox:checked:after{content:\"\";display:block;width:var(--p-checkbox-icon-size, 14px);height:var(--p-checkbox-icon-size, 14px);background-color:var(--p-checkbox-icon-checked-color, #ffffff);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.in-table-checkbox:indeterminate{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox:indeterminate:after{content:\"\";display:block;width:calc(var(--p-checkbox-icon-size, 14px) - 2px);height:2px;background-color:var(--p-checkbox-icon-checked-color, #ffffff);margin:auto}.in-table-checkbox:hover:not(:checked):not(:indeterminate){border-color:var(--p-checkbox-hover-border-color, #999999)}\n"] }]
+        args: [{ standalone: false, selector: 'in-table', providers: [TableService], template: "<span *ngIf=\"label\" class=\"c-label\">\r\n        {{label}}\r\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n  <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\r\n</span>\r\n<p-table #dt\r\n         (onFilter) = onFilter($event)\r\n         (onSort)=\"onSort()\"\r\n         (onStateRestore)=\"restoreSearchText()\"\r\n         (onStateSave)=\"stateSave($event)\"\r\n         (sortFunction)=\"sortFunction? sortFunction.emit($event): null\"\r\n         [(selection)]=\"selectionValue\"\r\n         [class]=\"class\"\r\n         [columns]=\"filteredColumns\"\r\n         [customSort]=\"customSort\"\r\n         [dataKey]=\"dataKey || 'id'\"\r\n         [globalFilterFields]=\"globalFilteredColumns\"\r\n         [resizableColumns]=\"resizableColumns\"\r\n         [scrollHeight]=\"scrollHeight\"\r\n         [scrollable]=\"scrollable\"\r\n         [selectionMode]=\"selectionMode\"\r\n         [sortField]=\"sortField || 'id'\"\r\n         [sortOrder]=\"isAscending ? 1 : -1\"\r\n         [stateKey]=\"stateKey\"\r\n         [stateStorage]=\"'local'\"\r\n         [style]=\"style\"\r\n         [value]=\"values\"\r\n         [columnResizeMode]=\"columnResizeMode\"\r\n>\r\n  <ng-template *ngIf=\"colGroupTemplate\" let-columns pTemplate=\"colgroup\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"colGroupTemplate; context: {$implicit: { columns: columns}}\"></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"!colGroupTemplate\" let-columns pTemplate=\"colgroup\">\r\n    <colgroup *ngIf=\"!isMobileView\">\r\n      <col *ngIf=\"checkboxSelection\" style=\"width: 44px;\">\r\n      <col *ngFor=\"let col of filteredColumns; let idx = index\">\r\n    </colgroup>\r\n  </ng-template>\r\n\r\n  <ng-template let-columns pTemplate=\"header\">\r\n    <ng-container *ngIf=\"showHeader\">\r\n      <ng-container *ngIf=\"headerTemplate; else defaultHeaderTemplate\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"headerTemplate; context: {$implicit: columns, columns: columns}\"></ng-container>\r\n      </ng-container>\r\n      <ng-template #defaultHeaderTemplate>\r\n        <tr>\r\n          <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn style=\"width: 44px;\">\r\n            <!-- Native header checkbox bypasses dt.processedData (O(N log N) sort) used\r\n                 by p-tableHeaderCheckbox.toggleRowsWithCheckbox() on select all. -->\r\n            <input type=\"checkbox\"\r\n                   class=\"in-table-checkbox\"\r\n                   [checked]=\"_isAllSelected()\"\r\n                   (change)=\"_onHeaderCheckboxChange($event)\"\r\n                   (click)=\"$event.stopPropagation()\"\r\n            >\r\n          </th>\r\n          <th *ngFor=\"let col of filteredColumns\" [pSortableColumn]=\"col.field\" class=\"u-position-relative\"\r\n              pResizableColumn>\r\n            <div class=\"p-table-thead-title\"\r\n                 title=\"{{col.label | translate}}\">\r\n              {{col.label | translate}}\r\n            </div>\r\n            <p-sortIcon *ngIf=\"isSortIcon\" [field]=\"col.field\"\r\n                        class=\"u-position-absolute u-position-absolute-right c-sorticon\"\r\n                        style=\"display: flex; width: 18px; top: 0; height: 100%;\"></p-sortIcon>\r\n          </th>\r\n        </tr>\r\n        <tr *ngIf=\"toolbar && toolbar.filter && toolbar.filter.active\">\r\n          <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn\r\n              style=\"width: 44px;\"></th>\r\n          <th *ngFor=\"let col of columns\" [ngSwitch]=\"col.field\">\r\n            <input\r\n              (input)=\"dt.filter($any($event.target).value, col.field, 'contains')\"\r\n              *ngSwitchCase=\"colFilter(col.field)?.type === 'text' ? col.field : ''\"\r\n              autofocus=\"\"\r\n              class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n              pInputText\r\n              type=\"text\">\r\n\r\n            <p-dropdown (onChange)=\"dt.filter($event.value, col.field, 'equals')\"\r\n                        *ngSwitchCase=\"colFilter(col.field)?.type === 'dropdown' ? col.field : ''\"\r\n                        [options]=\"colFilter(col.field)?.options\"\r\n                        [style]=\"{ width: '100%', overflow: 'visible' }\"\r\n                        appendTo=\"body\"></p-dropdown>\r\n\r\n            <p-multiSelect (onChange)=\"dt.filter($event.value, col.field, 'in')\"\r\n                           *ngSwitchCase=\"colFilter(col.field)?.type === 'multiselect' ? col.field : ''\"\r\n                           [options]=\"colFilter(col.field)?.options\"\r\n                           [style]=\"{ width: '100%', overflow: 'visible' }\" appendTo=\"body\"\r\n                           defaultLabel=\"{{'All' | translate}}\"></p-multiSelect>\r\n            <input\r\n              (input)=\"dt.filter($any($event.target).value, col.field + '2filter', 'contains')\"\r\n              *ngSwitchCase=\"colFilter(col.field)?.type === 'datetext' ? col.field : ''\"\r\n              autofocus=\"\"\r\n              class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n              pInputText\r\n              type=\"text\">\r\n          </th>\r\n        </tr>\r\n      </ng-template>\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"bodyTemplate\" let-columns=\"columns\" let-rowData let-rowIndex=\"rowIndex\" pTemplate=\"body\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"bodyTemplate; context: {$implicit: { rowIndex: rowIndex, rowData: rowData, columns: columns}}\"></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"!bodyTemplate\" let-columns=\"columns\" let-index=\"rowIndex\" let-rowData pTemplate=\"body\">\r\n    <tr\r\n      (click)=\"toggleGroup(index, rowData.groupKey[groupMode])\"\r\n      *ngIf=\"isGrouped && isShowGroup(rowData.groupKey[groupMode], index)\"\r\n      class=\"row_hover_highlight\">\r\n      <td [colSpan]=\"countVisibleColumns() + 1\">\r\n        <span>\r\n          <i\r\n            [ngClass]=\"groupInfo[rowData.groupKey[groupMode]].isExpanded ? 'in fa-fw in-chevron-down' : 'in fa-fw in-chevron-right'\"></i>\r\n          <span>{{rowData.groupKey[groupMode] | translate }} ({{countGroup(rowData.groupKey[groupMode], groupMode)}}\r\n            )</span>\r\n        </span>\r\n      </td>\r\n    </tr>\r\n    <tr *ngIf=\"!isGrouped || groupInfo[(rowData.groupKey[groupMode])].isExpanded\"\r\n        [ngClass]=\"{row_active: isRowActive(rowData)}\"\r\n        [pSelectableRow]=\"rowData\"\r\n        class=\"row\">\r\n      <td *ngIf=\"checkboxSelection\" [ngClass]=\"{\r\n            'row_status_success': rowData.sdirparamstatecolor === 'success',\r\n            'row_status_error': rowData.sdirparamstatecolor === 'error',\r\n            'row_status_warning': rowData.sdirparamstatecolor === 'warning',\r\n            'row_status_critical': rowData.sdirparamstatecolor === 'critical',\r\n            'row_status_falsevalue': rowData.sdirparamstatecolor === 'falsevalue',\r\n            'row_status_pending': rowData.sdirparamstatecolor === 'pending'\r\n          }\" class=\"u-text_center\"\r\n          style=\"width: 44px\"\r\n      >\r\n        <!-- Native checkbox \u2014 no Angular component overhead (no NgModel/CVA/signals).\r\n             Uses Set for O(1) state lookup instead of p-tableCheckbox's O(M) isSelected(). -->\r\n        <input type=\"checkbox\"\r\n               class=\"in-table-checkbox\"\r\n               [checked]=\"_isRowSelected(rowData)\"\r\n               [style.pointer-events]=\"(selectionMode === 'single' || (selectionMode === 'multiple' && checkboxSelection)) ? 'none' : 'auto'\"\r\n               (change)=\"_onCheckboxChange($event, rowData)\"\r\n               (click)=\"$event.stopPropagation()\"\r\n        >\r\n      </td>\r\n      <td (click)=\"activeChange.emit(rowData)\"\r\n          *ngFor=\"let col of filteredColumns\"\r\n          class=\"u-overflow-visible\">\r\n        <div (mouseover)=\"showTooltip($event)\" *ngIf=\"!valueTemplate\" class=\"p-table-tbody-content\" title>\r\n          {{col.translatable ? (rowData | propertyValue: col.field | translate) : (rowData | propertyValue: col.field)}}\r\n        </div>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"valueTemplate; context: {$implicit: { data: rowData, col: col}}\"></ng-container>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"toolbar\" pTemplate=\"caption\">\r\n\r\n    <div class=\"o-grid o-grid_no-gutter\">\r\n      <div class=\"c-tree-table__toolbar-content u-display-inline-flex\">\r\n        <div *ngIf=\"isTextSearch\" class=\"c-form c-form_inline u-display-inline-block\">\r\n          <form class=\"c-label\">\r\n            <div class=\"input-wrapper u-margin-right-tiny\">\r\n              <input #searchTextInput\r\n                     (input)=\"localSearch(dt, searchText)\"\r\n                     [(ngModel)]=\"searchText\"\r\n                     [ngModelOptions]=\"{standalone: true}\"\r\n                     autofocus=\"\"\r\n                     class=\"search-box c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n                     pInputText\r\n                     placeholder=\"{{('SHARED.SEARCH' | translate) + ':'}}\"\r\n                     required\r\n                     style=\"padding-right: 28px\"\r\n                     tabindex=\"1\"\r\n                     type=\"search\"\r\n              >\r\n              <button (click)=\"clear()\" class=\"button-reset\" type=\"reset\"\r\n                      [attr.title]=\"'Reset' | translate\">\r\n                <i class=\"in in-close\"></i>\r\n              </button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n        <div class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <in-table-columns-multiselect (columnsChange)=\"columnsChange($event)\"\r\n                                        [columns]=\"primaryColumns\"\r\n                                        [disableActiveCheckboxes]=\"countVisibleColumns() === 1\"></in-table-columns-multiselect>\r\n        </div>\r\n\r\n        <button (click)=\"onFilterToolbar($event)\" *ngIf=\"toolbar.filter\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-filter\" title=\"{{'Service filter' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"treeAction.emit($event)\" *ngIf=\"toolbar.tree\" [disabled]=\"toolbar.tree.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-list\" title=\"{{'Filter by rubric' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"addAction.emit($event)\" *ngIf=\"toolbar.add\" [disabled]=\"toolbar.add.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-plus\" title=\"{{'Add' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"linkAction.emit($event)\" *ngIf=\"toolbar.link\" [disabled]=\"toolbar.link.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-link\" title=\"{{'Link' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"csvAction.emit($event)\" *ngIf=\"toolbar.csv\" [disabled]=\"toolbar.csv.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <!--Todo: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u043D\u0430 in-file-csv-->\r\n          <i class=\"in in-file-excel-outline\" title=\"{{'LOGS.SAVE_TO_CSV' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"saveAction.emit($event)\" *ngIf=\"toolbar.save\"\r\n                [disabled]=\"toolbar.save.disabled\"\r\n                class=\"c-btn c-btn_primary c-btn_small\"\r\n                title=\"{{'Save' | translate}}\"\r\n        >\r\n          {{'Save' | translate}}\r\n        </button>\r\n        <button (click)=\"groupEditAction.emit($event)\" *ngIf=\"toolbar.groupEdit && toolbar.groupEdit.active\"\r\n                [disabled]=\"toolbar.groupEdit.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-pencil\" title=\"{{'groupEdit' | translate}}\"></i>\r\n        </button>\r\n        <ng-content select=\"[buttons]\"></ng-content>\r\n        <button (click)=\"paramsEditAction.emit($event)\" *ngIf=\"toolbar.paramsEdit && toolbar.paramsEdit.active\"\r\n                [disabled]=\"toolbar.paramsEdit.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-pencil\" title=\"{{'paramsEdit' | translate}}\"></i>\r\n        </button>\r\n\r\n\r\n        <button (click)=\"removeAction.emit($event)\" *ngIf=\"toolbar.remove && toolbar.remove.active\"\r\n                [disabled]=\"toolbar.remove.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-trash\" title=\"{{'Delete' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"unlinkAction.emit($event)\" *ngIf=\"toolbar.unlink\" [disabled]=\"toolbar.unlink.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-link-off\" title=\"{{'Detach tag from selected items' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"toggleNodes(true)\"\r\n                *ngIf=\"toolbar.expandAll\"\r\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n                title=\"{{'Expand all' | translate}}\">\r\n          <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <path d=\"M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z\"/>\r\n          </svg>\r\n        </button>\r\n        <button (click)=\"toggleNodes(false)\"\r\n                *ngIf=\"toolbar.expandAll\"\r\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n                title=\"{{'Collapse all' | translate}}\">\r\n          <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <path clip-rule=\"evenodd\" d=\"M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z\" fill-rule=\"evenodd\"/>\r\n          </svg>\r\n        </button>\r\n\r\n        <div *ngIf=\"toolbar.groupSort\"\r\n             class=\"c-btn-group\"\r\n             container=\"body\"\r\n             ngbDropdown>\r\n\r\n          <button class=\"c-btn c-btn_border-free c-btn_small\"\r\n                  id=\"dropdownGroupType\"\r\n                  ngbDropdownToggle\r\n                  title=\"{{'Change the way parameters are grouped' | translate}}\">\r\n            <i aria-hidden=\"true\" class=\"in in-object-group\"></i>\r\n            <i aria-hidden=\"true\" class=\"c-caret\"></i>\r\n          </button>\r\n\r\n          <ul aria-labelledby=\"dropdownGroupType\"\r\n              class=\"c-dropdown-menu c-dropdown-menu_right ng-star-inserted\"\r\n              ngbDropdownMenu\r\n              role=\"menu\">\r\n            <li *ngFor=\"let item of toolbar.groupSort.label\"\r\n                [ngClass]=\"{'is-dropdown-menu__listitem_active': item.value === groupMode}\"\r\n                class=\"c-dropdown-menu__listitem is-dropdown-menu__listitem_active\"\r\n                ngbDropdownItem\r\n                role=\"menuitem\">\r\n              <a (click)=\"toggleMode(item.value)\" class=\"c-dropdown-menu__content\">\r\n                {{item.label}}\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</p-table>\r\n", styles: ["@charset \"UTF-8\";.u-overflow-visible{overflow:visible!important}.row_status_success{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-success, #31AC51)}.row_status_error{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-error, #F95C5D)}.row_status_warning{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-warning, #EE9946)}.row_status_critical{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-critical, #F95C5D)}.row_status_falsevalue{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-falsevalue, #85B3CB)}.row_status_disabled{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-disabled)}.row_status_none{padding-left:9px!important;border-left:4px solid transparent}.row_status_pending{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-pending, #1f85ff)}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}:host-context(.theme-light) .in-table-checkbox,:host-context(.theme-contrast) .in-table-checkbox{border-color:#00000073}:host-context(.theme-light) .in-table-checkbox:hover:not(:checked):not(:indeterminate),:host-context(.theme-contrast) .in-table-checkbox:hover:not(:checked):not(:indeterminate){border-color:#000000b3}.in-table-checkbox{appearance:none;-webkit-appearance:none;width:var(--p-checkbox-width, 20px);height:var(--p-checkbox-height, 20px);border:1px solid var(--p-checkbox-border-color, #B3B3B3);border-radius:var(--p-checkbox-border-radius, 2px);background:var(--p-checkbox-background, transparent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;transition:border-color var(--p-checkbox-transition-duration, .15s),background var(--p-checkbox-transition-duration, .15s)}.in-table-checkbox:checked{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox:checked:after{content:\"\";display:block;width:var(--p-checkbox-icon-size, 14px);height:var(--p-checkbox-icon-size, 14px);background-color:var(--p-checkbox-icon-checked-color, #ffffff);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.in-table-checkbox:indeterminate{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox:indeterminate:after{content:\"\";display:block;width:calc(var(--p-checkbox-icon-size, 14px) - 2px);height:2px;background-color:var(--p-checkbox-icon-checked-color, #ffffff);margin:auto}.in-table-checkbox:hover:not(:checked):not(:indeterminate){border-color:var(--p-checkbox-hover-border-color, #999999)}\n"] }]
     }], () => [], { columns: [{
             type: Input
         }], values: [{
@@ -1939,7 +1900,7 @@ class InsparkHeaderComponent {
             i0.ɵɵproperty("ngIf", ctx.level === 5);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.level === 6);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgIf], styles: [".header[_ngcontent-%COMP%]{display:flex;align-items:center}.header[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%], .header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%], .header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%], .header[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%], .header[_ngcontent-%COMP%]   h6[_ngcontent-%COMP%]{display:inline-block;margin:0;color:var(--colorText)}.header[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:24px}.header[_ngcontent-%COMP%]   .buttons[_ngcontent-%COMP%]{margin-left:8px;display:flex;align-items:center}.header__wrapper[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-wrappable[_ngcontent-%COMP%]   .header__wrapper[_ngcontent-%COMP%]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;white-space:normal}.line-clamp-1[_ngcontent-%COMP%]   .header__wrapper[_ngcontent-%COMP%]{-webkit-line-clamp:1}.line-clamp-2[_ngcontent-%COMP%]   .header__wrapper[_ngcontent-%COMP%]{-webkit-line-clamp:2}.line-clamp-3[_ngcontent-%COMP%]   .header__wrapper[_ngcontent-%COMP%]{-webkit-line-clamp:3}.line-clamp-4[_ngcontent-%COMP%]   .header__wrapper[_ngcontent-%COMP%]{-webkit-line-clamp:4}"] }); }
+        } }, dependencies: [i1$3.NgClass, i1$3.NgIf], styles: [".header[_ngcontent-%COMP%]{display:flex;align-items:center}.header[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%], .header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%], .header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%], .header[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%], .header[_ngcontent-%COMP%]   h6[_ngcontent-%COMP%]{display:inline-block;margin:0;color:var(--colorText)}.header[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:24px}.header[_ngcontent-%COMP%]   .buttons[_ngcontent-%COMP%]{margin-left:8px;display:flex;align-items:center}.header__wrapper[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-wrappable[_ngcontent-%COMP%]   .header__wrapper[_ngcontent-%COMP%]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;white-space:normal}.line-clamp-1[_ngcontent-%COMP%]   .header__wrapper[_ngcontent-%COMP%]{-webkit-line-clamp:1}.line-clamp-2[_ngcontent-%COMP%]   .header__wrapper[_ngcontent-%COMP%]{-webkit-line-clamp:2}.line-clamp-3[_ngcontent-%COMP%]   .header__wrapper[_ngcontent-%COMP%]{-webkit-line-clamp:3}.line-clamp-4[_ngcontent-%COMP%]   .header__wrapper[_ngcontent-%COMP%]{-webkit-line-clamp:4}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InsparkHeaderComponent, [{
         type: Component,
@@ -1968,7 +1929,7 @@ class SvgComponent {
             i0.ɵɵelement(0, "span", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("inlineSVG", ctx.src)("ngClass", i0.ɵɵpureFunction2(3, _c0$k, ctx.size === "small", ctx.size === "large"))("ngStyle", i0.ɵɵpureFunction2(6, _c1$9, ctx.width, ctx.height));
-        } }, dependencies: [i1$2.NgClass, i1$2.NgStyle, i2$3.InlineSVGDirective], styles: [".svg[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center}.c-icon_svg-small[_ngcontent-%COMP%]{width:16px;height:16px}[_nghost-%COMP%]{display:inline-block}"] }); }
+        } }, dependencies: [i1$3.NgClass, i1$3.NgStyle, i2$3.InlineSVGDirective], styles: [".svg[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center}.c-icon_svg-small[_ngcontent-%COMP%]{width:16px;height:16px}[_nghost-%COMP%]{display:inline-block}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SvgComponent, [{
         type: Component,
@@ -2047,7 +2008,7 @@ class StatusCircleComponent {
             i0.ɵɵproperty("ngIf", ctx.content !== "");
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.showLabel && ctx.label);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgIf, SvgComponent], styles: ["@charset \"UTF-8\";[_nghost-%COMP%]{display:inline-block;line-height:0}.circle-container[_ngcontent-%COMP%]{font-size:14px;display:inline-block}.circle-container.small[_ngcontent-%COMP%]{font-size:12px}.circle-container.small[_ngcontent-%COMP%]   .circle[_ngcontent-%COMP%]{width:8px;height:8px}.circle-container.normal[_ngcontent-%COMP%]   .circle[_ngcontent-%COMP%]{width:12px;height:12px}.circle-container.big[_ngcontent-%COMP%]   .circle[_ngcontent-%COMP%]{min-width:20px;min-height:20px}.circle-container.mini[_ngcontent-%COMP%]{margin-top:-2px;position:relative;padding:0;top:-3px}.circle-container.mini[_ngcontent-%COMP%]   .circle[_ngcontent-%COMP%]{width:4px;height:4px}.circle[_ngcontent-%COMP%]{display:inline-grid;align-items:center;justify-content:center;color:var(--colorTextOnStatus);border-radius:20px;position:relative}.circle[_ngcontent-%COMP%]   in-svg[_ngcontent-%COMP%]{position:absolute;left:50%;top:50%;height:18px;width:18px;transform:translate(-50%,-50%)}.falsevalue[_ngcontent-%COMP%]{background:var(--colorFalseValue)}.success[_ngcontent-%COMP%]{background:var(--colorSuccess)}.maintenance[_ngcontent-%COMP%]{background:var(--colorMaintenance)}.warning[_ngcontent-%COMP%]{background:var(--colorWarning)}.error[_ngcontent-%COMP%]{background:var(--colorError)}.none[_ngcontent-%COMP%]{background:var(--colorNoControl)}.critical[_ngcontent-%COMP%]{background:var(--colorCritical)}.primary[_ngcontent-%COMP%]{background:var(--ids-theme-primary, #78f4ff)}.inverse[_ngcontent-%COMP%]{background:var(--colorIcon, #78f4ff);color:var(--colorTextInverse)}.black[_ngcontent-%COMP%]{background:#000}.label[_ngcontent-%COMP%]{margin-left:6px}.content[_ngcontent-%COMP%]{display:inline-block;line-height:100%;padding:0 5px}"] }); }
+        } }, dependencies: [i1$3.NgClass, i1$3.NgIf, SvgComponent], styles: ["@charset \"UTF-8\";[_nghost-%COMP%]{display:inline-block;line-height:0}.circle-container[_ngcontent-%COMP%]{font-size:14px;display:inline-block}.circle-container.small[_ngcontent-%COMP%]{font-size:12px}.circle-container.small[_ngcontent-%COMP%]   .circle[_ngcontent-%COMP%]{width:8px;height:8px}.circle-container.normal[_ngcontent-%COMP%]   .circle[_ngcontent-%COMP%]{width:12px;height:12px}.circle-container.big[_ngcontent-%COMP%]   .circle[_ngcontent-%COMP%]{min-width:20px;min-height:20px}.circle-container.mini[_ngcontent-%COMP%]{margin-top:-2px;position:relative;padding:0;top:-3px}.circle-container.mini[_ngcontent-%COMP%]   .circle[_ngcontent-%COMP%]{width:4px;height:4px}.circle[_ngcontent-%COMP%]{display:inline-grid;align-items:center;justify-content:center;color:var(--colorTextOnStatus);border-radius:20px;position:relative}.circle[_ngcontent-%COMP%]   in-svg[_ngcontent-%COMP%]{position:absolute;left:50%;top:50%;height:18px;width:18px;transform:translate(-50%,-50%)}.falsevalue[_ngcontent-%COMP%]{background:var(--colorFalseValue)}.success[_ngcontent-%COMP%]{background:var(--colorSuccess)}.maintenance[_ngcontent-%COMP%]{background:var(--colorMaintenance)}.warning[_ngcontent-%COMP%]{background:var(--colorWarning)}.error[_ngcontent-%COMP%]{background:var(--colorError)}.none[_ngcontent-%COMP%]{background:var(--colorNoControl)}.critical[_ngcontent-%COMP%]{background:var(--colorCritical)}.primary[_ngcontent-%COMP%]{background:var(--ids-theme-primary, #78f4ff)}.inverse[_ngcontent-%COMP%]{background:var(--colorIcon, #78f4ff);color:var(--colorTextInverse)}.black[_ngcontent-%COMP%]{background:#000}.label[_ngcontent-%COMP%]{margin-left:6px}.content[_ngcontent-%COMP%]{display:inline-block;line-height:100%;padding:0 5px}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StatusCircleComponent, [{
         type: Component,
@@ -2217,7 +2178,7 @@ class SwitcherComponent {
     }
     onTouched() {
     }
-    static { this.ɵfac = function SwitcherComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SwitcherComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$3.Router)); }; }
+    static { this.ɵfac = function SwitcherComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SwitcherComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$4.Router)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SwitcherComponent, selectors: [["in-switcher"]], inputs: { name: "name", label: "label", error: "error", iconOff: "iconOff", iconOn: "iconOn", labelOff: "labelOff", labelOn: "labelOn", faIconOn: "faIconOn", faIconOff: "faIconOff", id: "id", disabled: "disabled", waiting: "waiting" }, outputs: { change: "change" }, standalone: false, features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -2255,7 +2216,7 @@ class SwitcherComponent {
             i0.ɵɵproperty("ngIf", ctx.faIconOn);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.iconOn);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgIf, i2$1.CheckboxControlValueAccessor, i2$1.NgControlStatus, i2$1.NgModel, SvgComponent, i1.TranslatePipe], styles: [".container[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;flex-direction:column}.c-checkbox_switch[_ngcontent-%COMP%]   .c-checkbox__icon[_ngcontent-%COMP%]{height:30px}.c-checkbox[_ngcontent-%COMP%]{margin-right:0}.label[_ngcontent-%COMP%]{font-size:11px;font-weight:700;display:block;text-align:center;text-transform:uppercase;margin-bottom:2px}.switcher-container[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center}"] }); }
+        } }, dependencies: [i1$3.NgClass, i1$3.NgIf, i2$1.CheckboxControlValueAccessor, i2$1.NgControlStatus, i2$1.NgModel, SvgComponent, i1.TranslatePipe], styles: [".container[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;flex-direction:column}.c-checkbox_switch[_ngcontent-%COMP%]   .c-checkbox__icon[_ngcontent-%COMP%]{height:30px}.c-checkbox[_ngcontent-%COMP%]{margin-right:0}.label[_ngcontent-%COMP%]{font-size:11px;font-weight:700;display:block;text-align:center;text-transform:uppercase;margin-bottom:2px}.switcher-container[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SwitcherComponent, [{
         type: Component,
@@ -2266,7 +2227,7 @@ class SwitcherComponent {
                         multi: true,
                     }
                 ], template: "<label class=\"c-checkbox c-checkbox_switch container\">\r\n  <span *ngIf=\"label\" class=\"label\">{{label}}</span>\r\n  <span  class=\"switcher-container\">\r\n        <span class=\"c-checkbox__label u-vertical-align-middle u-text_center\">\r\n            <span *ngIf=\"!iconOff\">{{labelOff | translate}}</span>\r\n            <span *ngIf=\"faIconOff\"><i class=\"fa\" [ngClass]=\"faIconOff\"></i></span>\r\n            <in-svg *ngIf=\"iconOff\" [src]=\"iconOff\" height=\"48px\" size=\"large\" width=\"48px\"></in-svg>\r\n        </span>\r\n        <input  *ngIf=\"!waiting\" (change)=\"onChange($event)\"\r\n               [(ngModel)]=\"value\"\r\n               [checked]=\"value\" [disabled]=\"disabled\"\r\n               class=\"c-checkbox__input\"\r\n               name=\"element_name\"\r\n               type=\"checkbox\"/>\r\n        <i  *ngIf=\"!waiting\" class=\"c-checkbox__icon u-margin-left-tiny u-vertical-align-baseline\"></i>\r\n        <span *ngIf=\"waiting\" style = \"display: inline-block; width:50px; text-align: center\"><i class=\"in in-spinner fa-spin \"></i></span>\r\n        <span  class=\"c-spinner c-checkbox__label u-vertical-align-middle u-text_center\">\r\n            <span *ngIf=\"!iconOn\">{{labelOn | translate}}</span>\r\n            <span *ngIf=\"faIconOn\"><i class=\"fa\" [ngClass]=\"faIconOn\"></i></span>\r\n            <in-svg *ngIf=\"iconOn\" [src]=\"iconOn\" height=\"48px\" size=\"large\" width=\"48px\"></in-svg>\r\n        </span>\r\n    </span>\r\n</label>\r\n", styles: [".container{display:inline-flex;align-items:center;justify-content:center;flex-direction:column}.c-checkbox_switch .c-checkbox__icon{height:30px}.c-checkbox{margin-right:0}.label{font-size:11px;font-weight:700;display:block;text-align:center;text-transform:uppercase;margin-bottom:2px}.switcher-container{display:flex;align-items:center;justify-content:center}\n"] }]
-    }], () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$3.Router }], { name: [{
+    }], () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$4.Router }], { name: [{
             type: Input
         }], label: [{
             type: Input
@@ -2900,7 +2861,7 @@ class TreeTableComponent {
             i0.ɵɵproperty("columns", ctx.visibleColumns())("resizableColumns", true)("scrollHeight", ctx.scrollHeight)("scrollable", ctx.scrollable)("selectionMode", ctx.selectionMode)("sortField", ctx.sortField || "id")("sortOrder", ctx.isAscending ? 1 : -1)("value", ctx.values);
             i0.ɵɵadvance(5);
             i0.ɵɵproperty("ngIf", ctx.toolbar);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i2$4.TreeTable, i2.PrimeTemplate, i2$4.TreeTableToggler, i2$4.TTSortableColumn, i2$4.TTSortIcon, i2$4.TTResizableColumn, i2$4.TTSelectableRow, i2$1.ɵNgNoValidate, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.RequiredValidator, i2$1.NgModel, i2$1.NgForm, TableColumnsMultiselectComponent, PropertyValuePipe, i1.TranslatePipe], styles: ["@charset \"UTF-8\";.p-sortable-column[_ngcontent-%COMP%]{cursor:pointer;position:relative}.theme-light[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%], .theme-light   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%], .theme-contrast[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%], .theme-contrast   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]{border-color:#00000073}.theme-light[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate), .theme-light   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate), .theme-contrast[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate), .theme-contrast   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate){border-color:#000000b3}.in-table-checkbox[_ngcontent-%COMP%]{appearance:none;-webkit-appearance:none;width:var(--p-checkbox-width, 20px);height:var(--p-checkbox-height, 20px);border:1px solid var(--p-checkbox-border-color, #B3B3B3);border-radius:var(--p-checkbox-border-radius, 2px);background:var(--p-checkbox-background, transparent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;transition:border-color var(--p-checkbox-transition-duration, .15s),background var(--p-checkbox-transition-duration, .15s)}.in-table-checkbox[_ngcontent-%COMP%]:checked{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox[_ngcontent-%COMP%]:checked:after{content:\"\";display:block;width:var(--p-checkbox-icon-size, 14px);height:var(--p-checkbox-icon-size, 14px);background-color:var(--p-checkbox-icon-checked-color, #ffffff);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.in-table-checkbox[_ngcontent-%COMP%]:indeterminate{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox[_ngcontent-%COMP%]:indeterminate:after{content:\"\";display:block;width:calc(var(--p-checkbox-icon-size, 14px) - 2px);height:2px;background-color:var(--p-checkbox-icon-checked-color, #ffffff);margin:auto}.in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate){border-color:var(--p-checkbox-hover-border-color, #999999)}.p-sortable-column-buttons[_ngcontent-%COMP%]{position:absolute;top:0;right:0;width:18px;height:100%;display:inline-flex;align-items:center;z-index:10000}.p-sortable-column-buttons[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.u-overflow-visible[_ngcontent-%COMP%]{overflow:visible!important}.button-reset[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset[_ngcontent-%COMP%]:hover{color:var(--colorIcon)}.input-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;align-items:baseline}.c-input[_ngcontent-%COMP%]:not(:valid) ~ .button-reset[_ngcontent-%COMP%]{display:none}"] }); }
+        } }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i1$3.NgTemplateOutlet, i2$4.TreeTable, i2.PrimeTemplate, i2$4.TreeTableToggler, i2$4.TTSortableColumn, i2$4.TTSortIcon, i2$4.TTResizableColumn, i2$4.TTSelectableRow, i2$1.ɵNgNoValidate, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.RequiredValidator, i2$1.NgModel, i2$1.NgForm, TableColumnsMultiselectComponent, PropertyValuePipe, i1.TranslatePipe], styles: ["@charset \"UTF-8\";.p-sortable-column[_ngcontent-%COMP%]{cursor:pointer;position:relative}.theme-light[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%], .theme-light   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%], .theme-contrast[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%], .theme-contrast   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]{border-color:#00000073}.theme-light[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate), .theme-light   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate), .theme-contrast[_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate), .theme-contrast   [_nghost-%COMP%]   .in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate){border-color:#000000b3}.in-table-checkbox[_ngcontent-%COMP%]{appearance:none;-webkit-appearance:none;width:var(--p-checkbox-width, 20px);height:var(--p-checkbox-height, 20px);border:1px solid var(--p-checkbox-border-color, #B3B3B3);border-radius:var(--p-checkbox-border-radius, 2px);background:var(--p-checkbox-background, transparent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;transition:border-color var(--p-checkbox-transition-duration, .15s),background var(--p-checkbox-transition-duration, .15s)}.in-table-checkbox[_ngcontent-%COMP%]:checked{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox[_ngcontent-%COMP%]:checked:after{content:\"\";display:block;width:var(--p-checkbox-icon-size, 14px);height:var(--p-checkbox-icon-size, 14px);background-color:var(--p-checkbox-icon-checked-color, #ffffff);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.in-table-checkbox[_ngcontent-%COMP%]:indeterminate{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox[_ngcontent-%COMP%]:indeterminate:after{content:\"\";display:block;width:calc(var(--p-checkbox-icon-size, 14px) - 2px);height:2px;background-color:var(--p-checkbox-icon-checked-color, #ffffff);margin:auto}.in-table-checkbox[_ngcontent-%COMP%]:hover:not(:checked):not(:indeterminate){border-color:var(--p-checkbox-hover-border-color, #999999)}.p-sortable-column-buttons[_ngcontent-%COMP%]{position:absolute;top:0;right:0;width:18px;height:100%;display:inline-flex;align-items:center;z-index:10000}.p-sortable-column-buttons[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.u-overflow-visible[_ngcontent-%COMP%]{overflow:visible!important}.button-reset[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset[_ngcontent-%COMP%]:hover{color:var(--colorIcon)}.input-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;align-items:baseline}.c-input[_ngcontent-%COMP%]:not(:valid) ~ .button-reset[_ngcontent-%COMP%]{display:none}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeTableComponent, [{
         type: Component,
@@ -3036,11 +2997,11 @@ class RadiobuttonComponent {
             i0.ɵɵtemplate(0, RadiobuttonComponent_ng_container_0_Template, 8, 13, "ng-container", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngForOf", ctx.values);
-        } }, dependencies: [i1$2.NgForOf], styles: [".in-radiobutton-option[_ngcontent-%COMP%]{display:inline-flex;align-items:center;cursor:pointer}.in-radiobutton-option[_ngcontent-%COMP%]   .p-disabled[_ngcontent-%COMP%]{cursor:default}"], changeDetection: 0 }); }
+        } }, dependencies: [i1$3.NgForOf], styles: [".in-radiobutton-option[_ngcontent-%COMP%]{display:inline-flex;align-items:center;cursor:pointer}.in-radiobutton-option[_ngcontent-%COMP%]   .p-disabled[_ngcontent-%COMP%]{cursor:default}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RadiobuttonComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'in-radiobutton', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngFor=\"let element of values\">\n  <label class=\"in-radiobutton-option u-margin-left-tiny u-vertical-align-middle field_{{name}}\">\n    <span\n      class=\"p-radiobutton p-component\"\n      [class.p-radiobutton-checked]=\"isSelected(element)\"\n      [class.p-disabled]=\"disabled\">\n      <input\n        class=\"p-radiobutton-input\"\n        type=\"radio\"\n        [attr.id]=\"name + '-' + element.id\"\n        [attr.name]=\"name\"\n        [value]=\"element.id\"\n        [checked]=\"isSelected(element)\"\n        [disabled]=\"disabled\"\n        (change)=\"selectElement(element)\">\n      <span class=\"p-radiobutton-box\">\n        <span class=\"p-radiobutton-icon\"></span>\n      </span>\n    </span>\n    <span class=\"p-radiobutton-label u-vertical-align-middle\">\n      {{ element[keyLabel] }}\n    </span>\n  </label>\n</ng-container>\n", styles: [".in-radiobutton-option{display:inline-flex;align-items:center;cursor:pointer}.in-radiobutton-option .p-disabled{cursor:default}\n"] }]
+        args: [{ standalone: false, selector: 'in-radiobutton', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngFor=\"let element of values\">\r\n  <label class=\"in-radiobutton-option u-margin-left-tiny u-vertical-align-middle field_{{name}}\">\r\n    <span\r\n      class=\"p-radiobutton p-component\"\r\n      [class.p-radiobutton-checked]=\"isSelected(element)\"\r\n      [class.p-disabled]=\"disabled\">\r\n      <input\r\n        class=\"p-radiobutton-input\"\r\n        type=\"radio\"\r\n        [attr.id]=\"name + '-' + element.id\"\r\n        [attr.name]=\"name\"\r\n        [value]=\"element.id\"\r\n        [checked]=\"isSelected(element)\"\r\n        [disabled]=\"disabled\"\r\n        (change)=\"selectElement(element)\">\r\n      <span class=\"p-radiobutton-box\">\r\n        <span class=\"p-radiobutton-icon\"></span>\r\n      </span>\r\n    </span>\r\n    <span class=\"p-radiobutton-label u-vertical-align-middle\">\r\n      {{ element[keyLabel] }}\r\n    </span>\r\n  </label>\r\n</ng-container>\r\n", styles: [".in-radiobutton-option{display:inline-flex;align-items:center;cursor:pointer}.in-radiobutton-option .p-disabled{cursor:default}\n"] }]
     }], () => [], { name: [{
             type: Input
         }], label: [{
@@ -3090,7 +3051,7 @@ class PreloaderComponent {
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(2, _c0$f, !ctx.inline, ctx.size === "small"));
             i0.ɵɵadvance(14);
             i0.ɵɵproperty("ngIf", ctx.overlay);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgIf], styles: ["@charset \"UTF-8\";.preloader-container[_ngcontent-%COMP%]{display:inline-flex;width:100%;height:64px;position:relative;align-items:center;justify-content:center;z-index:101}.preloader-container.float[_ngcontent-%COMP%]{position:absolute;height:auto;width:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-container.small[_ngcontent-%COMP%]{width:32px;height:32px}.preloader-container.small[_ngcontent-%COMP%]   .lds-spinner[_ngcontent-%COMP%]{color:var(--ids-theme-btn-primary-background);width:32px;height:32px}.lds-spinner[_ngcontent-%COMP%]{color:var(--ids-theme-btn-primary-background);width:64px;height:64px}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{transform-origin:32px 32px;animation:_ngcontent-%COMP%_lds-spinner 1.2s linear infinite}.small[_ngcontent-%COMP%]   .lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{transform-origin:16px 16px}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:after{content:\" \";display:block;position:absolute;top:3px;left:29px;width:5px;height:14px;border-radius:20%;background:var(--ids-theme-btn-primary-background, #78f4ff)}.small[_ngcontent-%COMP%]   .lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:after{width:3px;height:6px;left:15px}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes _ngcontent-%COMP%_lds-spinner{0%{opacity:1}to{opacity:0}}.overlay[_ngcontent-%COMP%]{position:fixed;left:0;top:0;width:100%;height:100%;background:#000000b3;z-index:100}"] }); }
+        } }, dependencies: [i1$3.NgClass, i1$3.NgIf], styles: ["@charset \"UTF-8\";.preloader-container[_ngcontent-%COMP%]{display:inline-flex;width:100%;height:64px;position:relative;align-items:center;justify-content:center;z-index:101}.preloader-container.float[_ngcontent-%COMP%]{position:absolute;height:auto;width:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-container.small[_ngcontent-%COMP%]{width:32px;height:32px}.preloader-container.small[_ngcontent-%COMP%]   .lds-spinner[_ngcontent-%COMP%]{color:var(--ids-theme-btn-primary-background);width:32px;height:32px}.lds-spinner[_ngcontent-%COMP%]{color:var(--ids-theme-btn-primary-background);width:64px;height:64px}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{transform-origin:32px 32px;animation:_ngcontent-%COMP%_lds-spinner 1.2s linear infinite}.small[_ngcontent-%COMP%]   .lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{transform-origin:16px 16px}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:after{content:\" \";display:block;position:absolute;top:3px;left:29px;width:5px;height:14px;border-radius:20%;background:var(--ids-theme-btn-primary-background, #78f4ff)}.small[_ngcontent-%COMP%]   .lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:after{width:3px;height:6px;left:15px}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes _ngcontent-%COMP%_lds-spinner{0%{opacity:1}to{opacity:0}}.overlay[_ngcontent-%COMP%]{position:fixed;left:0;top:0;width:100%;height:100%;background:#000000b3;z-index:100}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PreloaderComponent, [{
         type: Component,
@@ -3412,7 +3373,7 @@ class ButtonComponent {
             i0.ɵɵproperty("ngIf", !ctx.link && ctx.menuItems.length);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.link && !ctx.menuItems.length);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i1$2.NgStyle, i1$3.RouterLink, SvgComponent, PreloaderComponent, i7.NgbDropdown, i7.NgbDropdownToggle, i7.NgbDropdownMenu, ButtonComponent], styles: ["@charset \"UTF-8\";.container[_ngcontent-%COMP%]{display:inline-block}.button-container[_ngcontent-%COMP%]{position:relative;display:inline-block}button[_ngcontent-%COMP%]{outline:none;width:100%}.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-9px}.p-button-text[_ngcontent-%COMP%]{vertical-align:middle}.notify[_ngcontent-%COMP%]{width:8px;height:8px;border-radius:100%;position:absolute;right:8px;top:8px}.notify.warning[_ngcontent-%COMP%]{background:var(--colorWarning)}.notify.success[_ngcontent-%COMP%]{background:var(--colorSuccess)}.notify.error[_ngcontent-%COMP%]{background:var(--colorError)}.notify.critical[_ngcontent-%COMP%]{background:var(--colorCritical)}.p-button[_ngcontent-%COMP%]{margin-right:0;height:36px;display:inline-flex;align-items:center;justify-content:center}.p-button.p-button-pressed[_ngcontent-%COMP%]{background-color:var(--colorBgLevel4)}.p-button.p-button-large[_ngcontent-%COMP%]{height:48px}.p-button.p-button-large[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{font-size:18px;margin-top:-8px}.p-button.p-button-large[_ngcontent-%COMP%]   .p-button-text[_ngcontent-%COMP%]{padding:0 1em 0 48px;margin-top:6px}.p-button-text-icon-left[_ngcontent-%COMP%]   .p-button-text[_ngcontent-%COMP%]{padding:0 1em 0 2.4em}.p-button-text-only[_ngcontent-%COMP%]   .p-button-text[_ngcontent-%COMP%]{padding:.25em 1em}.p-button-icon-only[_ngcontent-%COMP%]{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-button-icon-only.p-button-large[_ngcontent-%COMP%]{width:48px;height:48px}.p-button-icon-only.p-button-large[_ngcontent-%COMP%]   .svg[_ngcontent-%COMP%], .p-button-icon-only[_ngcontent-%COMP%]   .svg[_ngcontent-%COMP%]{display:inline-block;line-height:0}.p-button-transparency[_ngcontent-%COMP%]{background:none;color:currentColor}.p-button-transparency[_ngcontent-%COMP%]:hover{color:currentColor}.p-button-shadowed[_ngcontent-%COMP%]{box-shadow:0 2px 6px #0003}.p-button.p-button-svg.p-button-small[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-4px}.p-button.p-button-svg.p-button-small.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-2px}.p-button.p-button-svg[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{left:6px;transform:translateY(-50%);margin-top:-4px}.p-button.p-button-svg.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{left:auto;width:auto;transform:none;margin-left:0;margin-top:0}.p-button.p-button-svg.p-button-large.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:0}.p-button-material.p-button-icon-only[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:20px}.p-button-material.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-10px;margin-left:-12px}.p-button-material[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:16px}.p-button-material[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-8px;margin-left:-2px}.p-button-material.p-button-small[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-7px}.p-button-material.p-button-small[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:14px}.p-button-material.p-button-small.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-12px;margin-left:-10px}.p-button-material.p-button-small.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:18px}.p-button-material.p-button-large[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:24px}.p-button-material.p-button-large[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-11px}.p-button-material.p-button-large.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-11px;margin-left:-13px}[_nghost-%COMP%]   .p-menu[_ngcontent-%COMP%]   .p-menuitem-link[_ngcontent-%COMP%]{font-size:16px}.dropdown-menu[_ngcontent-%COMP%]{display:none;background:var(--colorBgLevel3);padding:4px}.dropdown-menu[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{padding:4px;font-size:14px}.dropdown-menu.show[_ngcontent-%COMP%]{display:block}.in-dropdown-menu[_ngcontent-%COMP%]{background:var(--colorBgLevel2);padding:0;position:absolute;display:none;margin-left:0;box-shadow:0 0 3px 1px #0003}.in-dropdown-menu.show[_ngcontent-%COMP%]{display:block}.in-dropdown-menu[_ngcontent-%COMP%]   .in-dropdown-menu-item[_ngcontent-%COMP%]{list-style-type:none;min-width:250px;display:flex;align-items:center;justify-content:flex-start;min-height:48px}.in-dropdown-menu[_ngcontent-%COMP%]   .in-dropdown-menu-item[_ngcontent-%COMP%]   in-button[_ngcontent-%COMP%], .in-dropdown-menu[_ngcontent-%COMP%]   .in-dropdown-menu-item[_ngcontent-%COMP%]   in-button[_ngcontent-%COMP%]     button{width:100%;border-radius:0}.in-dropdown-menu[_ngcontent-%COMP%]   .in-dropdown-menu-item[_ngcontent-%COMP%]   in-button[_ngcontent-%COMP%]   .p-button[_ngcontent-%COMP%], .in-dropdown-menu[_ngcontent-%COMP%]   .in-dropdown-menu-item[_ngcontent-%COMP%]   in-button[_ngcontent-%COMP%]     button .p-button{justify-content:flex-start}.in-dropdown-menu[_ngcontent-%COMP%]   .in-dropdown-menu-item[_ngcontent-%COMP%]   .switcher[_ngcontent-%COMP%]{flex:1;display:flex;justify-content:flex-end;padding-right:4px}.in-dropdown-menu[_ngcontent-%COMP%]   .in-dropdown-menu-item[_ngcontent-%COMP%] + .in-dropdown-menu-item[_ngcontent-%COMP%]{border-top:1px solid var(--colorBgLevel4)}"], changeDetection: 0 }); }
+        } }, dependencies: [i1$3.NgClass, i1$3.NgForOf, i1$3.NgIf, i1$3.NgTemplateOutlet, i1$3.NgStyle, i1$4.RouterLink, SvgComponent, PreloaderComponent, i7.NgbDropdown, i7.NgbDropdownToggle, i7.NgbDropdownMenu, ButtonComponent], styles: ["@charset \"UTF-8\";.container[_ngcontent-%COMP%]{display:inline-block}.button-container[_ngcontent-%COMP%]{position:relative;display:inline-block}button[_ngcontent-%COMP%]{outline:none;width:100%}.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-9px}.p-button-text[_ngcontent-%COMP%]{vertical-align:middle}.notify[_ngcontent-%COMP%]{width:8px;height:8px;border-radius:100%;position:absolute;right:8px;top:8px}.notify.warning[_ngcontent-%COMP%]{background:var(--colorWarning)}.notify.success[_ngcontent-%COMP%]{background:var(--colorSuccess)}.notify.error[_ngcontent-%COMP%]{background:var(--colorError)}.notify.critical[_ngcontent-%COMP%]{background:var(--colorCritical)}.p-button[_ngcontent-%COMP%]{margin-right:0;height:36px;display:inline-flex;align-items:center;justify-content:center}.p-button.p-button-pressed[_ngcontent-%COMP%]{background-color:var(--colorBgLevel4)}.p-button.p-button-large[_ngcontent-%COMP%]{height:48px}.p-button.p-button-large[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{font-size:18px;margin-top:-8px}.p-button.p-button-large[_ngcontent-%COMP%]   .p-button-text[_ngcontent-%COMP%]{padding:0 1em 0 48px;margin-top:6px}.p-button-text-icon-left[_ngcontent-%COMP%]   .p-button-text[_ngcontent-%COMP%]{padding:0 1em 0 2.4em}.p-button-text-only[_ngcontent-%COMP%]   .p-button-text[_ngcontent-%COMP%]{padding:.25em 1em}.p-button-icon-only[_ngcontent-%COMP%]{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-button-icon-only.p-button-large[_ngcontent-%COMP%]{width:48px;height:48px}.p-button-icon-only.p-button-large[_ngcontent-%COMP%]   .svg[_ngcontent-%COMP%], .p-button-icon-only[_ngcontent-%COMP%]   .svg[_ngcontent-%COMP%]{display:inline-block;line-height:0}.p-button-transparency[_ngcontent-%COMP%]{background:none;color:currentColor}.p-button-transparency[_ngcontent-%COMP%]:hover{color:currentColor}.p-button-shadowed[_ngcontent-%COMP%]{box-shadow:0 2px 6px #0003}.p-button.p-button-svg.p-button-small[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-4px}.p-button.p-button-svg.p-button-small.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-2px}.p-button.p-button-svg[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{left:6px;transform:translateY(-50%);margin-top:-4px}.p-button.p-button-svg.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{left:auto;width:auto;transform:none;margin-left:0;margin-top:0}.p-button.p-button-svg.p-button-large.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:0}.p-button-material.p-button-icon-only[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:20px}.p-button-material.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-10px;margin-left:-12px}.p-button-material[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:16px}.p-button-material[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-8px;margin-left:-2px}.p-button-material.p-button-small[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-7px}.p-button-material.p-button-small[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:14px}.p-button-material.p-button-small.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-12px;margin-left:-10px}.p-button-material.p-button-small.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:18px}.p-button-material.p-button-large[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:24px}.p-button-material.p-button-large[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-11px}.p-button-material.p-button-large.p-button-icon-only[_ngcontent-%COMP%]   .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-11px;margin-left:-13px}[_nghost-%COMP%]   .p-menu[_ngcontent-%COMP%]   .p-menuitem-link[_ngcontent-%COMP%]{font-size:16px}.dropdown-menu[_ngcontent-%COMP%]{display:none;background:var(--colorBgLevel3);padding:4px}.dropdown-menu[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{padding:4px;font-size:14px}.dropdown-menu.show[_ngcontent-%COMP%]{display:block}.in-dropdown-menu[_ngcontent-%COMP%]{background:var(--colorBgLevel2);padding:0;position:absolute;display:none;margin-left:0;box-shadow:0 0 3px 1px #0003}.in-dropdown-menu.show[_ngcontent-%COMP%]{display:block}.in-dropdown-menu[_ngcontent-%COMP%]   .in-dropdown-menu-item[_ngcontent-%COMP%]{list-style-type:none;min-width:250px;display:flex;align-items:center;justify-content:flex-start;min-height:48px}.in-dropdown-menu[_ngcontent-%COMP%]   .in-dropdown-menu-item[_ngcontent-%COMP%]   in-button[_ngcontent-%COMP%], .in-dropdown-menu[_ngcontent-%COMP%]   .in-dropdown-menu-item[_ngcontent-%COMP%]   in-button[_ngcontent-%COMP%]     button{width:100%;border-radius:0}.in-dropdown-menu[_ngcontent-%COMP%]   .in-dropdown-menu-item[_ngcontent-%COMP%]   in-button[_ngcontent-%COMP%]   .p-button[_ngcontent-%COMP%], .in-dropdown-menu[_ngcontent-%COMP%]   .in-dropdown-menu-item[_ngcontent-%COMP%]   in-button[_ngcontent-%COMP%]     button .p-button{justify-content:flex-start}.in-dropdown-menu[_ngcontent-%COMP%]   .in-dropdown-menu-item[_ngcontent-%COMP%]   .switcher[_ngcontent-%COMP%]{flex:1;display:flex;justify-content:flex-end;padding-right:4px}.in-dropdown-menu[_ngcontent-%COMP%]   .in-dropdown-menu-item[_ngcontent-%COMP%] + .in-dropdown-menu-item[_ngcontent-%COMP%]{border-top:1px solid var(--colorBgLevel4)}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
         type: Component,
@@ -3493,7 +3454,7 @@ class ComponentContainerComponent {
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.align);
-        } }, dependencies: [i1$2.NgClass], styles: ["@charset \"UTF-8\";.inspark-component-container[_ngcontent-%COMP%]{display:flex;gap:8px}@media screen and (min-width:480px){.inspark-component-container[_ngcontent-%COMP%]{padding-bottom:0}}.right[_ngcontent-%COMP%]{justify-content:flex-end}"] }); }
+        } }, dependencies: [i1$3.NgClass], styles: ["@charset \"UTF-8\";.inspark-component-container[_ngcontent-%COMP%]{display:flex;gap:8px}@media screen and (min-width:480px){.inspark-component-container[_ngcontent-%COMP%]{padding-bottom:0}}.right[_ngcontent-%COMP%]{justify-content:flex-end}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentContainerComponent, [{
         type: Component,
@@ -3573,7 +3534,7 @@ class SelectListComponent {
         const regex = new RegExp('(' + text + ')', 'gi');
         return value.replace(regex, '<span class="u-text-highlight">$1</span>');
     }
-    static { this.ɵfac = function SelectListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectListComponent)(i0.ɵɵdirectiveInject(i1$4.DynamicDialogRef), i0.ɵɵdirectiveInject(i1$4.DynamicDialogConfig), i0.ɵɵdirectiveInject(InsparkMessageService), i0.ɵɵdirectiveInject(i1$3.Router)); }; }
+    static { this.ɵfac = function SelectListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectListComponent)(i0.ɵɵdirectiveInject(i1$2.DynamicDialogRef), i0.ɵɵdirectiveInject(i1$2.DynamicDialogConfig), i0.ɵɵdirectiveInject(InsparkMessageService), i0.ɵɵdirectiveInject(i1$4.Router)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectListComponent, selectors: [["app-select-list"]], standalone: false, decls: 16, vars: 14, consts: [["spinner", ""], [1, "c-panel__heading-title", "h4"], [4, "ngIf"], [1, "container"], [1, "c-form-group", "type_treeblock"], ["style", "overflow: hidden; width: 100%; white-space: nowrap; display: inline-flex;", 4, "ngFor", "ngForOf"], [1, "buttons"], ["id", "close", 3, "click", "label"], ["id", "edit", "type", "submit", "color", "primary", 3, "click", "label", "disabled", "title"], [4, "ngTemplateOutlet"], [2, "overflow", "hidden", "width", "100%", "white-space", "nowrap", "display", "inline-flex"], [1, "c-label", "c-label__content", 2, "width", "100px", "min-height", "30px"], ["type", "checkbox", 1, "c-checkbox__input", 3, "checked"], [1, "p-chkbox-box", "c-checkbox__icon", 3, "click"], [1, "c-spinner"], [1, "in", "in-spinner", "fa-spin"]], template: function SelectListComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
@@ -3606,12 +3567,12 @@ class SelectListComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵpropertyInterpolate("label", i0.ɵɵpipeBind1(12, 10, "Apply"));
             i0.ɵɵproperty("title", i0.ɵɵpipeBind1(13, 12, "Select an action"));
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, ButtonComponent, ComponentContainerComponent, i1.TranslatePipe], styles: [".buttons[_ngcontent-%COMP%]{text-align:right}.buttons[_ngcontent-%COMP%]   p-button[_ngcontent-%COMP%]{margin-left:8px}.container[_ngcontent-%COMP%]{padding:12px}[_nghost-%COMP%]     .c-select_block{position:relative;left:10px;width:30%}[_nghost-%COMP%]     .c-input_small{width:50%}[_nghost-%COMP%]     .my-tree{width:100%;display:inline-block;position:relative}[_nghost-%COMP%]     .my-tree .c-inputtext{width:500px}"] }); }
+        } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i1$3.NgTemplateOutlet, ButtonComponent, ComponentContainerComponent, i1.TranslatePipe], styles: [".buttons[_ngcontent-%COMP%]{text-align:right}.buttons[_ngcontent-%COMP%]   p-button[_ngcontent-%COMP%]{margin-left:8px}.container[_ngcontent-%COMP%]{padding:12px}[_nghost-%COMP%]     .c-select_block{position:relative;left:10px;width:30%}[_nghost-%COMP%]     .c-input_small{width:50%}[_nghost-%COMP%]     .my-tree{width:100%;display:inline-block;position:relative}[_nghost-%COMP%]     .my-tree .c-inputtext{width:500px}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectListComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'app-select-list', template: "<div class=\"c-panel__heading-title h4\">\r\n    {{'Select objects for which to execute the command' | translate}}\r\n</div>\r\n<span *ngIf=\"isShowSpinner\"><ng-container *ngTemplateOutlet=\"spinner\"></ng-container></span>\r\n<div class=\"container\">\r\n    <div class=\"c-form-group type_treeblock\">\r\n      <div style=\"overflow: hidden; width: 100%; white-space: nowrap; display: inline-flex;\" *ngFor=\"let item of options; let i = index\">\r\n          <span class=\"c-label c-label__content\" style=\"width: 100px; min-height: 30px;\">{{item.value}}</span>\r\n          <input class=\"c-checkbox__input\" type=\"checkbox\" [checked]=\"options[i].checked\" >\r\n          <i class=\"p-chkbox-box c-checkbox__icon\" (click)=\"select(i)\"></i>\r\n      </div>\r\n\r\n    </div>\r\n    <div class=\"buttons\">\r\n        <in-component-container>\r\n            <in-button id=\"close\" (click)=\"closeModal()\"\r\n                       label=\"{{'Cancel' | translate}}\"></in-button>\r\n            <in-button id=\"edit\" (click)=\"applySelection()\" type=\"submit\"\r\n                       label=\"{{'Apply' | translate}}\"\r\n                       color=\"primary\" [disabled]=\"\" [title]=\"'Select an action' | translate\"></in-button>\r\n        </in-component-container>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #spinner><span class=\"c-spinner\">\r\n            <i class=\"in in-spinner fa-spin \"></i>\r\n</span></ng-template>\r\n", styles: [".buttons{text-align:right}.buttons p-button{margin-left:8px}.container{padding:12px}:host ::ng-deep .c-select_block{position:relative;left:10px;width:30%}:host ::ng-deep .c-input_small{width:50%}:host ::ng-deep .my-tree{width:100%;display:inline-block;position:relative}:host ::ng-deep .my-tree .c-inputtext{width:500px}\n"] }]
-    }], () => [{ type: i1$4.DynamicDialogRef }, { type: i1$4.DynamicDialogConfig }, { type: InsparkMessageService }, { type: i1$3.Router }], null); })();
+    }], () => [{ type: i1$2.DynamicDialogRef }, { type: i1$2.DynamicDialogConfig }, { type: InsparkMessageService }, { type: i1$4.Router }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectListComponent, { className: "SelectListComponent", filePath: "components/select-list/select-list.component.ts", lineNumber: 15 }); })();
 
 class ObjectTreeComponent {
@@ -3763,7 +3724,7 @@ class ModalInputTextComponent {
         splited.forEach(s => translated += this.translateService.instant(s) + '\n');
         return translated;
     }
-    static { this.ɵfac = function ModalInputTextComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModalInputTextComponent)(i0.ɵɵdirectiveInject(i1$4.DynamicDialogRef), i0.ɵɵdirectiveInject(i1$4.DynamicDialogConfig), i0.ɵɵdirectiveInject(i1.TranslateService), i0.ɵɵdirectiveInject(InsparkMessageService), i0.ɵɵdirectiveInject(i1$3.Router)); }; }
+    static { this.ɵfac = function ModalInputTextComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModalInputTextComponent)(i0.ɵɵdirectiveInject(i1$2.DynamicDialogRef), i0.ɵɵdirectiveInject(i1$2.DynamicDialogConfig), i0.ɵɵdirectiveInject(i1.TranslateService), i0.ɵɵdirectiveInject(InsparkMessageService), i0.ɵɵdirectiveInject(i1$4.Router)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModalInputTextComponent, selectors: [["app-modal-input-text"]], standalone: false, decls: 16, vars: 18, consts: [["spinner", ""], [1, "c-panel__heading-title", "h4"], [4, "ngIf"], [1, "container"], ["class", "c-form-group type_treeblock", 4, "ngIf"], ["class", "o-grid o-grid_wrap", 4, "ngIf"], [1, "buttons"], ["id", "close", 3, "click", "label", "name"], ["id", "edit", "type", "submit", "color", "primary", 3, "click", "label", "name", "disabled", "title"], [4, "ngTemplateOutlet"], [1, "c-form-group", "type_treeblock"], [4, "ngFor", "ngForOf"], [1, "c-label", "type_bool", 2, "overflow", "hidden", "width", "100%", "white-space", "nowrap", "display", "inline-flex"], [1, "c-onecolumn-form_label__content", 2, "position", "relative", "top", "5px", "min-height", "30px"], [2, "min-height", "30px"], ["type", "checkbox", 3, "click", "checked"], [1, "p-chkbox-box", "c-checkbox__icon"], [1, "o-grid", "o-grid_wrap"], [1, "o-grid__cell", "o-grid__cell_width-100", "o-grid__cell_width-100@medium", "o-grid__cell_width-100@large"], [1, "c-form-group"], [1, "c-label", "type_varchars"], [1, "c-label__content", 2, "width", "500px", "white-space", "pre-line"], ["type", "text", "maxlength", "60", 3, "ngModelChange", "ngModel"], [1, "c-spinner"], [1, "in", "in-spinner", "fa-spin"]], template: function ModalInputTextComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
@@ -3798,12 +3759,12 @@ class ModalInputTextComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵpropertyInterpolate("label", i0.ɵɵpipeBind1(12, 14, "Apply"));
             i0.ɵɵproperty("name", "Apply")("disabled", ctx.checkSelected())("title", i0.ɵɵpipeBind1(13, 16, "Select an action"));
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.MaxLengthValidator, i2$1.NgModel, ButtonComponent, ComponentContainerComponent, i1.TranslatePipe], styles: [".buttons[_ngcontent-%COMP%]{text-align:right}.buttons[_ngcontent-%COMP%]   p-button[_ngcontent-%COMP%]{margin-left:8px}.container[_ngcontent-%COMP%]{padding:12px}[_nghost-%COMP%]     .c-select_block{position:relative;left:10px;width:30%}[_nghost-%COMP%]     .c-input_small{width:50%}[_nghost-%COMP%]     .my-tree{width:100%;display:inline-block;position:relative}[_nghost-%COMP%]     .my-tree .c-inputtext{width:500px}"] }); }
+        } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i1$3.NgTemplateOutlet, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.MaxLengthValidator, i2$1.NgModel, ButtonComponent, ComponentContainerComponent, i1.TranslatePipe], styles: [".buttons[_ngcontent-%COMP%]{text-align:right}.buttons[_ngcontent-%COMP%]   p-button[_ngcontent-%COMP%]{margin-left:8px}.container[_ngcontent-%COMP%]{padding:12px}[_nghost-%COMP%]     .c-select_block{position:relative;left:10px;width:30%}[_nghost-%COMP%]     .c-input_small{width:50%}[_nghost-%COMP%]     .my-tree{width:100%;display:inline-block;position:relative}[_nghost-%COMP%]     .my-tree .c-inputtext{width:500px}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalInputTextComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'app-modal-input-text', template: "<div class=\"c-panel__heading-title h4\">\r\n    {{'Enter parameter value' | translate}}\r\n</div>\r\n<span *ngIf=\"isShowSpinner\"><ng-container *ngTemplateOutlet=\"spinner\"></ng-container></span>\r\n<div class=\"container\">\r\n    <div *ngIf = this.options class=\"c-form-group type_treeblock\">\r\n      <div *ngFor=\"let item of options; let i = index\">\r\n          <label class=\"c-label type_bool\" style=\"overflow: hidden; width: 100%; white-space: nowrap; display: inline-flex;\">\r\n          <span class=\"c-onecolumn-form_label__content\"  [style.width]=\"maxLength + 'px'\" style=\"position: relative; top: 5px; min-height: 30px;\">\r\n            {{item.value}}\r\n          </span>\r\n          <span class=\"c-onecolumn-form_label__content field_{{item.value}}\" style=\"min-height: 30px;\">\r\n            <input class=\"c-checkbox__input field_{{item.value}}\" type=\"checkbox\" [checked]=\"options[i].checked\" (click)=\"select(i)\">\r\n            <i class=\"p-chkbox-box c-checkbox__icon\" ></i>\r\n          </span>\r\n          </label>\r\n      </div>\r\n    </div>\r\n\r\n  <div *ngIf=this.param class=\"o-grid o-grid_wrap\">\r\n    <div class=\"o-grid__cell o-grid__cell_width-100 o-grid__cell_width-100@medium o-grid__cell_width-100@large\">\r\n      <div class=\"c-form-group\">\r\n        <label class=\"c-label type_varchars\">\r\n          <span class=\"c-label__content\" style=\"width: 500px;white-space: pre-line\">{{translate(param.title)}}</span>\r\n          <input [(ngModel)]=\"param.value\" class=\"c-input c-input_block field_{{config.data.command.label}}\" type=\"text\" maxlength=\"60\">\r\n        </label>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"buttons\">\r\n      <in-component-container>\r\n          <in-button id=\"close\" (click)=\"closeModal()\"\r\n                     label=\"{{'Cancel' | translate}}\"\r\n                     [name]=\"'Cancel'\"\r\n          ></in-button>\r\n          <in-button id=\"edit\" (click)=\"applySelection()\" type=\"submit\"\r\n                     label=\"{{'Apply' | translate}}\"\r\n                     [name]=\"'Apply'\"\r\n                     color=\"primary\" [disabled]=\"checkSelected()\" [title]=\"'Select an action' | translate\"></in-button>\r\n      </in-component-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #spinner><span class=\"c-spinner\">\r\n            <i class=\"in in-spinner fa-spin \"></i>\r\n</span></ng-template>\r\n", styles: [".buttons{text-align:right}.buttons p-button{margin-left:8px}.container{padding:12px}:host ::ng-deep .c-select_block{position:relative;left:10px;width:30%}:host ::ng-deep .c-input_small{width:50%}:host ::ng-deep .my-tree{width:100%;display:inline-block;position:relative}:host ::ng-deep .my-tree .c-inputtext{width:500px}\n"] }]
-    }], () => [{ type: i1$4.DynamicDialogRef }, { type: i1$4.DynamicDialogConfig }, { type: i1.TranslateService }, { type: InsparkMessageService }, { type: i1$3.Router }], null); })();
+    }], () => [{ type: i1$2.DynamicDialogRef }, { type: i1$2.DynamicDialogConfig }, { type: i1.TranslateService }, { type: InsparkMessageService }, { type: i1$4.Router }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModalInputTextComponent, { className: "ModalInputTextComponent", filePath: "components/modal-input-text/modal-input-text.component.ts", lineNumber: 16 }); })();
 
 class SharedComponentsModule {
@@ -3986,7 +3947,7 @@ class InsparkStickyComponent {
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(9, _c4$1, ctx.isSticky, ctx.isFloated && ctx.isSticky))("ngStyle", i0.ɵɵpureFunction4(12, _c5, ctx.zIndex, ctx.top + "px", ctx.left + "px", ctx.width ? ctx.width + "px" : "auto"));
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.class + " u-overflow-hidden");
-        } }, dependencies: [i1$2.NgClass, i1$2.NgStyle], styles: [".sticky[_ngcontent-%COMP%]{position:fixed;display:inline-block}.floated[_ngcontent-%COMP%]{box-shadow:0 0 4px 2px #0000004d}.inline[_ngcontent-%COMP%]{display:inline-block}"], changeDetection: 0 }); }
+        } }, dependencies: [i1$3.NgClass, i1$3.NgStyle], styles: [".sticky[_ngcontent-%COMP%]{position:fixed;display:inline-block}.floated[_ngcontent-%COMP%]{box-shadow:0 0 4px 2px #0000004d}.inline[_ngcontent-%COMP%]{display:inline-block}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InsparkStickyComponent, [{
         type: Component,
@@ -4219,7 +4180,7 @@ class AutoCompleteComponent {
             i0.ɵɵproperty("styleClass", ctx.styleClass);
             i0.ɵɵtwoWayProperty("ngModel", ctx.value);
             i0.ɵɵproperty("suggestions", ctx.suggestions)("placeholder", ctx.placeholder)("field", ctx.field)("dropdown", ctx.dropdown)("multiple", ctx.multiple)("forceSelection", ctx.forceSelection)("minLength", ctx.minLength)("delay", ctx.delay)("disabled", ctx.disabled)("appendTo", ctx.appendTo)("dropdownMode", ctx.dropdownMode)("virtualScroll", ctx.virtualScroll)("virtualScrollItemSize", ctx.virtualScrollItemSize)("emptyMessage", ctx.emptyMessage)("inputStyle", ctx.inputStyle)("inputStyleClass", ctx.inputStyleClass)("dropdownIcon", ctx.dropdownIcon);
-        } }, dependencies: [i1$2.NgIf, i2$1.NgControlStatus, i2$1.NgModel, i3.AutoComplete, i2.PrimeTemplate], styles: ["[_nghost-%COMP%]{display:block}"] }); }
+        } }, dependencies: [i1$3.NgIf, i2$1.NgControlStatus, i2$1.NgModel, i3.AutoComplete, i2.PrimeTemplate], styles: ["[_nghost-%COMP%]{display:block}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoCompleteComponent, [{
         type: Component,
@@ -4426,7 +4387,7 @@ class ObjectPieComponent {
             i0.ɵɵproperty("ngForOf", ctx.data);
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate(ctx.count);
-        } }, dependencies: [i1$2.NgForOf], styles: [".pie-block[_ngcontent-%COMP%]{width:40px;height:40px;color:var(--text-color)}.pie-block[_ngcontent-%COMP%]   text[_ngcontent-%COMP%]{width:20px;height:20px;background:var(--colorBgLevel2);font-size:11px}.pie-block[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:40px;height:40px}"], changeDetection: 0 }); }
+        } }, dependencies: [i1$3.NgForOf], styles: [".pie-block[_ngcontent-%COMP%]{width:40px;height:40px;color:var(--text-color)}.pie-block[_ngcontent-%COMP%]   text[_ngcontent-%COMP%]{width:20px;height:20px;background:var(--colorBgLevel2);font-size:11px}.pie-block[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:40px;height:40px}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ObjectPieComponent, [{
         type: Component,
@@ -4586,7 +4547,7 @@ class InputTextComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(37, _c4, ctx.display));
             i0.ɵɵattribute("title", i0.ɵɵpipeBind1(5, 23, "Reset"));
-        } }, dependencies: [i1$2.NgClass, i1$2.NgIf, i1$2.NgStyle, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.RequiredValidator, i2$1.MaxLengthValidator, i2$1.NgModel, i1.TranslatePipe], styles: ["@charset \"UTF-8\";.label[_ngcontent-%COMP%]{display:inline-block;margin-bottom:0}.c-input[_ngcontent-%COMP%]{height:36px;width:100%}.c-input_opaque[_ngcontent-%COMP%]{background:var(--colorBgLevel3)}.c-input_shadowed[_ngcontent-%COMP%]{box-shadow:0 2px 6px #0003}.constraints-message__warning[_ngcontent-%COMP%]{color:red}.button-reset[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset[_ngcontent-%COMP%]:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.empty[_ngcontent-%COMP%]{display:none}.input-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;align-items:baseline}.c-input[_ngcontent-%COMP%]:not(:valid) ~ .button-reset[_ngcontent-%COMP%]{display:none}.c-input_margin_padding[_ngcontent-%COMP%]{margin-left:56px;padding-right:10px;max-width:1200px}.c-input_padding_right[_ngcontent-%COMP%]{padding-right:28px}"] }); }
+        } }, dependencies: [i1$3.NgClass, i1$3.NgIf, i1$3.NgStyle, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.RequiredValidator, i2$1.MaxLengthValidator, i2$1.NgModel, i1.TranslatePipe], styles: ["@charset \"UTF-8\";.label[_ngcontent-%COMP%]{display:inline-block;margin-bottom:0}.c-input[_ngcontent-%COMP%]{height:36px;width:100%}.c-input_opaque[_ngcontent-%COMP%]{background:var(--colorBgLevel3)}.c-input_shadowed[_ngcontent-%COMP%]{box-shadow:0 2px 6px #0003}.constraints-message__warning[_ngcontent-%COMP%]{color:red}.button-reset[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset[_ngcontent-%COMP%]:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.empty[_ngcontent-%COMP%]{display:none}.input-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;align-items:baseline}.c-input[_ngcontent-%COMP%]:not(:valid) ~ .button-reset[_ngcontent-%COMP%]{display:none}.c-input_margin_padding[_ngcontent-%COMP%]{margin-left:56px;padding-right:10px;max-width:1200px}.c-input_padding_right[_ngcontent-%COMP%]{padding-right:28px}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputTextComponent, [{
         type: Component,
@@ -4772,7 +4733,7 @@ class TextareaComponent {
             i0.ɵɵclassMapInterpolate1("c-textarea field_", ctx.id, "");
             i0.ɵɵtwoWayProperty("ngModel", ctx.value);
             i0.ɵɵproperty("disabled", ctx.disabled)("id", ctx.id)("name", ctx.name)("ngStyle", i0.ɵɵpureFunction1(11, _c0$9, ctx.minHeight + "px"))("placeholder", ctx.placeholder)("required", ctx.required);
-        } }, dependencies: [i1$2.NgIf, i1$2.NgStyle, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.RequiredValidator, i2$1.NgModel], encapsulation: 2 }); }
+        } }, dependencies: [i1$3.NgIf, i1$3.NgStyle, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.RequiredValidator, i2$1.NgModel], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextareaComponent, [{
         type: Component,
@@ -4886,7 +4847,7 @@ class CheckboxComponent {
     }
     onTouched() {
     }
-    static { this.ɵfac = function CheckboxComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CheckboxComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$3.Router)); }; }
+    static { this.ɵfac = function CheckboxComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CheckboxComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$4.Router)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckboxComponent, selectors: [["in-checkbox"]], inputs: { name: "name", label: "label", required: "required", error: "error", placeholder: "placeholder", id: "id", disabled: "disabled" }, standalone: false, features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -4911,7 +4872,7 @@ class CheckboxComponent {
             i0.ɵɵproperty("disabled", ctx.disabled);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.label);
-        } }, dependencies: [i1$2.NgIf, i2$1.CheckboxControlValueAccessor, i2$1.NgControlStatus, i2$1.NgModel], styles: ["[_nghost-%COMP%]{width:100%}.c-checkbox[_ngcontent-%COMP%]{margin:0;display:flex;min-width:100%;align-items:center;padding:8px}.c-checkbox[_ngcontent-%COMP%]   .c-checkbox__input[_ngcontent-%COMP%] + .c-checkbox__icon[_ngcontent-%COMP%]{padding-left:20px;top:0}.c-checkbox[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{display:flex;align-items:center}.c-checkbox[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]:not(:empty){display:inline-flex;padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"] }); }
+        } }, dependencies: [i1$3.NgIf, i2$1.CheckboxControlValueAccessor, i2$1.NgControlStatus, i2$1.NgModel], styles: ["[_nghost-%COMP%]{width:100%}.c-checkbox[_ngcontent-%COMP%]{margin:0;display:flex;min-width:100%;align-items:center;padding:8px}.c-checkbox[_ngcontent-%COMP%]   .c-checkbox__input[_ngcontent-%COMP%] + .c-checkbox__icon[_ngcontent-%COMP%]{padding-left:20px;top:0}.c-checkbox[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{display:flex;align-items:center}.c-checkbox[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]:not(:empty){display:inline-flex;padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckboxComponent, [{
         type: Component,
@@ -4922,7 +4883,7 @@ class CheckboxComponent {
                         multi: true,
                     }
                 ], template: "<label class=\"c-checkbox\">\r\n  <input (change)=\"onChange($event)\" (input)=\"onChange($event)\"\r\n         (ngModelChange)=\"onChange(value)\"\r\n         [(ngModel)]=\"value\"\r\n         [disabled]=\"disabled\"\r\n         class=\"c-checkbox__input field_{{id}}\"\r\n         name=\"element_name\"\r\n         type=\"checkbox\"/>\r\n  <i class=\"c-checkbox__icon\"></i>\r\n  <span *ngIf=\"label\" class=\"label\">{{ label }}</span>\r\n  <span class=\"label\"><ng-content></ng-content></span>\r\n</label>\r\n", styles: [":host{width:100%}.c-checkbox{margin:0;display:flex;min-width:100%;align-items:center;padding:8px}.c-checkbox .c-checkbox__input+.c-checkbox__icon{padding-left:20px;top:0}.c-checkbox .label{display:flex;align-items:center}.c-checkbox .label:not(:empty){display:inline-flex;padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
-    }], () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$3.Router }], { name: [{
+    }], () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$4.Router }], { name: [{
             type: Input
         }], label: [{
             type: Input
@@ -5084,7 +5045,7 @@ class FileComponent {
             i0.ɵɵproperty("ngIf", !ctx.file);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("accept", ctx.accept);
-        } }, dependencies: [i1$2.NgIf, ButtonComponent, i1.TranslatePipe], styles: [".hide[_ngcontent-%COMP%]{display:none}"] }); }
+        } }, dependencies: [i1$3.NgIf, ButtonComponent, i1.TranslatePipe], styles: [".hide[_ngcontent-%COMP%]{display:none}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileComponent, [{
         type: Component,
@@ -5144,7 +5105,7 @@ class ToolbarComponent {
             this.cdRef.detectChanges();
         }
     }
-    static { this.ɵfac = function ToolbarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToolbarComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$3.Router)); }; }
+    static { this.ɵfac = function ToolbarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToolbarComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$4.Router)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ToolbarComponent, selectors: [["in-toolbar"]], inputs: { title: "title" }, standalone: false, ngContentSelectors: _c0$6, decls: 10, vars: 2, consts: [[1, "toolbar-wrapper"], [3, "top"], [1, "c-panel", "toolbar-container"], [1, "c-toolbar"], [1, "c-toolbar__side-left"], [1, "c-toolbar__title"], [1, "c-toolbar__side-center"], [1, "c-toolbar__side-right"]], template: function ToolbarComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "in-sticky", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5);
@@ -5164,7 +5125,7 @@ class ToolbarComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToolbarComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'in-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"toolbar-wrapper\">\r\n  <in-sticky [top]=\"60\">\r\n\r\n    <div class=\"c-panel toolbar-container\">\r\n      <div class=\"c-toolbar\">\r\n        <div class=\"c-toolbar__side-left\">\r\n          <div class=\"c-toolbar__title\">{{title}}</div>\r\n        </div>\r\n        <div class=\"c-toolbar__side-center\">\r\n\r\n        </div>\r\n        <div class=\"c-toolbar__side-right\">\r\n          <ng-content></ng-content>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n  </in-sticky>\r\n</div>\r\n", styles: [".toolbar-wrapper{padding-bottom:4px}.toolbar-container{padding:8px;position:relative}:host{position:sticky;z-index:2}.c-toolbar{display:inline-flex;width:100%;flex-wrap:wrap}.c-toolbar__side-left{flex:100%;text-align:left}@media screen and (min-width:1200px){.c-toolbar__side-left{flex:1}}.c-toolbar__title{display:inline-flex;vertical-align:middle;font-size:22px}.c-toolbar__side-right{display:flex;text-align:right}.add-widget{position:fixed;right:16px;bottom:16px}.widget-container{position:absolute;inset:40px 0 0;overflow:auto}.widget-block{position:absolute;inset:5px}.sidebar{background:var(--main-background);position:absolute;left:0;top:35px;bottom:0;height:100vh;z-index:100;width:300px;box-shadow:0 0 3px 8px #0000001a;overflow:auto}.right-side{display:flex;align-items:center;justify-content:flex-end;flex:1}.right-side>*{margin-left:5px}.left-side{white-space:nowrap;display:flex;align-items:center;justify-content:flex-start}.left-side>*{margin-right:5px}.controls-panel{height:41px;border-radius:2px;padding:4px 0;margin:0 5px 5px;display:flex}.dashboard-list{position:relative}.title{font-size:22px}\n"] }]
-    }], () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$3.Router }], { title: [{
+    }], () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$4.Router }], { title: [{
             type: Input
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ToolbarComponent, { className: "ToolbarComponent", filePath: "components/toolbar/toolbar.component.ts", lineNumber: 11 }); })();
@@ -5241,7 +5202,7 @@ class BreadcrumbComponent {
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 3, "Home"));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngForOf", ctx.items);
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i1$3.RouterLink, i1.TranslateDirective, i1.TranslatePipe], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i1$4.RouterLink, i1.TranslateDirective, i1.TranslatePipe], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BreadcrumbComponent, [{
         type: Component,
@@ -5463,7 +5424,7 @@ class SelectButtonComponent {
             i0.ɵɵproperty("ngIf", ctx.label);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngForOf", ctx.options)("ngForTrackBy", ctx.trackByValue);
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, ButtonComponent, i1.TranslatePipe], styles: [".container[_ngcontent-%COMP%]{white-space:nowrap}in-button[_ngcontent-%COMP%]     button{outline:none}in-button[_ngcontent-%COMP%]:first-child     button{border-bottom-right-radius:0;border-top-right-radius:0;border-right:1px solid #000}in-button[_ngcontent-%COMP%]:not(:first-child):not(:last-child)     button{border-radius:0;border-right:1px solid #000}in-button[_ngcontent-%COMP%]:last-child     button{border-bottom-left-radius:0;border-top-left-radius:0}.button-none[_ngcontent-%COMP%]{display:none}"] }); }
+        } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, ButtonComponent, i1.TranslatePipe], styles: [".container[_ngcontent-%COMP%]{white-space:nowrap}in-button[_ngcontent-%COMP%]     button{outline:none}in-button[_ngcontent-%COMP%]:first-child     button{border-bottom-right-radius:0;border-top-right-radius:0;border-right:1px solid #000}in-button[_ngcontent-%COMP%]:not(:first-child):not(:last-child)     button{border-radius:0;border-right:1px solid #000}in-button[_ngcontent-%COMP%]:last-child     button{border-bottom-left-radius:0;border-top-left-radius:0}.button-none[_ngcontent-%COMP%]{display:none}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectButtonComponent, [{
         type: Component,
@@ -5577,7 +5538,7 @@ class InlineMessageComponent {
             i0.ɵɵproperty("ngClass", ctx.align);
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.message, " ");
-        } }, dependencies: [i1$2.NgClass], styles: [".message[_ngcontent-%COMP%]{padding:12px 0;text-align:center;color:#aaa}.message.left[_ngcontent-%COMP%]{text-align:left}.message.right[_ngcontent-%COMP%]{text-align:right}"] }); }
+        } }, dependencies: [i1$3.NgClass], styles: [".message[_ngcontent-%COMP%]{padding:12px 0;text-align:center;color:#aaa}.message.left[_ngcontent-%COMP%]{text-align:left}.message.right[_ngcontent-%COMP%]{text-align:right}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InlineMessageComponent, [{
         type: Component,
@@ -5668,7 +5629,7 @@ class ContentToggleComponent {
             i0.ɵɵtextInterpolate1(" ", ctx.label, " ");
             i0.ɵɵadvance(6);
             i0.ɵɵproperty("ngIf", ctx.isOpen);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgIf, SvgComponent], styles: ["@charset \"UTF-8\";.block[_ngcontent-%COMP%]{font-size:12px;text-transform:uppercase;cursor:pointer;display:flex;white-space:nowrap}.block[_ngcontent-%COMP%]   .buttons[_ngcontent-%COMP%]{flex:1;display:flex;justify-content:flex-end;align-items:center;-webkit-user-select:none;user-select:none}.block[_ngcontent-%COMP%]:hover{background:var(--colorBgLevel2)}.block[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]{display:inline-block;margin-right:4px}.block[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{margin-right:8px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.block[_ngcontent-%COMP%]   .counter[_ngcontent-%COMP%]{display:flex;align-items:center;padding-right:8px}.block[_ngcontent-%COMP%]   .arrow[_ngcontent-%COMP%]{margin-right:0}.block[_ngcontent-%COMP%]   .arrow.close[_ngcontent-%COMP%]{transform:rotate(-90deg)}.label-icon[_ngcontent-%COMP%]{margin-right:4px;width:16px;height:16px}"] }); }
+        } }, dependencies: [i1$3.NgClass, i1$3.NgIf, SvgComponent], styles: ["@charset \"UTF-8\";.block[_ngcontent-%COMP%]{font-size:12px;text-transform:uppercase;cursor:pointer;display:flex;white-space:nowrap}.block[_ngcontent-%COMP%]   .buttons[_ngcontent-%COMP%]{flex:1;display:flex;justify-content:flex-end;align-items:center;-webkit-user-select:none;user-select:none}.block[_ngcontent-%COMP%]:hover{background:var(--colorBgLevel2)}.block[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]{display:inline-block;margin-right:4px}.block[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{margin-right:8px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.block[_ngcontent-%COMP%]   .counter[_ngcontent-%COMP%]{display:flex;align-items:center;padding-right:8px}.block[_ngcontent-%COMP%]   .arrow[_ngcontent-%COMP%]{margin-right:0}.block[_ngcontent-%COMP%]   .arrow.close[_ngcontent-%COMP%]{transform:rotate(-90deg)}.label-icon[_ngcontent-%COMP%]{margin-right:4px;width:16px;height:16px}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContentToggleComponent, [{
         type: Component,
@@ -5832,7 +5793,7 @@ class InputGroupComponent {
             i0.ɵɵproperty("color", "primary")("disabled", ctx.isApplyDisabled())("isIconOnly", true)("name", "apply")("size", "tiny")("title", i0.ɵɵpipeBind1(5, 23, "Apply"));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("isIconOnly", true)("name", "cancel")("size", "tiny")("title", i0.ɵɵpipeBind1(7, 25, "Cancel"));
-        } }, dependencies: [i1$2.NgIf, i1$2.NgStyle, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.RequiredValidator, i2$1.MaxLengthValidator, i2$1.NgModel, ButtonComponent, i1.TranslatePipe], encapsulation: 2 }); }
+        } }, dependencies: [i1$3.NgIf, i1$3.NgStyle, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.RequiredValidator, i2$1.MaxLengthValidator, i2$1.NgModel, ButtonComponent, i1.TranslatePipe], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputGroupComponent, [{
         type: Component,
@@ -6087,7 +6048,7 @@ class LinkComponent {
             i0.ɵɵproperty("ngIf", !ctx.link);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.menuItems.length);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgIf, i1$2.NgTemplateOutlet, i1$3.RouterLink, i3$1.Menu, SvgComponent], styles: [".p-link[_ngcontent-%COMP%]{text-decoration:none;color:var(--colorLink);cursor:pointer}.p-link.p-link-secondary[_ngcontent-%COMP%]{color:var(--colorTextSecondary)}.p-link[_ngcontent-%COMP%]:hover{color:var(--colorLink)}.p-link[_ngcontent-%COMP%]:hover   .p-link-text[_ngcontent-%COMP%]{text-decoration:underline;color:var(--colorLink)}button[_ngcontent-%COMP%]{outline:none}.p-link-icon-only[_ngcontent-%COMP%]   .p-link-icon-left[_ngcontent-%COMP%]{margin-top:-9px}.p-link-text[_ngcontent-%COMP%]{vertical-align:middle}.p-link[_ngcontent-%COMP%]{margin-right:0;display:inline-flex;align-items:center;justify-content:center}.p-link-text-icon-left[_ngcontent-%COMP%]   .p-link-text[_ngcontent-%COMP%]{padding-left:.6em}.p-link-icon-only[_ngcontent-%COMP%]{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-link-icon-only[_ngcontent-%COMP%]   .svg[_ngcontent-%COMP%]{display:inline-block;line-height:0}.p-link-transparency[_ngcontent-%COMP%]{background:none}.p-link.p-link-svg[_ngcontent-%COMP%]   .p-clickable[_ngcontent-%COMP%]{height:20px}.p-link.p-link-svg[_ngcontent-%COMP%]   .p-link-icon-left[_ngcontent-%COMP%]{left:6px;margin-top:-2px}.p-link.p-link-svg.p-link-icon-only[_ngcontent-%COMP%]   .p-link-icon-left[_ngcontent-%COMP%]{left:50%;width:auto;transform:translate(-50%,-50%);margin-left:0;margin-top:0}.p-link-material[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:16px}[_nghost-%COMP%]   .p-menu[_ngcontent-%COMP%]   .p-menuitem-link[_ngcontent-%COMP%]{font-size:16px}"] }); }
+        } }, dependencies: [i1$3.NgClass, i1$3.NgIf, i1$3.NgTemplateOutlet, i1$4.RouterLink, i3$1.Menu, SvgComponent], styles: [".p-link[_ngcontent-%COMP%]{text-decoration:none;color:var(--colorLink);cursor:pointer}.p-link.p-link-secondary[_ngcontent-%COMP%]{color:var(--colorTextSecondary)}.p-link[_ngcontent-%COMP%]:hover{color:var(--colorLink)}.p-link[_ngcontent-%COMP%]:hover   .p-link-text[_ngcontent-%COMP%]{text-decoration:underline;color:var(--colorLink)}button[_ngcontent-%COMP%]{outline:none}.p-link-icon-only[_ngcontent-%COMP%]   .p-link-icon-left[_ngcontent-%COMP%]{margin-top:-9px}.p-link-text[_ngcontent-%COMP%]{vertical-align:middle}.p-link[_ngcontent-%COMP%]{margin-right:0;display:inline-flex;align-items:center;justify-content:center}.p-link-text-icon-left[_ngcontent-%COMP%]   .p-link-text[_ngcontent-%COMP%]{padding-left:.6em}.p-link-icon-only[_ngcontent-%COMP%]{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-link-icon-only[_ngcontent-%COMP%]   .svg[_ngcontent-%COMP%]{display:inline-block;line-height:0}.p-link-transparency[_ngcontent-%COMP%]{background:none}.p-link.p-link-svg[_ngcontent-%COMP%]   .p-clickable[_ngcontent-%COMP%]{height:20px}.p-link.p-link-svg[_ngcontent-%COMP%]   .p-link-icon-left[_ngcontent-%COMP%]{left:6px;margin-top:-2px}.p-link.p-link-svg.p-link-icon-only[_ngcontent-%COMP%]   .p-link-icon-left[_ngcontent-%COMP%]{left:50%;width:auto;transform:translate(-50%,-50%);margin-left:0;margin-top:0}.p-link-material[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:16px}[_nghost-%COMP%]   .p-menu[_ngcontent-%COMP%]   .p-menuitem-link[_ngcontent-%COMP%]{font-size:16px}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinkComponent, [{
         type: Component,
@@ -6391,7 +6352,7 @@ class DropdownComponent {
         } if (rf & 2) {
             i0.ɵɵproperty("options", ctx.options)("placeholder", ctx.placeholder)("optionLabel", ctx.optionLabel)("optionValue", ctx.optionValue)("dataKey", ctx.dataKey)("filter", ctx.filter)("filterBy", ctx.effectiveFilterBy)("filterMatchMode", ctx.filterMatchMode)("showClear", ctx.showClear)("disabled", ctx.disabled)("appendTo", ctx.appendTo)("editable", ctx.editable)("virtualScroll", ctx.virtualScroll)("virtualScrollItemSize", ctx.virtualScrollItemSize)("loading", ctx.loading)("autoDisplayFirst", ctx.autoDisplayFirst)("emptyMessage", ctx.emptyMessage)("styleClass", ctx.styleClass);
             i0.ɵɵtwoWayProperty("ngModel", ctx.value);
-        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i2$1.NgControlStatus, i2$1.NgModel, i3$2.Select, i2.PrimeTemplate], styles: [".in-dropdown[_ngcontent-%COMP%]{width:100%;margin-bottom:0}"] }); }
+        } }, dependencies: [i1$3.NgIf, i1$3.NgTemplateOutlet, i2$1.NgControlStatus, i2$1.NgModel, i3$2.Select, i2.PrimeTemplate], styles: [".in-dropdown[_ngcontent-%COMP%]{width:100%;margin-bottom:0}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownComponent, [{
         type: Component,
@@ -6517,7 +6478,8 @@ class InsparkComponentsModule {
             LegacyComponentsModule,
             LegacyUiModule,
             InlineSVGModule,
-            SvgComponentModule, DropdownComponentModule,
+            SvgComponentModule,
+            DynamicDialogModule, DropdownComponentModule,
             TableComponentModule,
             TreeTableComponentModule,
             MenuModule,
@@ -6577,6 +6539,7 @@ class InsparkComponentsModule {
                     LegacyUiModule,
                     InlineSVGModule,
                     SvgComponentModule,
+                    DynamicDialogModule,
                 ],
                 declarations: [
                     PanelComponent,
@@ -6667,7 +6630,8 @@ class InsparkComponentsModule {
         LegacyComponentsModule,
         LegacyUiModule,
         InlineSVGModule,
-        SvgComponentModule], exports: [PanelComponent,
+        SvgComponentModule,
+        DynamicDialogModule], exports: [PanelComponent,
         DropdownComponentModule,
         TableComponentModule,
         TreeTableComponentModule,