@inspark/inspark-components 19.0.43 → 19.0.45

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

@@ -28,24 +28,23 @@ export { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { CheckboxModule } from 'primeng/checkbox';
 import * as i1$3 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import * as i3$2 from 'primeng/menu';
+import * as i3$1 from 'primeng/menu';
 import { Menu, MenuModule } from 'primeng/menu';
 export { MenuModule } from 'primeng/menu';
 import { SliderModule } from 'primeng/slider';
 export { SliderModule } from 'primeng/slider';
 import * as i2$4 from 'primeng/treetable';
 import { TreeTableModule } from 'primeng/treetable';
-import * as i3 from 'primeng/radiobutton';
-import { RadioButtonModule } from 'primeng/radiobutton';
-export { RadioButtonModule } from 'primeng/radiobutton';
-import * as i3$1 from 'primeng/autocomplete';
+import * as i3 from 'primeng/autocomplete';
 import { AutoCompleteModule } from 'primeng/autocomplete';
 import { HttpClientModule } from '@angular/common/http';
+import { RadioButtonModule } from 'primeng/radiobutton';
+export { RadioButtonModule } from 'primeng/radiobutton';
 import { BreadcrumbModule } from 'primeng/breadcrumb';
 export { BreadcrumbModule } from 'primeng/breadcrumb';
 import { TreeModule } from 'primeng/tree';
 export { TreeModule } from 'primeng/tree';
-import * as i3$3 from 'primeng/select';
+import * as i3$2 from 'primeng/select';
 import { SelectModule } from 'primeng/select';
 
 class PropertyValuePipe {
@@ -536,10 +535,10 @@ class CommunicationService {
         type: Injectable
     }], null, null); })();
 
-const _c0$n = ["*"];
+const _c0$o = ["*"];
 class PanelComponent {
     static { this.ɵfac = function PanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PanelComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PanelComponent, selectors: [["in-panel"]], standalone: false, ngContentSelectors: _c0$n, decls: 2, vars: 0, consts: [[1, "c-panel", "inspark-panel"]], template: function PanelComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PanelComponent, selectors: [["in-panel"]], standalone: false, ngContentSelectors: _c0$o, decls: 2, vars: 0, consts: [[1, "c-panel", "inspark-panel"]], template: function PanelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
@@ -608,7 +607,7 @@ class TableClickOutsideDirective {
             args: ['document:click', ['$event']]
         }] }); })();
 
-const _c0$m = [[["host"]], [["body"]]];
+const _c0$n = [[["host"]], [["body"]]];
 const _c1$c = ["host", "body"];
 function TableMenuOverlayComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -631,7 +630,7 @@ class TableMenuOverlayComponent {
     }
     static { this.ɵfac = function TableMenuOverlayComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableMenuOverlayComponent)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableMenuOverlayComponent, selectors: [["in-table-menu-overlay"]], inputs: { isExpanded: "isExpanded", positionClass: "positionClass" }, standalone: false, ngContentSelectors: _c1$c, decls: 4, vars: 1, consts: [[1, "c-overlay", "is-dropdown_open"], [1, "c-overlay__toggle", 3, "click"], [4, "ngIf"], ["inClickOutside", "", 1, "c-overlay__body", 3, "clickedOutside"]], template: function TableMenuOverlayComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$m);
+            i0.ɵɵprojectionDef(_c0$n);
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵlistener("click", function TableMenuOverlayComponent_Template_div_click_1_listener() { return ctx.isExpanded = !ctx.isExpanded; });
             i0.ɵɵprojection(2);
@@ -719,10 +718,10 @@ 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$l = [[["", "buttons", ""]]];
+const _c0$m = [[["", "buttons", ""]]];
 const _c1$b = ["[buttons]"];
-const _c2$7 = a0 => ({ columns: a0 });
-const _c3$6 = a0 => ({ $implicit: a0 });
+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 });
@@ -766,7 +765,7 @@ function TableComponent_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
 } 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$6, i0.ɵɵpureFunction1(2, _c2$7, columns_r3)));
+    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);
@@ -938,7 +937,7 @@ function TableComponent_6_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     const rowData_r14 = ctx.$implicit;
     const rowIndex_r15 = ctx.rowIndex;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.bodyTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$6, 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, _c5$1, rowIndex_r15, rowData_r14, columns_r13)));
 } }
 function TableComponent_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, TableComponent_6_ng_template_0_Template, 1, 8, "ng-template", 32);
