@inspark/inspark-components 19.0.48 → 19.0.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AfterContentInit, EventEmitter, QueryList, TemplateRef } from '@angular/core';
|
|
2
|
+
import { TreeTable } from 'primeng/treetable';
|
|
2
3
|
import { InsparkTemplate } from '../inspark.shared';
|
|
3
4
|
import { TableRowData } from '../../utils/hybrid/prime-table/table-row-data.model';
|
|
4
5
|
import { TableColumns } from '../../interface';
|
|
@@ -10,6 +11,7 @@ import * as i4 from "@ngx-translate/core";
|
|
|
10
11
|
import * as i5 from "@angular/forms";
|
|
11
12
|
import * as i6 from "../table/table.component";
|
|
12
13
|
export declare class TreeTableComponent implements AfterContentInit {
|
|
14
|
+
dt: TreeTable;
|
|
13
15
|
columns: TableColumns[];
|
|
14
16
|
scrollHeight: string;
|
|
15
17
|
scrollable: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-table.component.d.ts","sourceRoot":"","sources":["../../../../../projects/inspark-components/src/components/tree-table/tree-table.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAGhB,YAAY,EAIZ,SAAS,EACT,WAAW,
|
|
1
|
+
{"version":3,"file":"tree-table.component.d.ts","sourceRoot":"","sources":["../../../../../projects/inspark-components/src/components/tree-table/tree-table.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -657,12 +657,12 @@ class TableColumnsMultiselectComponent {
|
|
|
657
657
|
}] }); })();
|
|
658
658
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TableColumnsMultiselectComponent, { className: "TableColumnsMultiselectComponent", filePath: "components/table/table-columns-multiselect/table-columns-multiselect.component.ts", lineNumber: 10 }); })();
|
|
659
659
|
|
|
660
|
-
const _c0$
|
|
660
|
+
const _c0$h = [[["", "buttons", ""]]];
|
|
661
661
|
const _c1$b = ["[buttons]"];
|
|
662
662
|
const _c2$6 = a0 => ({ columns: a0 });
|
|
663
663
|
const _c3$5 = a0 => ({ $implicit: a0 });
|
|
664
664
|
const _c4$3 = (a0, a1) => ({ $implicit: a0, columns: a1 });
|
|
665
|
-
const _c5$
|
|
665
|
+
const _c5$2 = () => ({ width: "100%", overflow: "visible" });
|
|
666
666
|
const _c6 = (a0, a1, a2) => ({ rowIndex: a0, rowData: a1, columns: a2 });
|
|
667
667
|
const _c7 = a0 => ({ row_active: a0 });
|
|
668
668
|
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 });
|
|
@@ -802,7 +802,7 @@ function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_d
|
|
|
802
802
|
let tmp_11_0;
|
|
803
803
|
const col_r8 = i0.ɵɵnextContext().$implicit;
|
|
804
804
|
const ctx_r1 = i0.ɵɵnextContext(5);
|
|
805
|
-
i0.ɵɵstyleMap(i0.ɵɵpureFunction0(3, _c5$
|
|
805
|
+
i0.ɵɵstyleMap(i0.ɵɵpureFunction0(3, _c5$2));
|
|
806
806
|
i0.ɵɵproperty("options", (tmp_11_0 = ctx_r1.colFilter(col_r8.field)) == null ? null : tmp_11_0.options);
|
|
807
807
|
} }
|
|
808
808
|
function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_multiSelect_3_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -815,7 +815,7 @@ function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_m
|
|
|
815
815
|
let tmp_12_0;
|
|
816
816
|
const col_r8 = i0.ɵɵnextContext().$implicit;
|
|
817
817
|
const ctx_r1 = i0.ɵɵnextContext(5);
|
|
818
|
-
i0.ɵɵstyleMap(i0.ɵɵpureFunction0(6, _c5$
|
|
818
|
+
i0.ɵɵstyleMap(i0.ɵɵpureFunction0(6, _c5$2));
|
|
819
819
|
i0.ɵɵpropertyInterpolate("defaultLabel", i0.ɵɵpipeBind1(1, 4, "All"));
|
|
820
820
|
i0.ɵɵproperty("options", (tmp_12_0 = ctx_r1.colFilter(col_r8.field)) == null ? null : tmp_12_0.options);
|
|
821
821
|
} }
|
|
@@ -1652,7 +1652,7 @@ class TableComponent {
|
|
|
1652
1652
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dt = _t.first);
|
|
1653
1653
|
} }, 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) {
|
|
1654
1654
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
1655
|
-
i0.ɵɵprojectionDef(_c0$
|
|
1655
|
+
i0.ɵɵprojectionDef(_c0$h);
|
|
1656
1656
|
i0.ɵɵtemplate(0, TableComponent_span_0_Template, 4, 3, "span", 3);
|
|
1657
1657
|
i0.ɵɵelementStart(1, "p-table", 4, 0);
|
|
1658
1658
|
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); });
|
|
@@ -2280,11 +2280,12 @@ class TooltipComponent {
|
|
|
2280
2280
|
}], () => [], null); })();
|
|
2281
2281
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TooltipComponent, { className: "TooltipComponent", filePath: "components/tooltip/tooltip.component.ts", lineNumber: 10 }); })();
|
|
2282
2282
|
|
|
2283
|
-
const _c0$
|
|
2284
|
-
const _c1$7 = a0 => ({
|
|
2285
|
-
const _c2$5 =
|
|
2286
|
-
const _c3$4 = a0 => ({
|
|
2287
|
-
const _c4$2 =
|
|
2283
|
+
const _c0$g = ["dt"];
|
|
2284
|
+
const _c1$7 = a0 => ({ row_active: a0 });
|
|
2285
|
+
const _c2$5 = a0 => ({ "p-treetable-tbody-content_has-toggler ": a0 });
|
|
2286
|
+
const _c3$4 = (a0, a1) => ({ data: a0, col: a1 });
|
|
2287
|
+
const _c4$2 = a0 => ({ $implicit: a0 });
|
|
2288
|
+
const _c5$1 = () => ({ standalone: true });
|
|
2288
2289
|
function TreeTableComponent_ng_template_2_col_1_Template(rf, ctx) { if (rf & 1) {
|
|
2289
2290
|
i0.ɵɵelement(0, "col", 9);
|
|
2290
2291
|
} }
|
|
@@ -2406,11 +2407,11 @@ function TreeTableComponent_ng_template_4_td_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
2406
2407
|
i0.ɵɵproperty("ngIf", i_r14 == 0);
|
|
2407
2408
|
i0.ɵɵadvance();
|
|
2408
2409
|
i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind2(4, 6, rowData_r9, col_r13.field));
|
|
2409
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9,
|
|
2410
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c2$5, i_r14 == 0));
|
|
2410
2411
|
i0.ɵɵadvance(2);
|
|
2411
2412
|
i0.ɵɵproperty("ngIf", !ctx_r2.valueTemplate);
|
|
2412
2413
|
i0.ɵɵadvance();
|
|
2413
|
-
i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(14,
|
|
2414
|
+
i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(14, _c4$2, i0.ɵɵpureFunction2(11, _c3$4, rowData_r9, col_r13)));
|
|
2414
2415
|
} }
|
|
2415
2416
|
function TreeTableComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
|
|
2416
2417
|
i0.ɵɵelementStart(0, "tr", 15);
|
|
@@ -2421,7 +2422,7 @@ function TreeTableComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
2421
2422
|
const rowData_r9 = ctx.rowData;
|
|
2422
2423
|
const rowNode_r10 = ctx.$implicit;
|
|
2423
2424
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
2424
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4,
|
|
2425
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$7, ctx_r2.isRowActive(rowData_r9)))("ttSelectableRow", rowNode_r10);
|
|
2425
2426
|
i0.ɵɵadvance();
|
|
2426
2427
|
i0.ɵɵproperty("ngIf", ctx_r2.checkboxSelection);
|
|
2427
2428
|
i0.ɵɵadvance();
|
|
@@ -2563,7 +2564,7 @@ function TreeTableComponent_5_ng_template_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
2563
2564
|
i0.ɵɵadvance(5);
|
|
2564
2565
|
i0.ɵɵpropertyInterpolate("placeholder", i0.ɵɵpipeBind1(7, 13, "SHARED.SEARCH") + ":");
|
|
2565
2566
|
i0.ɵɵtwoWayProperty("ngModel", ctx_r2.searchText);
|
|
2566
|
-
i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(17,
|
|
2567
|
+
i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(17, _c5$1));
|
|
2567
2568
|
i0.ɵɵadvance(3);
|
|
2568
2569
|
i0.ɵɵattribute("title", i0.ɵɵpipeBind1(9, 15, "Reset"));
|
|
2569
2570
|
i0.ɵɵadvance(4);
|
|
@@ -2666,21 +2667,35 @@ class TreeTableComponent {
|
|
|
2666
2667
|
return selectedCount > 0 && selectedCount < descKeys.length;
|
|
2667
2668
|
}
|
|
2668
2669
|
_isAllSelected() {
|
|
2669
|
-
|
|
2670
|
+
const data = this.dt?.filteredNodes ?? this.values;
|
|
2671
|
+
if (!data || data.length === 0) {
|
|
2670
2672
|
return false;
|
|
2671
2673
|
}
|
|
2672
|
-
|
|
2674
|
+
const allKeys = data.flatMap(node => this._flattenTree(node)).map(row => {
|
|
2675
|
+
const key = this.dataKey || 'id';
|
|
2676
|
+
return row?.[key] ?? row;
|
|
2677
|
+
});
|
|
2678
|
+
return allKeys.length > 0 && allKeys.every(k => this._selectionSet.has(k));
|
|
2673
2679
|
}
|
|
2674
2680
|
_onHeaderCheckboxChange(event) {
|
|
2675
2681
|
const checked = event.target.checked;
|
|
2676
2682
|
const key = this.dataKey || 'id';
|
|
2683
|
+
const data = this.dt?.filteredNodes ?? this.values;
|
|
2677
2684
|
if (checked) {
|
|
2678
|
-
|
|
2679
|
-
|
|
2685
|
+
const newKeys = (data || []).flatMap(node => this._flattenTree(node)).map(row => row?.[key] ?? row);
|
|
2686
|
+
newKeys.forEach(k => this._selectionSet.add(k));
|
|
2687
|
+
const existing = new Set((this._selection || []).map((i) => (i?.data ?? i)?.[key]));
|
|
2688
|
+
const toAdd = (data || []).flatMap(node => this._flattenTreeNodes(node))
|
|
2689
|
+
.filter((n) => !existing.has((n?.data ?? n)?.[key]));
|
|
2690
|
+
this._selection = [...(this._selection || []), ...toAdd];
|
|
2680
2691
|
}
|
|
2681
2692
|
else {
|
|
2682
|
-
|
|
2683
|
-
|
|
2693
|
+
const keysToRemove = new Set((data || []).flatMap(node => this._flattenTree(node)).map(row => row?.[key] ?? row));
|
|
2694
|
+
keysToRemove.forEach(k => this._selectionSet.delete(k));
|
|
2695
|
+
this._selection = (this._selection || []).filter((item) => {
|
|
2696
|
+
const d = item?.data ?? item;
|
|
2697
|
+
return !keysToRemove.has(d?.[key] ?? d);
|
|
2698
|
+
});
|
|
2684
2699
|
}
|
|
2685
2700
|
this.selectionValue = this._selection;
|
|
2686
2701
|
}
|
|
@@ -2850,6 +2865,11 @@ class TreeTableComponent {
|
|
|
2850
2865
|
} if (rf & 2) {
|
|
2851
2866
|
let _t;
|
|
2852
2867
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
|
|
2868
|
+
} }, viewQuery: function TreeTableComponent_Query(rf, ctx) { if (rf & 1) {
|
|
2869
|
+
i0.ɵɵviewQuery(_c0$g, 5);
|
|
2870
|
+
} if (rf & 2) {
|
|
2871
|
+
let _t;
|
|
2872
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dt = _t.first);
|
|
2853
2873
|
} }, inputs: { columns: "columns", 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", values: "values", selection: "selection" }, outputs: { activeChange: "activeChange", selectionChange: "selectionChange", addAction: "addAction", csvAction: "csvAction", saveAction: "saveAction", collapseAction: "collapseAction", removeAction: "removeAction", unlinkAction: "unlinkAction", groupEditAction: "groupEditAction", groupAddAction: "groupAddAction" }, standalone: false, decls: 6, vars: 14, consts: [["dt", ""], ["searchTextInput", ""], ["columnResizeMode", "expand", 3, "selectionChange", "selection", "columns", "resizableColumns", "scrollHeight", "scrollable", "selectionMode", "sortField", "sortOrder", "value"], ["pTemplate", "colgroup"], ["pTemplate", "header"], ["pTemplate", "body"], [4, "ngIf"], ["style", "width:44px;", 4, "ngIf"], [3, "width", 4, "ngFor", "ngForOf"], [2, "width", "44px"], ["class", "u-position-relative", "ttResizableColumn", "", 3, "ttSortableColumn", 4, "ngFor", "ngForOf"], ["type", "checkbox", 1, "in-table-checkbox", 3, "change", "click", "checked"], ["ttResizableColumn", "", 1, "u-position-relative", 3, "ttSortableColumn"], [1, "p-treetable-thead-title", 3, "title"], [1, "p-sortable-column-buttons", 3, "field"], [1, "row", 3, "ngClass", "ttSelectableRow"], ["class", "_u-overflow-visible", 3, "click", 4, "ngFor", "ngForOf"], ["type", "checkbox", 1, "in-table-checkbox", 3, "change", "click", "checked", "indeterminate"], [1, "_u-overflow-visible", 3, "click"], [1, "", 2, "display", "flex", "flex-wrap", "nowrap"], [3, "ngIf"], [1, "p-treetable-tbody-content", "cell-content_hover", 2, "flex-grow", "1", 3, "ngClass", "title"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [2, "align-self", "center", 3, "rowNode"], ["class", "u-margin-right-tiny", 3, "ngClass", 4, "ngIf"], [1, "u-margin-right-tiny", 3, "ngClass"], ["pTemplate", "caption"], [1, "o-grid", "o-grid_no-gutter"], [1, "c-tree-table__toolbar-content", "u-display-inline-flex"], [1, "c-form", "c-form_inline", "u-display-inline-block"], [1, "c-label"], [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, "columnsChange", "columns"], ["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"], [1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "click", "disabled"], [1, "in", "in-plus", 3, "title"], [1, "in", "in-folder-closed", 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"], ["title", "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u043A\u0430\u043A CSV", 1, "in", "in-file-excel-outline"], [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"], ["xmlns", "http://www.w3.org/2000/svg", "width", "24", "height", "24", "fill", "currentColor", "viewBox", "0 0 24 24", 4, "ngIf"], ["xmlns", "http://www.w3.org/2000/svg", "width", "24", "height", "24", "fill", "currentColor", "viewBox", "0 0 24 24"], ["d", "M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z"], ["fill-rule", "evenodd", "d", "M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z", "clip-rule", "evenodd"]], template: function TreeTableComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2854
2874
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
2855
2875
|
i0.ɵɵelementStart(0, "p-treeTable", 2, 0);
|
|
@@ -2868,7 +2888,10 @@ class TreeTableComponent {
|
|
|
2868
2888
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeTableComponent, [{
|
|
2869
2889
|
type: Component,
|
|
2870
2890
|
args: [{ standalone: false, selector: 'in-tree-table', template: "<p-treeTable #dt\r\n [(selection)]=\"selectionValue\"\r\n [class]=\"class\"\r\n [columns]=\"visibleColumns()\"\r\n [resizableColumns]=\"true\"\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 [style]=\"style\"\r\n [value]=\"values\"\r\n columnResizeMode=\"expand\"\r\n>\r\n <ng-template let-columns pTemplate=\"colgroup\">\r\n <colgroup>\r\n <col *ngIf=\"checkboxSelection\" style=\"width:44px;\">\r\n <col *ngFor=\"let col of visibleColumns()\" [style.width]=\"col.width ? col.width : '10px'\">\r\n </colgroup>\r\n </ng-template>\r\n <ng-template let-columns pTemplate=\"header\">\r\n <tr>\r\n <th *ngIf=\"checkboxSelection\">\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 columns; let i = index\" [ttSortableColumn]=\"col.field\" class=\"u-position-relative\"\r\n ttResizableColumn>\r\n <div class=\"p-treetable-thead-title\" title=\"{{col.label | translate}}\">\r\n {{col.label | translate}}\r\n </div>\r\n <p-treeTableSortIcon [field]=\"col.field\" class=\"p-sortable-column-buttons\"></p-treeTableSortIcon>\r\n </th>\r\n </tr>\r\n </ng-template>\r\n\r\n <ng-template let-columns=\"columns\" let-rowData=\"rowData\" let-rowNode pTemplate=\"body\">\r\n <tr [ngClass]=\"{row_active: isRowActive(rowData)}\" [ttSelectableRow]=\"rowNode\" class=\"row\">\r\n <td *ngIf=\"checkboxSelection\">\r\n <!-- rowData = plain data; rowNode = PrimeNG wrapper used for selection cascade -->\r\n <input type=\"checkbox\"\r\n class=\"in-table-checkbox\"\r\n [checked]=\"_isRowSelected(rowData)\"\r\n [indeterminate]=\"_isIndeterminate(rowData)\"\r\n (change)=\"_onCheckboxChange($event, rowNode, rowData)\"\r\n (click)=\"$event.stopPropagation()\"\r\n >\r\n </td>\r\n <td (click)=\"activeChange.emit(rowData)\" *ngFor=\"let col of columns; let i = index\"\r\n class=\"_u-overflow-visible\">\r\n <div class=\"\" style=\"display: flex; flex-wrap: nowrap;\">\r\n <ng-template [ngIf]=\"i == 0\">\r\n <p-treeTableToggler [rowNode]=\"rowNode\" style=\"align-self: center;\"></p-treeTableToggler>\r\n </ng-template>\r\n <div [ngClass]=\"{ 'p-treetable-tbody-content_has-toggler ': i == 0 }\"\r\n class=\"p-treetable-tbody-content cell-content_hover\"\r\n style=\"flex-grow: 1;\"\r\n title=\"{{rowData | propertyValue: col.field}}\">\r\n <ng-container *ngIf=\"!valueTemplate\">\r\n <i *ngIf=\"rowData.icon && i == 0\" [ngClass]=\"rowData.icon\" class=\"u-margin-right-tiny\"></i>\r\n {{rowData | propertyValue: col.field}}\r\n </ng-container>\r\n\r\n <ng-container\r\n *ngTemplateOutlet=\"valueTemplate; context: {$implicit: { data: rowData, col: col}}\"></ng-container>\r\n </div>\r\n </div>\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 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)=\"dt.filterGlobal($any($event.target).value, 'contains')\"\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)=\"dt.filterGlobal($any($event.target).value, 'contains')\" 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]=\"columns\"></in-table-columns-multiselect>\r\n </div>\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]=\"toolbar.add.title || '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C'\"></i>\r\n </button>\r\n\r\n <button (click)=\"groupAddAction.emit($event)\" *ngIf=\"toolbar.groupAdd\" [disabled]=\"toolbar.groupAdd.disabled\"\r\n class=\"c-btn c-btn_border-free c-btn_small\"\r\n >\r\n <i class=\"in in-folder-closed\" [title]=\"toolbar.groupAdd.title || '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0433\u0440\u0443\u043F\u043F\u0443'\"></i>\r\n </button>\r\n\r\n\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 <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]=\"toolbar.remove?.title || '\u0423\u0434\u0430\u043B\u0438\u0442\u044C'\"></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)=\"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=\"\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u043A\u0430\u043A CSV\"></i>\r\n </button>\r\n <button *ngIf=\"toolbar.collapse\"\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 (click)=\"collapse($event, dt)\"\r\n title=\"{{(isCollapse ? 'Expand all' : 'Collapse all') | translate}}\">\r\n <svg *ngIf=\"isCollapse\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path d=\"M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z\"/>\r\n </svg>\r\n <svg *ngIf=\"!isCollapse\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path fill-rule=\"evenodd\" d=\"M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z\" clip-rule=\"evenodd\"/>\r\n </svg>\r\n </button>\r\n </div>\r\n </div>\r\n </ng-template>\r\n</p-treeTable>\r\n", styles: ["@charset \"UTF-8\";.p-sortable-column{cursor:pointer;position:relative}: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)}.p-sortable-column-buttons{position:absolute;top:0;right:0;width:18px;height:100%;display:inline-flex;align-items:center;z-index:10000}.p-sortable-column-buttons>a{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.u-overflow-visible{overflow:visible!important}.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(--colorIcon)}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}\n"] }]
|
|
2871
|
-
}], null, {
|
|
2891
|
+
}], null, { dt: [{
|
|
2892
|
+
type: ViewChild,
|
|
2893
|
+
args: ['dt']
|
|
2894
|
+
}], columns: [{
|
|
2872
2895
|
type: Input
|
|
2873
2896
|
}], scrollHeight: [{
|
|
2874
2897
|
type: Input
|
|
@@ -2926,7 +2949,7 @@ class TreeTableComponent {
|
|
|
2926
2949
|
}], selection: [{
|
|
2927
2950
|
type: Input
|
|
2928
2951
|
}] }); })();
|
|
2929
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeTableComponent, { className: "TreeTableComponent", filePath: "components/tree-table/tree-table.component.ts", lineNumber:
|
|
2952
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeTableComponent, { className: "TreeTableComponent", filePath: "components/tree-table/tree-table.component.ts", lineNumber: 32 }); })();
|
|
2930
2953
|
class TreeTableComponentModule {
|
|
2931
2954
|
static { this.ɵfac = function TreeTableComponentModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TreeTableComponentModule)(); }; }
|
|
2932
2955
|
static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TreeTableComponentModule }); }
|
|
@@ -4524,7 +4547,7 @@ class InputTextComponent {
|
|
|
4524
4547
|
useExisting: forwardRef(() => InputTextComponent),
|
|
4525
4548
|
multi: true,
|
|
4526
4549
|
}
|
|
4527
|
-
])], decls: 7, vars: 39, consts: [[1, "label", "type_varchars", 3, "ngStyle"], ["class", "c-label__content", 4, "ngIf"], [1, "input-wrapper", "u-margin-right-tiny", 3, "ngClass"], [3, "blur", "change", "focus", "input", "ngModelChange", "ngModel", "autocomplete", "disabled", "id", "maxlength", "name", "ngClass", "ngModelOptions", "placeholder", "required", "size", "min", "max", "step", "type"], ["type", "submit", 1, "button-reset",
|
|
4550
|
+
])], decls: 7, vars: 39, consts: [[1, "label", "type_varchars", 3, "ngStyle"], ["class", "c-label__content", 4, "ngIf"], [1, "input-wrapper", "u-margin-right-tiny", 3, "ngClass"], [3, "blur", "change", "focus", "input", "ngModelChange", "ngModel", "autocomplete", "disabled", "id", "maxlength", "name", "ngClass", "ngModelOptions", "placeholder", "required", "size", "min", "max", "step", "type"], ["type", "submit", 1, "button-reset", 3, "click", "ngClass"], [1, "in", "in-close"], [1, "c-label__content"], ["class", "c-label__req", 4, "ngIf"], ["class", "c-label__sub_is-error", 4, "ngIf"], ["class", "constraints-message__warning u-text_uppercase", 4, "ngIf"], [1, "c-label__req"], [1, "c-label__sub_is-error"], [1, "constraints-message__warning", "u-text_uppercase"]], template: function InputTextComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4528
4551
|
i0.ɵɵelementStart(0, "label", 0);
|
|
4529
4552
|
i0.ɵɵtemplate(1, InputTextComponent_span_1_Template, 5, 4, "span", 1);
|
|
4530
4553
|
i0.ɵɵelementStart(2, "div", 2)(3, "input", 3);
|
|
@@ -4547,7 +4570,7 @@ class InputTextComponent {
|
|
|
4547
4570
|
i0.ɵɵtwoWayProperty("ngModel", ctx.value);
|
|
4548
4571
|
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);
|
|
4549
4572
|
i0.ɵɵadvance();
|
|
4550
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(37, _c4, ctx.
|
|
4573
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(37, _c4, !ctx.value));
|
|
4551
4574
|
i0.ɵɵattribute("title", i0.ɵɵpipeBind1(5, 23, "Reset"));
|
|
4552
4575
|
} }, 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}"] }); }
|
|
4553
4576
|
}
|
|
@@ -4559,7 +4582,7 @@ class InputTextComponent {
|
|
|
4559
4582
|
useExisting: forwardRef(() => InputTextComponent),
|
|
4560
4583
|
multi: true,
|
|
4561
4584
|
}
|
|
4562
|
-
], template: "<label [ngStyle]=\"{width: width}\" class=\"label type_varchars\">\r\n <span *ngIf=\"label\" class=\"c-label__content\">\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 *ngIf=\"maxlength && value && value.length && value.length >= maxlength\"\r\n class=\"constraints-message__warning u-text_uppercase\">\r\n {{'maxlength: ' | translate}} {{maxlength}}</span>\r\n </span>\r\n <div class=\"input-wrapper u-margin-right-tiny\" [ngClass]=\"{'u-margin-right-tiny': right}\">\r\n <input (blur)=\"this.blur.emit($event)\"\r\n (change)=\"onChange($event)\"\r\n (focus)=\"this.focus.emit($event)\"\r\n (input)=\"onChange($event)\"\r\n [(ngModel)]=\"value\"\r\n [autocomplete]=\"autocomplete? 'on':'off'\"\r\n [disabled]=\"disabled\"\r\n [id]=\"id\"\r\n [maxlength]=\"maxlength\"\r\n [name]=\"name\"\r\n [ngClass]=\"{'c-input_opaque' : opacity === false,\r\n 'c-input_shadowed' : shadow,\r\n 'c-input_large' : large,\r\n 'c-input_small' : small,\r\n 'c-input_margin_padding': widget,\r\n 'c-input_padding_right': forms}\"\r\n [ngModelOptions]=\"{standalone: true}\"\r\n [placeholder]=\"placeholder\"\r\n [required]=\"required\"\r\n [size]=\"size\"\r\n [min]=\"min\"\r\n [max]=\"max\"\r\n [step]=\"step\"\r\n class=\"search-box c-input field_{{id}}\"\r\n [type]=\"type\">\r\n <button (click)=\"clear()\"\r\n class=\"button-reset
|
|
4585
|
+
], template: "<label [ngStyle]=\"{width: width}\" class=\"label type_varchars\">\r\n <span *ngIf=\"label\" class=\"c-label__content\">\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 *ngIf=\"maxlength && value && value.length && value.length >= maxlength\"\r\n class=\"constraints-message__warning u-text_uppercase\">\r\n {{'maxlength: ' | translate}} {{maxlength}}</span>\r\n </span>\r\n <div class=\"input-wrapper u-margin-right-tiny\" [ngClass]=\"{'u-margin-right-tiny': right}\">\r\n <input (blur)=\"this.blur.emit($event)\"\r\n (change)=\"onChange($event)\"\r\n (focus)=\"this.focus.emit($event)\"\r\n (input)=\"onChange($event)\"\r\n [(ngModel)]=\"value\"\r\n [autocomplete]=\"autocomplete? 'on':'off'\"\r\n [disabled]=\"disabled\"\r\n [id]=\"id\"\r\n [maxlength]=\"maxlength\"\r\n [name]=\"name\"\r\n [ngClass]=\"{'c-input_opaque' : opacity === false,\r\n 'c-input_shadowed' : shadow,\r\n 'c-input_large' : large,\r\n 'c-input_small' : small,\r\n 'c-input_margin_padding': widget,\r\n 'c-input_padding_right': forms}\"\r\n [ngModelOptions]=\"{standalone: true}\"\r\n [placeholder]=\"placeholder\"\r\n [required]=\"required\"\r\n [size]=\"size\"\r\n [min]=\"min\"\r\n [max]=\"max\"\r\n [step]=\"step\"\r\n class=\"search-box c-input field_{{id}}\"\r\n [type]=\"type\">\r\n <button (click)=\"clear()\"\r\n class=\"button-reset\"\r\n [ngClass]=\"{empty: !value}\"\r\n type=\"submit\"\r\n [attr.title]=\"'Reset' | translate\">\r\n <i class=\"in in-close\"></i>\r\n </button>\r\n </div>\r\n</label>\r\n", styles: ["@charset \"UTF-8\";.label{display:inline-block;margin-bottom:0}.c-input{height:36px;width:100%}.c-input_opaque{background:var(--colorBgLevel3)}.c-input_shadowed{box-shadow:0 2px 6px #0003}.constraints-message__warning{color:red}.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)}.empty{display:none}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}.c-input_margin_padding{margin-left:56px;padding-right:10px;max-width:1200px}.c-input_padding_right{padding-right:28px}\n"] }]
|
|
4563
4586
|
}], null, { name: [{
|
|
4564
4587
|
type: Input
|
|
4565
4588
|
}], autocomplete: [{
|