@@ -1007,7 +1006,7 @@ function TableComponent_7_ng_template_0_tr_1_td_2_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !ctx_r1.valueTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$6, i0.ɵɵpureFunction2(3, _c8, rowData_r19, col_r23)));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$5, i0.ɵɵpureFunction2(3, _c8, rowData_r19, col_r23)));
 } }
 function TableComponent_7_ng_template_0_tr_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr", 38);
@@ -1690,7 +1689,7 @@ class TableComponent {
             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) {
             const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵprojectionDef(_c0$l);
+            i0.ɵɵprojectionDef(_c0$m);
             i0.ɵɵtemplate(0, TableComponent_span_0_Template, 4, 3, "span", 2);
             i0.ɵɵelementStart(1, "p-table", 3, 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); });
@@ -1845,7 +1844,7 @@ class EmptyComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EmptyComponent, { className: "EmptyComponent", filePath: "components/empty/empty.component.ts", lineNumber: 14 }); })();
 
-const _c0$k = ["*"];
+const _c0$l = ["*"];
 const _c1$a = (a0, a1, a2, a3, a4, a5, a6) => ({ h1: a0, h2: a1, h3: a2, h4: a3, h5: a4, h6: a5, "is-wrappable": a6 });
 function InsparkHeaderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
@@ -1918,7 +1917,7 @@ class InsparkHeaderComponent {
         this.level = Math.max(Math.min(this.level, 6), 1);
     }
     static { this.ɵfac = function InsparkHeaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InsparkHeaderComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InsparkHeaderComponent, selectors: [["in-header"]], inputs: { level: "level", label: "label", isWrappable: "isWrappable", lineClamp: "lineClamp" }, standalone: false, ngContentSelectors: _c0$k, decls: 9, vars: 18, consts: [[3, "ngClass"], ["class", "u-h1 header__wrapper", 3, "title", 4, "ngIf"], ["class", "u-h2 header__wrapper", 3, "title", 4, "ngIf"], ["class", "u-h3 header__wrapper", 3, "title", 4, "ngIf"], ["class", "u-h4 header__wrapper", 3, "title", 4, "ngIf"], ["class", "u-h5 header__wrapper", 3, "title", 4, "ngIf"], ["class", "u-h6 header__wrapper", 3, "title", 4, "ngIf"], [1, "buttons"], [1, "u-h1", "header__wrapper", 3, "title"], [1, "u-h2", "header__wrapper", 3, "title"], [1, "u-h3", "header__wrapper", 3, "title"], [1, "u-h4", "header__wrapper", 3, "title"], [1, "u-h5", "header__wrapper", 3, "title"], [1, "u-h6", "header__wrapper", 3, "title"]], template: function InsparkHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InsparkHeaderComponent, selectors: [["in-header"]], inputs: { level: "level", label: "label", isWrappable: "isWrappable", lineClamp: "lineClamp" }, standalone: false, ngContentSelectors: _c0$l, decls: 9, vars: 18, consts: [[3, "ngClass"], ["class", "u-h1 header__wrapper", 3, "title", 4, "ngIf"], ["class", "u-h2 header__wrapper", 3, "title", 4, "ngIf"], ["class", "u-h3 header__wrapper", 3, "title", 4, "ngIf"], ["class", "u-h4 header__wrapper", 3, "title", 4, "ngIf"], ["class", "u-h5 header__wrapper", 3, "title", 4, "ngIf"], ["class", "u-h6 header__wrapper", 3, "title", 4, "ngIf"], [1, "buttons"], [1, "u-h1", "header__wrapper", 3, "title"], [1, "u-h2", "header__wrapper", 3, "title"], [1, "u-h3", "header__wrapper", 3, "title"], [1, "u-h4", "header__wrapper", 3, "title"], [1, "u-h5", "header__wrapper", 3, "title"], [1, "u-h6", "header__wrapper", 3, "title"]], template: function InsparkHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, InsparkHeaderComponent_div_1_Template, 2, 2, "div", 1)(2, InsparkHeaderComponent_div_2_Template, 2, 2, "div", 2)(3, InsparkHeaderComponent_div_3_Template, 2, 2, "div", 3)(4, InsparkHeaderComponent_div_4_Template, 2, 2, "div", 4)(5, InsparkHeaderComponent_div_5_Template, 2, 2, "div", 5)(6, InsparkHeaderComponent_div_6_Template, 2, 2, "div", 6);
@@ -1956,7 +1955,7 @@ class InsparkHeaderComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InsparkHeaderComponent, { className: "InsparkHeaderComponent", filePath: "components/header/header.component.ts", lineNumber: 10 }); })();
 
-const _c0$j = (a0, a1) => ({ svg: true, "c-icon_svg-small": a0, "c-icon_svg-large": a1 });
+const _c0$k = (a0, a1) => ({ svg: true, "c-icon_svg-small": a0, "c-icon_svg-large": a1 });
 const _c1$9 = (a0, a1) => ({ width: a0, height: a1 });
 class SvgComponent {
     constructor() {
@@ -1968,7 +1967,7 @@ class SvgComponent {
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SvgComponent, selectors: [["in-svg"]], inputs: { size: "size", width: "width", height: "height", src: "src" }, standalone: false, decls: 1, vars: 9, consts: [[3, "inlineSVG", "ngClass", "ngStyle"]], template: function SvgComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "span", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("inlineSVG", ctx.src)("ngClass", i0.ɵɵpureFunction2(3, _c0$j, ctx.size === "small", ctx.size === "large"))("ngStyle", i0.ɵɵpureFunction2(6, _c1$9, ctx.width, ctx.height));
+            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}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SvgComponent, [{
@@ -1985,7 +1984,7 @@ class SvgComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SvgComponent, { className: "SvgComponent", filePath: "components/svg/svg.component.ts", lineNumber: 11 }); })();
 
-const _c0$i = (a0, a1) => ({ "icon": a0, "has-content": a1 });
+const _c0$j = (a0, a1) => ({ "icon": a0, "has-content": a1 });
 function StatusCircleComponent_in_svg_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "in-svg", 5);
 } if (rf & 2) {
@@ -2037,7 +2036,7 @@ class StatusCircleComponent {
         } if (rf & 2) {
             i0.ɵɵclassMapInterpolate1("circle-container ", ctx.size, "");
             i0.ɵɵpropertyInterpolate("title", ctx.title ? ctx.title : ctx.label);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(12, _c0$i, ctx.icon, ctx.content !== ""));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(12, _c0$j, ctx.icon, ctx.content !== ""));
             i0.ɵɵadvance();
             i0.ɵɵclassMapInterpolate1("circle ", ctx.mode, "");
             i0.ɵɵadvance();
@@ -2296,7 +2295,7 @@ class SwitcherComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SwitcherComponent, { className: "SwitcherComponent", filePath: "components/switcher/switcher.component.ts", lineNumber: 18 }); })();
 
-const _c0$h = ["*", [["tooltip_content"]]];
+const _c0$i = ["*", [["tooltip_content"]]];
 const _c1$8 = ["*", "tooltip_content"];
 class TooltipComponent {
     constructor() { }
@@ -2304,7 +2303,7 @@ class TooltipComponent {
     }
     static { this.ɵfac = function TooltipComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TooltipComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TooltipComponent, selectors: [["in-tooltip"]], standalone: false, ngContentSelectors: _c1$8, decls: 4, vars: 0, consts: [[1, "c-tooltip", "c-tooltip_left"], [1, "c-tooltip__content", 2, "width", "12em"]], template: function TooltipComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$h);
+            i0.ɵɵprojectionDef(_c0$i);
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵelementStart(2, "div", 1);
@@ -2318,10 +2317,10 @@ class TooltipComponent {
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TooltipComponent, { className: "TooltipComponent", filePath: "components/tooltip/tooltip.component.ts", lineNumber: 10 }); })();
 
-const _c0$g = a0 => ({ row_active: a0 });
+const _c0$h = a0 => ({ row_active: a0 });
 const _c1$7 = a0 => ({ "p-treetable-tbody-content_has-toggler ": a0 });
-const _c2$6 = (a0, a1) => ({ data: a0, col: a1 });
-const _c3$5 = a0 => ({ $implicit: a0 });
+const _c2$5 = (a0, a1) => ({ data: a0, col: a1 });
+const _c3$4 = a0 => ({ $implicit: a0 });
 const _c4$2 = () => ({ standalone: true });
 function TreeTableComponent_ng_template_2_col_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "col", 9);
@@ -2448,7 +2447,7 @@ function TreeTableComponent_ng_template_4_td_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", !ctx_r2.valueTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(14, _c3$5, i0.ɵɵpureFunction2(11, _c2$6, rowData_r9, col_r13)));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(14, _c3$4, i0.ɵɵpureFunction2(11, _c2$5, rowData_r9, col_r13)));
 } }
 function TreeTableComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr", 15);
@@ -2459,7 +2458,7 @@ function TreeTableComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     const rowData_r9 = ctx.rowData;
     const rowNode_r10 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$g, ctx_r2.isRowActive(rowData_r9)))("ttSelectableRow", rowNode_r10);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$h, ctx_r2.isRowActive(rowData_r9)))("ttSelectableRow", rowNode_r10);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.checkboxSelection);
     i0.ɵɵadvance();
@@ -2983,23 +2982,28 @@ class TreeTableComponentModule {
 function RadiobuttonComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "p-radioButton", 1);
-    i0.ɵɵlistener("ngModelChange", function RadiobuttonComponent_ng_container_0_Template_p_radioButton_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onModelChange($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "label", 2);
-    i0.ɵɵtext(3);
+    i0.ɵɵelementStart(1, "label")(2, "span", 1)(3, "input", 2);
+    i0.ɵɵlistener("change", function RadiobuttonComponent_ng_container_0_Template_input_change_3_listener() { const element_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectElement(element_r2)); });
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 3);
+    i0.ɵɵelement(5, "span", 4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "span", 5);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const element_r3 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext();
+    const element_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵclassMapInterpolate1("u-margin-left-tiny u-vertical-align-middle field_", ctx_r1.name, "");
-    i0.ɵɵproperty("inputId", ctx_r1.name + "-" + element_r3.id)("ngModel", ctx_r1.item)("name", ctx_r1.name)("value", element_r3.id)("disabled", ctx_r1.disabled);
+    i0.ɵɵclassMapInterpolate1("in-radiobutton-option u-margin-left-tiny u-vertical-align-middle field_", ctx_r2.name, "");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("for", ctx_r1.name + "-" + element_r3.id);
+    i0.ɵɵclassProp("p-radiobutton-checked", ctx_r2.isSelected(element_r2))("p-disabled", ctx_r2.disabled);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", element_r3[ctx_r1.keyLabel], " ");
+    i0.ɵɵproperty("value", element_r2.id)("checked", ctx_r2.isSelected(element_r2))("disabled", ctx_r2.disabled);
+    i0.ɵɵattribute("id", ctx_r2.name + "-" + element_r2.id)("name", ctx_r2.name);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", element_r2[ctx_r2.keyLabel], " ");
 } }
 class RadiobuttonComponent {
     constructor() {
@@ -3011,24 +3015,32 @@ class RadiobuttonComponent {
         this.id = null;
         this.change = new EventEmitter();
     }
-    onModelChange(id) {
-        this.item = id;
-        const value = (this.values || []).find(element => element && String(element.id) === String(id));
+    get selectedId() {
+        return this.item && typeof this.item === 'object' ? this.item.id : this.item;
+    }
+    isSelected(value) {
+        return value && String(this.selectedId) === String(value.id);
+    }
+    selectElement(value) {
+        if (!value || this.disabled) {
+            return;
+        }
+        this.item = value.id;
         this.onChangeEvent(value);
     }
     onChangeEvent(value) {
         this.change.next({ name: this.name, value });
     }
     static { this.ɵfac = function RadiobuttonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RadiobuttonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RadiobuttonComponent, selectors: [["in-radiobutton"]], inputs: { name: "name", label: "label", required: "required", error: "error", placeholder: "placeholder", id: "id", disabled: "disabled", value: "value", values: "values", keyLabel: "keyLabel", item: "item" }, outputs: { change: "change" }, standalone: false, decls: 1, vars: 1, consts: [[4, "ngFor", "ngForOf"], [3, "ngModelChange", "inputId", "ngModel", "name", "value", "disabled"], [1, "p-radiobutton-label", "u-vertical-align-middle", 3, "for"]], template: function RadiobuttonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, RadiobuttonComponent_ng_container_0_Template, 4, 10, "ng-container", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RadiobuttonComponent, selectors: [["in-radiobutton"]], inputs: { name: "name", label: "label", required: "required", error: "error", placeholder: "placeholder", id: "id", disabled: "disabled", value: "value", values: "values", keyLabel: "keyLabel", item: "item" }, outputs: { change: "change" }, standalone: false, decls: 1, vars: 1, consts: [[4, "ngFor", "ngForOf"], [1, "p-radiobutton", "p-component"], ["type", "radio", 1, "p-radiobutton-input", 3, "change", "value", "checked", "disabled"], [1, "p-radiobutton-box"], [1, "p-radiobutton-icon"], [1, "p-radiobutton-label", "u-vertical-align-middle"]], template: function RadiobuttonComponent_Template(rf, ctx) { if (rf & 1) {
+            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, i2$1.NgControlStatus, i2$1.NgModel, i3.RadioButton], encapsulation: 2, changeDetection: 0 }); }
+        } }, 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 }); }
 }
 (() => { (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  <p-radioButton\n    class=\"u-margin-left-tiny u-vertical-align-middle field_{{name}}\"\n    [inputId]=\"name + '-' + element.id\"\n    [ngModel]=\"item\"\n    (ngModelChange)=\"onModelChange($event)\"\n    [name]=\"name\"\n    [value]=\"element.id\"\n    [disabled]=\"disabled\">\n  </p-radioButton>\n  <label\n    class=\"p-radiobutton-label u-vertical-align-middle\"\n    [for]=\"name + '-' + element.id\">\n    {{ element[keyLabel] }}\n  </label>\n</ng-container>\n" }]
+        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"] }]
     }], () => [], { name: [{
             type: Input
         }], label: [{
@@ -3095,8 +3107,8 @@ class PreloaderComponent {
 // tslint:disable-next-line:max-line-length
 const _c0$e = (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, a10, a11, a12, a13, a14, a15) => ({ "p-button p-widget p-state-default p-corner-all": true, "p-button-icon-only": a0, "p-button-text-icon-left": a1, "p-button-text-icon-right": a2, "p-button-text-only": a3, "p-button-text-empty": a4, "p-button-svg": a5, "p-button-material": a6, "p-state-disabled": a7, "p-button-tiny": a8, "p-button-small": a9, "p-button-large": a10, "p-button-primary": a11, "p-button-secondary": a12, "p-button-danger": a13, "p-button-transparency": a14, "p-button-pressed": a15 });
 const _c1$6 = a0 => ({ width: a0 });
-const _c2$3 = (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, a10, a11, a12, a13, a14, a15, a16) => ({ "p-button p-widget p-state-default p-corner-all": true, "p-button-icon-only": a0, "p-button-text-icon-left": a1, "p-button-text-icon-right": a2, "p-button-text-only": a3, "p-button-text-empty": a4, "p-button-svg": a5, "p-button-material": a6, "p-state-disabled": a7, "p-button-tiny": a8, "p-button-small": a9, "p-button-large": a10, "p-button-primary": a11, "p-button-secondary": a12, "p-button-danger": a13, "p-button-transparency": a14, "p-button-shadowed": a15, "p-button-pressed": a16 });
-const _c3$4 = (a0, a1) => ({ "p-clickable": true, "p-button-icon-left": a0, "p-button-icon-right": a1 });
+const _c2$4 = (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, a10, a11, a12, a13, a14, a15, a16) => ({ "p-button p-widget p-state-default p-corner-all": true, "p-button-icon-only": a0, "p-button-text-icon-left": a1, "p-button-text-icon-right": a2, "p-button-text-only": a3, "p-button-text-empty": a4, "p-button-svg": a5, "p-button-material": a6, "p-state-disabled": a7, "p-button-tiny": a8, "p-button-small": a9, "p-button-large": a10, "p-button-primary": a11, "p-button-secondary": a12, "p-button-danger": a13, "p-button-transparency": a14, "p-button-shadowed": a15, "p-button-pressed": a16 });
+const _c3$3 = (a0, a1) => ({ "p-clickable": true, "p-button-icon-left": a0, "p-button-icon-right": a1 });
 function ButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -3179,7 +3191,7 @@ function ButtonComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵstyleMap(ctx_r1.style);
     i0.ɵɵclassMap(ctx_r1.className + " " + ctx_r1.testId + " field_" + ctx_r1.name);
-    i0.ɵɵproperty("disabled", ctx_r1.disabled)("ngClass", i0.ɵɵpureFunctionV(13, _c2$3, [(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "left", (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "right", !(ctx_r1.icon || ctx_r1.svg) && ctx_r1.label, !(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, ctx_r1.svg, ctx_r1.isMaterialIcon, ctx_r1.disabled, ctx_r1.size === "tiny", ctx_r1.size === "small", ctx_r1.size === "large", ctx_r1.color === "primary", ctx_r1.color === "secondary", ctx_r1.color === "danger", ctx_r1.color === "transparent", ctx_r1.shadow === true, ctx_r1.pressed]));
+    i0.ɵɵproperty("disabled", ctx_r1.disabled)("ngClass", i0.ɵɵpureFunctionV(13, _c2$4, [(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "left", (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "right", !(ctx_r1.icon || ctx_r1.svg) && ctx_r1.label, !(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, ctx_r1.svg, ctx_r1.isMaterialIcon, ctx_r1.disabled, ctx_r1.size === "tiny", ctx_r1.size === "small", ctx_r1.size === "large", ctx_r1.color === "primary", ctx_r1.color === "secondary", ctx_r1.color === "danger", ctx_r1.color === "transparent", ctx_r1.shadow === true, ctx_r1.pressed]));
     i0.ɵɵattribute("type", ctx_r1.type);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", content_r3);
@@ -3212,7 +3224,7 @@ function ButtonComponent_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵstyleMap(ctx_r1.style);
     i0.ɵɵclassMap(ctx_r1.className + " " + ctx_r1.testId + " field_" + ctx_r1.name);
-    i0.ɵɵproperty("disabled", ctx_r1.disabled)("ngClass", i0.ɵɵpureFunctionV(12, _c2$3, [(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label || ctx_r1.isIconOnly, (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "left", (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "right", !(ctx_r1.icon || ctx_r1.svg) && ctx_r1.label, !(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, ctx_r1.svg, ctx_r1.isMaterialIcon, ctx_r1.disabled, ctx_r1.size === "tiny", ctx_r1.size === "small", ctx_r1.size === "large", ctx_r1.color === "primary", ctx_r1.color === "secondary", ctx_r1.color === "danger", ctx_r1.color === "transparent", ctx_r1.shadow === true, ctx_r1.pressed]));
+    i0.ɵɵproperty("disabled", ctx_r1.disabled)("ngClass", i0.ɵɵpureFunctionV(12, _c2$4, [(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label || ctx_r1.isIconOnly, (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "left", (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "right", !(ctx_r1.icon || ctx_r1.svg) && ctx_r1.label, !(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, ctx_r1.svg, ctx_r1.isMaterialIcon, ctx_r1.disabled, ctx_r1.size === "tiny", ctx_r1.size === "small", ctx_r1.size === "large", ctx_r1.color === "primary", ctx_r1.color === "secondary", ctx_r1.color === "danger", ctx_r1.color === "transparent", ctx_r1.shadow === true, ctx_r1.pressed]));
     i0.ɵɵattribute("type", ctx_r1.type);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", content_r3);
@@ -3224,7 +3236,7 @@ function ButtonComponent_ng_template_4_span_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵclassMap(ctx_r1.icon);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(3, _c3$4, ctx_r1.iconPos === "left", ctx_r1.iconPos === "right"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(3, _c3$3, ctx_r1.iconPos === "left", ctx_r1.iconPos === "right"));
 } }
 function ButtonComponent_ng_template_4_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 24)(1, "i", 25);
@@ -3232,7 +3244,7 @@ function ButtonComponent_ng_template_4_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(2, _c3$4, ctx_r1.iconPos === "left", ctx_r1.iconPos === "right"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(2, _c3$3, ctx_r1.iconPos === "left", ctx_r1.iconPos === "right"));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r1.icon);
 } }
@@ -3269,7 +3281,7 @@ function ButtonComponent_ng_template_4_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(5, _c3$4, ctx_r1.iconPos === "left", ctx_r1.iconPos === "right"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(5, _c3$3, ctx_r1.iconPos === "left", ctx_r1.iconPos === "right"));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.size === "normal");
     i0.ɵɵadvance();
@@ -3913,8 +3925,8 @@ class ButtonComponentModule {
 
 const _c0$c = ["sticky"];
 const _c1$5 = ["*"];
-const _c2$4 = a0 => ({ inline: a0 });
-const _c3$3 = a0 => ({ height: a0 });
+const _c2$3 = a0 => ({ inline: a0 });
+const _c3$2 = a0 => ({ height: a0 });
 const _c4$1 = (a0, a1) => ({ sticky: a0, floated: a1 });
 const _c5 = (a0, a1, a2, a3) => ({ zIndex: a0, top: a1, left: a2, width: a3 });
 class InsparkStickyComponent {
@@ -3969,7 +3981,7 @@ class InsparkStickyComponent {
             i0.ɵɵprojection(4);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c2$4, ctx.isInline))("ngStyle", i0.ɵɵpureFunction1(7, _c3$3, ctx.height ? ctx.height + "px" : "auto"));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c2$3, ctx.isInline))("ngStyle", i0.ɵɵpureFunction1(7, _c3$2, ctx.height ? ctx.height + "px" : "auto"));
             i0.ɵɵadvance(2);
             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();
@@ -4057,7 +4069,7 @@ class SharedUiModule {
 
 const _c0$b = ["autocomplete"];
 const _c1$4 = [[["", "itemTemplate", ""]], [["", "selectedItemTemplate", ""]]];
-const _c2 = ["[itemTemplate]", "[selectedItemTemplate]"];
+const _c2$2 = ["[itemTemplate]", "[selectedItemTemplate]"];
 function AutoCompleteComponent_ng_template_2_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
@@ -4194,7 +4206,7 @@ class AutoCompleteComponent {
                     useExisting: forwardRef(() => AutoCompleteComponent),
                     multi: true
                 }
-            ])], ngContentSelectors: _c2, decls: 4, vars: 21, consts: [["autocomplete", ""], [3, "ngModelChange", "completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onKeyUp", "onShow", "onHide", "styleClass", "ngModel", "suggestions", "placeholder", "field", "dropdown", "multiple", "forceSelection", "minLength", "delay", "disabled", "appendTo", "dropdownMode", "virtualScroll", "virtualScrollItemSize", "emptyMessage", "inputStyle", "inputStyleClass", "dropdownIcon"], ["pTemplate", "item"], ["pTemplate", "selectedItem"], [4, "ngIf"]], template: function AutoCompleteComponent_Template(rf, ctx) { if (rf & 1) {
+            ])], ngContentSelectors: _c2$2, decls: 4, vars: 21, consts: [["autocomplete", ""], [3, "ngModelChange", "completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onKeyUp", "onShow", "onHide", "styleClass", "ngModel", "suggestions", "placeholder", "field", "dropdown", "multiple", "forceSelection", "minLength", "delay", "disabled", "appendTo", "dropdownMode", "virtualScroll", "virtualScrollItemSize", "emptyMessage", "inputStyle", "inputStyleClass", "dropdownIcon"], ["pTemplate", "item"], ["pTemplate", "selectedItem"], [4, "ngIf"]], template: function AutoCompleteComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵprojectionDef(_c1$4);
             i0.ɵɵelementStart(0, "p-autoComplete", 1, 0);
@@ -4207,7 +4219,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$1.AutoComplete, i2.PrimeTemplate], styles: ["[_nghost-%COMP%]{display:block}"] }); }
+        } }, dependencies: [i1$2.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,
@@ -4430,7 +4442,7 @@ class ObjectPieComponent {
 
 const _c0$a = a0 => ({ width: a0 });
 const _c1$3 = a0 => ({ "u-margin-right-tiny": a0 });
-const _c2$2 = (a0, a1, a2, a3, a4, a5) => ({ "c-input_opaque": a0, "c-input_shadowed": a1, "c-input_large": a2, "c-input_small": a3, "c-input_margin_padding": a4, "c-input_padding_right": a5 });
+const _c2$1 = (a0, a1, a2, a3, a4, a5) => ({ "c-input_opaque": a0, "c-input_shadowed": a1, "c-input_large": a2, "c-input_small": a3, "c-input_margin_padding": a4, "c-input_padding_right": a5 });
 const _c3$1 = () => ({ standalone: true });
 const _c4 = a0 => ({ empty: a0 });
 function InputTextComponent_span_1_span_2_Template(rf, ctx) { if (rf & 1) {
@@ -4570,7 +4582,7 @@ class InputTextComponent {
             i0.ɵɵadvance();
             i0.ɵɵclassMapInterpolate1("search-box c-input field_", ctx.id, "");
             i0.ɵɵtwoWayProperty("ngModel", ctx.value);
-            i0.ɵɵproperty("autocomplete", ctx.autocomplete ? "on" : "off")("disabled", ctx.disabled)("id", ctx.id)("maxlength", ctx.maxlength)("name", ctx.name)("ngClass", i0.ɵɵpureFunction6(29, _c2$2, ctx.opacity === false, ctx.shadow, ctx.large, ctx.small, ctx.widget, ctx.forms))("ngModelOptions", i0.ɵɵpureFunction0(36, _c3$1))("placeholder", ctx.placeholder)("required", ctx.required)("size", ctx.size)("min", ctx.min)("max", ctx.max)("step", ctx.step)("type", ctx.type);
+            i0.ɵɵproperty("autocomplete", ctx.autocomplete ? "on" : "off")("disabled", ctx.disabled)("id", ctx.id)("maxlength", ctx.maxlength)("name", ctx.name)("ngClass", i0.ɵɵpureFunction6(29, _c2$1, ctx.opacity === false, ctx.shadow, ctx.large, ctx.small, ctx.widget, ctx.forms))("ngModelOptions", i0.ɵɵpureFunction0(36, _c3$1))("placeholder", ctx.placeholder)("required", ctx.required)("size", ctx.size)("min", ctx.min)("max", ctx.max)("step", ctx.step)("type", ctx.type);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(37, _c4, ctx.display));
             i0.ɵɵattribute("title", i0.ɵɵpipeBind1(5, 23, "Reset"));
@@ -5579,7 +5591,7 @@ class InlineMessageComponent {
 
 const _c0$3 = ["buttons"];
 const _c1$2 = [[["", "arrow", ""]], [["", "header", ""]], [["", "buttons", ""]], [["", "body", ""]]];
-const _c2$1 = ["[arrow]", "[header]", "[buttons]", "[body]"];
+const _c2 = ["[arrow]", "[header]", "[buttons]", "[body]"];
 const _c3 = a0 => ({ arrow: true, close: a0 });
 function ContentToggleComponent_in_svg_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "in-svg", 9);
@@ -5625,7 +5637,7 @@ class ContentToggleComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.elementButtons = _t.first);
-        } }, inputs: { label: "label", defaultOpen: "defaultOpen", isOpen: "isOpen", icon: "icon", manualArrow: "manualArrow" }, outputs: { toggle: "toggle" }, standalone: false, ngContentSelectors: _c2$1, decls: 13, vars: 7, consts: [["buttons", ""], ["tabIndex", "1", 1, "block", 3, "click"], [3, "ngClass"], ["width", "48px", "height", "48px", 3, "src", 4, "ngIf"], [1, "label"], ["class", "label-icon", 3, "src", 4, "ngIf"], [1, "counter"], [1, "buttons"], ["class", "container", 4, "ngIf"], ["width", "48px", "height", "48px", 3, "src"], [1, "label-icon", 3, "src"], [1, "container"]], template: function ContentToggleComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { label: "label", defaultOpen: "defaultOpen", isOpen: "isOpen", icon: "icon", manualArrow: "manualArrow" }, outputs: { toggle: "toggle" }, standalone: false, ngContentSelectors: _c2, decls: 13, vars: 7, consts: [["buttons", ""], ["tabIndex", "1", 1, "block", 3, "click"], [3, "ngClass"], ["width", "48px", "height", "48px", 3, "src", 4, "ngIf"], [1, "label"], ["class", "label-icon", 3, "src", 4, "ngIf"], [1, "counter"], [1, "buttons"], ["class", "container", 4, "ngIf"], ["width", "48px", "height", "48px", 3, "src"], [1, "label-icon", 3, "src"], [1, "container"]], template: function ContentToggleComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵprojectionDef(_c1$2);
             i0.ɵɵelementStart(0, "div", 1);
@@ -6075,7 +6087,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$2.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$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}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinkComponent, [{
         type: Component,
@@ -6379,7 +6391,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$3.Select, i2.PrimeTemplate], styles: [".in-dropdown[_ngcontent-%COMP%]{width:100%;margin-bottom:0}"] }); }
+        } }, 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}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownComponent, [{
         type: Component,