@microsoft/windows-admin-center-sdk/angular/esm2020/src/controls/data-table/data-table.component.mjs

Microsoft - Windows Admin Center Shell

import { __decorate, __metadata } from "tslib";
import { ChangeDetectorRef, Component, ContentChild, ContentChildren, ElementRef, EventEmitter, Injector, Input, NgZone, Output, QueryList, TemplateRef, ViewChild, ViewChildren } from '@angular/core';
import { Debounce } from '@microsoft/windows-admin-center-sdk/core/base/decorators/debounce.decorators';
import { Yield } from '@microsoft/windows-admin-center-sdk/core/base/decorators/yield.decorator';
import { KeyCode } from '@microsoft/windows-admin-center-sdk/core/data/accessibility-manager';
import { CoreEnvironment } from '@microsoft/windows-admin-center-sdk/core/data/core-environment';
import { LogLevel } from '@microsoft/windows-admin-center-sdk/core/diagnostics/log-level';
import { Logging } from '@microsoft/windows-admin-center-sdk/core/diagnostics/logging';
import { Dom } from '@microsoft/windows-admin-center-sdk/core/dom/dom';
import { fromEvent } from 'rxjs';
import { SME_LAYOUT_PROVIDER } from '../common/layout';
import { SpacerBaseDirective } from '../common/spacer-base.component';
import { SearchFormFieldComponent } from '../form/form-field/search/search-form-field.component';
import { QueryDataItemValueType, QueryDataOperand } from '../query-editor/query-editor-contract';
import { DataTableAccessibilityManager } from './data-table-accessibility-manager';
import { DataTableColumnComponent } from './data-table-column.component';
import { DataTableMultipleSelectMode, DataTableRenderedItemType, DataTableSortMode } from './data-table-contract';
import { DataTableResponsiveWindowManager } from './data-table-responsive-window-manager';
import { DataTableTemplateLoaderComponent } from './data-table-template-loader.component';
import { PxConverter } from './helpers/px-converter';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../resizer/resizer.component";
import * as i3 from "../loading-wheel/loading-wheel.component";
import * as i4 from "../tooltip/tooltip.directive";
import * as i5 from "../form/validation-alert/validation-alert.component";
import * as i6 from "./data-table-template-loader.component";
const _c0 = ["group"];
const _c1 = ["resizerIndicator"];
const _c2 = ["header"];
const _c3 = ["headerTable"];
const _c4 = ["content"];
const _c5 = ["scrollContainer"];
const _c6 = ["tempRow"];
const _c7 = ["scrollBody"];
const _c8 = ["scrollAboveData"];
const _c9 = ["scrollData"];
const _c10 = ["emptyMessage"];
const _c11 = ["lastFocusableShadowElement"];
function DataTableComponent_div_6_Template(rf, ctx) { if (rf & 1) {
    const _r17 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 29)(1, "input", 30);
    i0.ɵɵlistener("change", function DataTableComponent_div_6_Template_input_change_1_listener() { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.onAllItemCheckBoxClicked()); });
    i0.ɵɵelementEnd();
    i0.ɵɵelement(2, "label", 31);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("checked", ctx_r2.shouldAllItemCheckBoxChecked());
    i0.ɵɵattribute("aria-label", ctx_r2.getAllItemCheckBoxAriaLabel())("aria-checked", ctx_r2.shouldAllItemCheckBoxChecked() ? "true" : "false");
} }
const _c12 = function (a0, a1) { return { "sme-icon-up": a0, "sme-icon-down": a1 }; };
function DataTableComponent_div_7_div_1_Template(rf, ctx) { if (rf & 1) {
    const _r26 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 37);
    i0.ɵɵlistener("click", function DataTableComponent_div_7_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r26); const column_r18 = i0.ɵɵnextContext().$implicit; const ctx_r24 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r24.clickColumn(column_r18)); });
    i0.ɵɵelementStart(1, "span");
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵelement(3, "span", 38);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r18 = i0.ɵɵnextContext().$implicit;
    const ctx_r20 = i0.ɵɵnextContext();
    i0.ɵɵproperty("title", column_r18.header);
    i0.ɵɵattribute("aria-sort", ctx_r20.columnSortSettings[column_r18.header]);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(column_r18.header);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(5, _c12, column_r18.sortMode === ctx_r20.sortModeEnum.Ascend, column_r18.sortMode === ctx_r20.sortModeEnum.Descend));
    i0.ɵɵattribute("aria-label", column_r18.sortable ? ctx_r20.getSortLabel(column_r18) : null);
} }
function DataTableComponent_div_7_div_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 39)(1, "span");
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵelement(3, "span", 38);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r18 = i0.ɵɵnextContext().$implicit;
    const ctx_r21 = i0.ɵɵnextContext();
    i0.ɵɵproperty("title", column_r18.header);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(column_r18.header);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(4, _c12, column_r18.sortMode === ctx_r21.sortModeEnum.Ascend, column_r18.sortMode === ctx_r21.sortModeEnum.Descend));
    i0.ɵɵattribute("aria-label", column_r18.sortable ? ctx_r21.getSortLabel(column_r18) : null);
} }
function DataTableComponent_div_7_div_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "div", 40);
} }
function DataTableComponent_div_7_sme_resizer_4_Template(rf, ctx) { if (rf & 1) {
    const _r31 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "sme-resizer", 41);
    i0.ɵɵlistener("resized", function DataTableComponent_div_7_sme_resizer_4_Template_sme_resizer_resized_0_listener($event) { i0.ɵɵrestoreView(_r31); const colIndex_r19 = i0.ɵɵnextContext().index; const ctx_r29 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r29.onColumnResized(colIndex_r19, $event)); })("resizing", function DataTableComponent_div_7_sme_resizer_4_Template_sme_resizer_resizing_0_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r32 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r32.onColumnResizing($event)); });
    i0.ɵɵelementEnd();
} if (rf & 2) {
    i0.ɵɵproperty("focusable", false)("visibleToScreenReader", true)("showResizerCover", false);
} }
const _c13 = function (a0) { return { "width": a0 }; };
function DataTableComponent_div_7_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 32);
    i0.ɵɵtemplate(1, DataTableComponent_div_7_div_1_Template, 4, 8, "div", 33);
    i0.ɵɵtemplate(2, DataTableComponent_div_7_div_2_Template, 4, 7, "div", 34);
    i0.ɵɵtemplate(3, DataTableComponent_div_7_div_3_Template, 1, 0, "div", 35);
    i0.ɵɵtemplate(4, DataTableComponent_div_7_sme_resizer_4_Template, 1, 3, "sme-resizer", 36);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r18 = ctx.$implicit;
    const colIndex_r19 = ctx.index;
    const ctx_r3 = i0.ɵɵnextContext();
    i0.ɵɵclassMapInterpolate1("sme-table-caption sme-table-column-header sme-position-flex-auto ", column_r18.styleClass, "");
    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(11, _c13, column_r18.width));
    i0.ɵɵattribute("field", column_r18.field)("data-uta-id", column_r18.utaId)("column-index", colIndex_r19);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", column_r18.sortable && column_r18.sortable != "false" && ctx_r3.showHeader);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !(column_r18.sortable && column_r18.sortable != "false") && ctx_r3.showHeader);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !ctx_r3.showHeader);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", colIndex_r19 !== ctx_r3.actualColumns.length - 1 && ctx_r3.showHeader);
} }
function DataTableComponent_div_12_sme_loading_wheel_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "sme-loading-wheel", 47);
} if (rf & 2) {
    const ctx_r34 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("message", ctx_r34.loadingMessage);
} }
function DataTableComponent_div_12_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 42, 43);
    i0.ɵɵtemplate(2, DataTableComponent_div_12_sme_loading_wheel_2_Template, 1, 1, "sme-loading-wheel", 44);
    i0.ɵɵelementStart(3, "div", 45);
    i0.ɵɵtext(4, "\u00A0");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(5, "div", 46);
    i0.ɵɵtext(6);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const ctx_r6 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", ctx_r6.isLoading || !ctx_r6.isColumnWidthCalculated);
    i0.ɵɵadvance(4);
    i0.ɵɵtextInterpolate(ctx_r6.getNoRecordsMessage());
} }
function DataTableComponent_div_17_div_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 53);
    i0.ɵɵelement(1, "input", 54)(2, "label", 31);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const renderedItem_r35 = i0.ɵɵnextContext().$implicit;
    const ctx_r37 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("checked", ctx_r37.isItemSelected(renderedItem_r35));
} }
function DataTableComponent_div_17_div_5_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 62);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const renderedItem_r35 = i0.ɵɵnextContext(2).$implicit;
    const ctx_r42 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", ctx_r42.getAdditionalScreenRecorderContent(renderedItem_r35), "");
} }
const _c14 = function (a0, a1) { return { "sme-icon-chevronDown": a0, "sme-icon-chevronRight": a1 }; };
function DataTableComponent_div_17_div_5_div_2_span_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "span", 65);
} if (rf & 2) {
    const renderedItem_r35 = i0.ɵɵnextContext(3).$implicit;
    const ctx_r49 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c14, ctx_r49.isGroupExpanded(renderedItem_r35.data), !ctx_r49.isGroupExpanded(renderedItem_r35.data)));
} }
function DataTableComponent_div_17_div_5_div_2_span_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "span");
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const renderedItem_r35 = i0.ɵɵnextContext(3).$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", renderedItem_r35.data, " ");
} }
function DataTableComponent_div_17_div_5_div_2_span_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "span");
    i0.ɵɵelement(1, "sme-data-table-template-loader", 66);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const renderedItem_r35 = i0.ɵɵnextContext(3).$implicit;
    const ctx_r51 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("template", ctx_r51.groupHeaderTemplate)("data", renderedItem_r35.data);
} }
function DataTableComponent_div_17_div_5_div_2_Template(rf, ctx) { if (rf & 1) {
    const _r57 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 63);
    i0.ɵɵlistener("click", function DataTableComponent_div_17_div_5_div_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r57); const renderedItem_r35 = i0.ɵɵnextContext(2).$implicit; const ctx_r55 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r55.clickGroupToggle(renderedItem_r35)); });
    i0.ɵɵtemplate(1, DataTableComponent_div_17_div_5_div_2_span_1_Template, 1, 4, "span", 64);
    i0.ɵɵtemplate(2, DataTableComponent_div_17_div_5_div_2_span_2_Template, 2, 1, "span", 61);
    i0.ɵɵtemplate(3, DataTableComponent_div_17_div_5_div_2_span_3_Template, 2, 2, "span", 61);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r43 = i0.ɵɵnextContext(3);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r43.useGroupToggle);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !ctx_r43.groupHeaderTemplate);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r43.groupHeaderTemplate);
} }
const _c15 = function (a0) { return { "padding-left": a0 }; };
const _c16 = function (a0) { return { "sme-expandable": a0 }; };
function DataTableComponent_div_17_div_5_div_3_Template(rf, ctx) { if (rf & 1) {
    const _r60 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 67)(1, "span", 68);
    i0.ɵɵlistener("click", function DataTableComponent_div_17_div_5_div_3_Template_span_click_1_listener($event) { i0.ɵɵrestoreView(_r60); const renderedItem_r35 = i0.ɵɵnextContext(2).$implicit; const ctx_r58 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r58.clickTreeToggle($event, renderedItem_r35)); });
    i0.ɵɵelementEnd();
    i0.ɵɵelement(2, "span", 69);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const renderedItem_r35 = i0.ɵɵnextContext(2).$implicit;
    const ctx_r44 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c15, renderedItem_r35.depth * 16 + 4 + "px"))("ngClass", i0.ɵɵpureFunction1(7, _c16, renderedItem_r35.hasChildren && !renderedItem_r35.node.isLeaf));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(9, _c14, renderedItem_r35.node.expanded, !renderedItem_r35.node.expanded));
    i0.ɵɵattribute("aria-expanded", renderedItem_r35.node.expanded ? "true" : "false")("aria-label", renderedItem_r35.node.expanded ? ctx_r44.strings.MsftSmeShell.Angular.DataTable.aria.label.collapse : ctx_r44.strings.MsftSmeShell.Angular.DataTable.aria.label.expand);
} }
function DataTableComponent_div_17_div_5_div_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 70);
    i0.ɵɵelement(1, "sme-loading-wheel", 71)(2, "span", 69);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const renderedItem_r35 = i0.ɵɵnextContext(2).$implicit;
    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(3, _c15, renderedItem_r35.depth * 16 + 4 + "px"));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("inline", true)("isBackgroundTransparent", true);
} }
function DataTableComponent_div_17_div_5_div_5_Template(rf, ctx) { if (rf & 1) {
    const _r65 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 72)(1, "div", 53)(2, "input", 73);
    i0.ɵɵlistener("change", function DataTableComponent_div_17_div_5_div_5_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r65); const renderedItem_r35 = i0.ɵɵnextContext(2).$implicit; const ctx_r63 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r63.onItemCheckBoxClicked(renderedItem_r35)); });
    i0.ɵɵelementEnd();
    i0.ɵɵelement(3, "label", 31);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const renderedItem_r35 = i0.ɵɵnextContext(2).$implicit;
    const ctx_r46 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("checked", ctx_r46.isItemSelected(renderedItem_r35));
} }
function DataTableComponent_div_17_div_5_ng_container_6_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 24);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r40 = i0.ɵɵnextContext(2).$implicit;
    const renderedItem_r35 = i0.ɵɵnextContext().$implicit;
    const ctx_r67 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("sme-table-cell-full-height", ctx_r67.autoRowHeight);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", renderedItem_r35.data ? ctx_r67.resolveObjectPath(renderedItem_r35.data, column_r40.field) : ".", " ");
} }
function DataTableComponent_div_17_div_5_ng_container_6_div_2_sme_data_table_template_loader_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "sme-data-table-template-loader", 77);
} if (rf & 2) {
    const column_r40 = i0.ɵɵnextContext(3).$implicit;
    const ctx_r73 = i0.ɵɵnextContext();
    const renderedItem_r35 = ctx_r73.$implicit;
    const rowIndex_r36 = ctx_r73.index;
    i0.ɵɵproperty("template", column_r40.bodyTemplate)("data", renderedItem_r35.data)("rowIndex", rowIndex_r36);
} }
function DataTableComponent_div_17_div_5_ng_container_6_div_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 24);
    i0.ɵɵtemplate(1, DataTableComponent_div_17_div_5_ng_container_6_div_2_sme_data_table_template_loader_1_Template, 1, 3, "sme-data-table-template-loader", 76);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const renderedItem_r35 = i0.ɵɵnextContext(3).$implicit;
    const ctx_r68 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("sme-table-cell-full-height", ctx_r68.autoRowHeight)("sme-table-cell-height-auto", ctx_r68.autoRowHeight);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !renderedItem_r35.data.placeholder);
} }
function DataTableComponent_div_17_div_5_ng_container_6_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, DataTableComponent_div_17_div_5_ng_container_6_div_1_Template, 2, 3, "div", 74);
    i0.ɵɵtemplate(2, DataTableComponent_div_17_div_5_ng_container_6_div_2_Template, 2, 5, "div", 75);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const column_r40 = i0.ɵɵnextContext().$implicit;
    const renderedItem_r35 = i0.ɵɵnextContext().$implicit;
    const ctx_r47 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !column_r40.bodyTemplate && renderedItem_r35.type != ctx_r47.renderedItemTypeEnum.GroupHeader);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", renderedItem_r35.type != ctx_r47.renderedItemTypeEnum.GroupHeader && renderedItem_r35.data && column_r40.bodyTemplate);
} }
const _c17 = function (a0, a1) { return { "sme-table-column-first": a0, "sme-table-group-header-cell": a1 }; };
function DataTableComponent_div_17_div_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 55);
    i0.ɵɵtemplate(1, DataTableComponent_div_17_div_5_div_1_Template, 2, 1, "div", 56);
    i0.ɵɵtemplate(2, DataTableComponent_div_17_div_5_div_2_Template, 4, 3, "div", 57);
    i0.ɵɵtemplate(3, DataTableComponent_div_17_div_5_div_3_Template, 3, 12, "div", 58);
    i0.ɵɵtemplate(4, DataTableComponent_div_17_div_5_div_4_Template, 3, 5, "div", 59);
    i0.ɵɵtemplate(5, DataTableComponent_div_17_div_5_div_5_Template, 4, 1, "div", 60);
    i0.ɵɵtemplate(6, DataTableComponent_div_17_div_5_ng_container_6_Template, 3, 2, "ng-container", 61);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r40 = ctx.$implicit;
    const colIndex_r41 = ctx.index;
    const renderedItem_r35 = i0.ɵɵnextContext().$implicit;
    const ctx_r38 = i0.ɵɵnextContext();
    i0.ɵɵclassMapInterpolate1("sme-table-td sme-position-flex-auto ", column_r40.styleClass, "");
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(12, _c17, ctx_r38.isFirstDataColumn(column_r40), renderedItem_r35.type === ctx_r38.renderedItemTypeEnum.GroupHeader))("ngStyle", i0.ɵɵpureFunction1(15, _c13, column_r40.domWidth + "px"));
    i0.ɵɵattribute("tabindex", ctx_r38.isTreeTableParentNode(renderedItem_r35) ? -1 : 0);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r38.isFirstDataColumn(column_r40));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", renderedItem_r35.type === ctx_r38.renderedItemTypeEnum.GroupHeader && colIndex_r41 === 0);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", renderedItem_r35.type === ctx_r38.renderedItemTypeEnum.TreeNode && !renderedItem_r35.node.isBusy && colIndex_r41 === 0);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", renderedItem_r35.type === ctx_r38.renderedItemTypeEnum.TreeNode && renderedItem_r35.node.isBusy && colIndex_r41 === 0);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r38.showAsTree && ctx_r38.selectionMode === "multiple" && renderedItem_r35.type == ctx_r38.renderedItemTypeEnum.TreeNode && colIndex_r41 == 0);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !ctx_r38.editable);
} }
function DataTableComponent_div_17_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 48)(1, "div", 49)(2, "div", 50)(3, "div", 24);
    i0.ɵɵtemplate(4, DataTableComponent_div_17_div_4_Template, 3, 1, "div", 51);
    i0.ɵɵelementEnd()();
    i0.ɵɵtemplate(5, DataTableComponent_div_17_div_5_Template, 7, 17, "div", 52);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const renderedItem_r35 = ctx.$implicit;
    const ctx_r9 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("sme-table-row-active", renderedItem_r35.index === ctx_r9.getActiveRenderedItemIndex())("sme-table-row-selected", renderedItem_r35.index === ctx_r9.getActiveRenderedItemIndex() || ctx_r9.isItemSelected(renderedItem_r35))("sme-table-group-item", renderedItem_r35.type === ctx_r9.renderedItemTypeEnum.GroupItem)("sme-table-group-header", renderedItem_r35.type === ctx_r9.renderedItemTypeEnum.GroupHeader)("sme-checked", ctx_r9.isItemSelected(renderedItem_r35));
    i0.ɵɵadvance(4);
    i0.ɵɵproperty("ngIf", !ctx_r9.showAsTree);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngForOf", ctx_r9.actualColumns);
} }
function DataTableComponent_div_20_div_3_Template(rf, ctx) { if (rf & 1) {
    const _r85 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 72)(1, "div", 53)(2, "input", 73);
    i0.ɵɵlistener("change", function DataTableComponent_div_20_div_3_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r85); const renderedItem_r78 = i0.ɵɵnextContext().$implicit; const ctx_r83 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r83.onItemCheckBoxClicked(renderedItem_r78)); });
    i0.ɵɵelementEnd();
    i0.ɵɵelement(3, "label", 31);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const renderedItem_r78 = i0.ɵɵnextContext().$implicit;
    const ctx_r80 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("sme-table-cell-full-height", ctx_r80.autoRowHeight);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("checked", ctx_r80.isItemSelected(renderedItem_r78));
    i0.ɵɵattribute("aria-checked", ctx_r80.isItemSelected(renderedItem_r78) ? "true" : "false")("aria-labelledby", ctx_r80.idBag.firstDataColumn + renderedItem_r78.index);
} }
function DataTableComponent_div_20_div_4_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 62);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const renderedItem_r78 = i0.ɵɵnextContext(2).$implicit;
    const ctx_r89 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", ctx_r89.getAdditionalScreenRecorderContent(renderedItem_r78), "");
} }
function DataTableComponent_div_20_div_4_div_2_span_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "span", 65);
} if (rf & 2) {
    const renderedItem_r78 = i0.ɵɵnextContext(3).$implicit;
    const ctx_r98 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c14, ctx_r98.isGroupExpanded(renderedItem_r78.data), !ctx_r98.isGroupExpanded(renderedItem_r78.data)));
} }
function DataTableComponent_div_20_div_4_div_2_span_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "span");
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const renderedItem_r78 = i0.ɵɵnextContext(3).$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", renderedItem_r78.data, " ");
} }
function DataTableComponent_div_20_div_4_div_2_span_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "span");
    i0.ɵɵelement(1, "sme-data-table-template-loader", 66);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const renderedItem_r78 = i0.ɵɵnextContext(3).$implicit;
    const ctx_r100 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("template", ctx_r100.groupHeaderTemplate)("data", renderedItem_r78.data);
} }
function DataTableComponent_div_20_div_4_div_2_Template(rf, ctx) { if (rf & 1) {
    const _r106 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 85);
    i0.ɵɵlistener("click", function DataTableComponent_div_20_div_4_div_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r106); const renderedItem_r78 = i0.ɵɵnextContext(2).$implicit; const ctx_r104 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r104.clickGroupToggle(renderedItem_r78)); });
    i0.ɵɵtemplate(1, DataTableComponent_div_20_div_4_div_2_span_1_Template, 1, 4, "span", 64);
    i0.ɵɵtemplate(2, DataTableComponent_div_20_div_4_div_2_span_2_Template, 2, 1, "span", 61);
    i0.ɵɵtemplate(3, DataTableComponent_div_20_div_4_div_2_span_3_Template, 2, 2, "span", 61);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext().$implicit;
    const renderedItem_r78 = i0.ɵɵnextContext().$implicit;
    const ctx_r90 = i0.ɵɵnextContext();
    i0.ɵɵproperty("id", ctx_r90.getFirstColumnId(column_r87, renderedItem_r78));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r90.useGroupToggle);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !ctx_r90.groupHeaderTemplate);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r90.groupHeaderTemplate);
} }
function DataTableComponent_div_20_div_4_div_3_Template(rf, ctx) { if (rf & 1) {
    const _r111 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 67)(1, "span", 68);
    i0.ɵɵlistener("click", function DataTableComponent_div_20_div_4_div_3_Template_span_click_1_listener($event) { i0.ɵɵrestoreView(_r111); const renderedItem_r78 = i0.ɵɵnextContext(2).$implicit; const ctx_r109 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r109.clickTreeToggle($event, renderedItem_r78)); });
    i0.ɵɵelementEnd();
    i0.ɵɵelement(2, "span", 69);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const renderedItem_r78 = i0.ɵɵnextContext(2).$implicit;
    const ctx_r91 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c15, renderedItem_r78.depth * 16 + 4 + "px"))("ngClass", i0.ɵɵpureFunction1(7, _c16, renderedItem_r78.hasChildren && !renderedItem_r78.node.isLeaf));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(9, _c14, renderedItem_r78.node.expanded, !renderedItem_r78.node.expanded));
    i0.ɵɵattribute("aria-expanded", renderedItem_r78.node.expanded ? "true" : "false")("aria-label", renderedItem_r78.node.expanded ? ctx_r91.strings.MsftSmeShell.Angular.DataTable.aria.label.collapse : ctx_r91.strings.MsftSmeShell.Angular.DataTable.aria.label.expand);
} }
function DataTableComponent_div_20_div_4_div_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 70);
    i0.ɵɵelement(1, "sme-loading-wheel", 71)(2, "span", 69);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const renderedItem_r78 = i0.ɵɵnextContext(2).$implicit;
    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(3, _c15, renderedItem_r78.depth * 16 + 4 + "px"));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("inline", true)("isBackgroundTransparent", true);
} }
function DataTableComponent_div_20_div_4_div_5_Template(rf, ctx) { if (rf & 1) {
    const _r116 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 72)(1, "div", 53)(2, "input", 73);
    i0.ɵɵlistener("change", function DataTableComponent_div_20_div_4_div_5_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r116); const renderedItem_r78 = i0.ɵɵnextContext(2).$implicit; const ctx_r114 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r114.onItemCheckBoxClicked(renderedItem_r78)); });
    i0.ɵɵelementEnd();
    i0.ɵɵelement(3, "label", 31);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const renderedItem_r78 = i0.ɵɵnextContext(2).$implicit;
    const ctx_r93 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("checked", ctx_r93.isItemSelected(renderedItem_r78));
    i0.ɵɵattribute("aria-checked", ctx_r93.isItemSelected(renderedItem_r78) ? "true" : "false")("aria-labelledby", ctx_r93.idBag.firstDataColumn + renderedItem_r78.index);
} }
function DataTableComponent_div_20_div_4_ng_container_6_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 88);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext(2).$implicit;
    const renderedItem_r78 = i0.ɵɵnextContext().$implicit;
    const ctx_r118 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("sme-table-cell-full-height", ctx_r118.autoRowHeight);
    i0.ɵɵproperty("id", ctx_r118.getFirstColumnId(column_r87, renderedItem_r78))("title", ctx_r118.getColumnTooltipText(column_r87, renderedItem_r78));
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r118.resolveObjectPath(renderedItem_r78.data, column_r87.field) : ".", "");
} }
function DataTableComponent_div_20_div_4_ng_container_6_div_2_sme_data_table_template_loader_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "sme-data-table-template-loader", 77);
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext(3).$implicit;
    const ctx_r124 = i0.ɵɵnextContext();
    const renderedItem_r78 = ctx_r124.$implicit;
    const rowIndex_r79 = ctx_r124.index;
    i0.ɵɵproperty("template", column_r87.bodyTemplate)("data", renderedItem_r78.data)("rowIndex", rowIndex_r79);
} }
function DataTableComponent_div_20_div_4_ng_container_6_div_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 88);
    i0.ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_6_div_2_sme_data_table_template_loader_1_Template, 1, 3, "sme-data-table-template-loader", 76);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext(2).$implicit;
    const renderedItem_r78 = i0.ɵɵnextContext().$implicit;
    const ctx_r119 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("sme-table-cell-height-auto", ctx_r119.autoRowHeight)("sme-table-cell-full-height", ctx_r119.autoRowHeight);
    i0.ɵɵproperty("id", ctx_r119.getFirstColumnId(column_r87, renderedItem_r78))("title", ctx_r119.getColumnTooltipText(column_r87, renderedItem_r78));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !renderedItem_r78.data.placeholder);
} }
function DataTableComponent_div_20_div_4_ng_container_6_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_6_div_1_Template, 2, 5, "div", 86);
    i0.ɵɵtemplate(2, DataTableComponent_div_20_div_4_ng_container_6_div_2_Template, 2, 7, "div", 87);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext().$implicit;
    const renderedItem_r78 = i0.ɵɵnextContext().$implicit;
    const ctx_r94 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !column_r87.bodyTemplate && renderedItem_r78.type != ctx_r94.renderedItemTypeEnum.GroupHeader);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", renderedItem_r78.type != ctx_r94.renderedItemTypeEnum.GroupHeader && renderedItem_r78.data && column_r87.bodyTemplate);
} }
function DataTableComponent_div_20_div_4_ng_container_7_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 90);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext(2).$implicit;
    const renderedItem_r78 = i0.ɵɵnextContext().$implicit;
    const ctx_r129 = i0.ɵɵnextContext();
    i0.ɵɵproperty("title", ctx_r129.getColumnTooltipText(column_r87, renderedItem_r78));
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r129.resolveObjectPath(renderedItem_r78.data.content, column_r87.field) : ".", "");
} }
function DataTableComponent_div_20_div_4_ng_container_7_div_2_sme_data_table_template_loader_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "sme-data-table-template-loader", 92);
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext(3).$implicit;
    const ctx_r134 = i0.ɵɵnextContext();
    const renderedItem_r78 = ctx_r134.$implicit;
    const rowIndex_r79 = ctx_r134.index;
    i0.ɵɵproperty("renderedItem", renderedItem_r78)("template", column_r87.bodyReadTemplate)("data", renderedItem_r78.data.content)("rowIndex", rowIndex_r79);
} }
function DataTableComponent_div_20_div_4_ng_container_7_div_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 90);
    i0.ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_7_div_2_sme_data_table_template_loader_1_Template, 1, 4, "sme-data-table-template-loader", 91);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext(2).$implicit;
    const renderedItem_r78 = i0.ɵɵnextContext().$implicit;
    const ctx_r130 = i0.ɵɵnextContext();
    i0.ɵɵproperty("title", ctx_r130.getColumnTooltipText(column_r87, renderedItem_r78));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !renderedItem_r78.data.placeholder);
} }
function DataTableComponent_div_20_div_4_ng_container_7_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_7_div_1_Template, 2, 2, "div", 89);
    i0.ɵɵtemplate(2, DataTableComponent_div_20_div_4_ng_container_7_div_2_Template, 2, 2, "div", 89);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext().$implicit;
    const renderedItem_r78 = i0.ɵɵnextContext().$implicit;
    const ctx_r95 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !column_r87.bodyReadTemplate && renderedItem_r78.type != ctx_r95.renderedItemTypeEnum.GroupHeader);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", renderedItem_r78.type != ctx_r95.renderedItemTypeEnum.GroupHeader && renderedItem_r78.data && column_r87.bodyReadTemplate);
} }
function DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 90);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext(3).$implicit;
    const renderedItem_r78 = i0.ɵɵnextContext().$implicit;
    const ctx_r142 = i0.ɵɵnextContext();
    i0.ɵɵproperty("title", ctx_r142.getColumnTooltipText(column_r87, renderedItem_r78));
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r142.resolveObjectPath(renderedItem_r78.data.content, column_r87.field) : ".", "");
} }
function DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_2_sme_data_table_template_loader_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "sme-data-table-template-loader", 77);
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext(4).$implicit;
    const ctx_r148 = i0.ɵɵnextContext();
    const renderedItem_r78 = ctx_r148.$implicit;
    const rowIndex_r79 = ctx_r148.index;
    i0.ɵɵproperty("template", column_r87.bodyReadTemplate)("data", renderedItem_r78.data.content)("rowIndex", rowIndex_r79);
} }
function DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 90);
    i0.ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_2_sme_data_table_template_loader_1_Template, 1, 3, "sme-data-table-template-loader", 76);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext(3).$implicit;
    const renderedItem_r78 = i0.ɵɵnextContext().$implicit;
    const ctx_r143 = i0.ɵɵnextContext();
    i0.ɵɵproperty("title", ctx_r143.getColumnTooltipText(column_r87, renderedItem_r78));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !renderedItem_r78.data.placeholder);
} }
function DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_1_Template, 2, 2, "div", 89);
    i0.ɵɵtemplate(2, DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_2_Template, 2, 2, "div", 89);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext(2).$implicit;
    const renderedItem_r78 = i0.ɵɵnextContext().$implicit;
    const ctx_r140 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !column_r87.bodyReadTemplate && renderedItem_r78.type != ctx_r140.renderedItemTypeEnum.GroupHeader);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", renderedItem_r78.type != ctx_r140.renderedItemTypeEnum.GroupHeader && renderedItem_r78.data && column_r87.bodyReadTemplate);
} }
function DataTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template(rf, ctx) { if (rf & 1) {
    const _r156 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "sme-data-table-template-loader", 96);
    i0.ɵɵlistener("validationAlert", function DataTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template_sme_data_table_template_loader_validationAlert_0_listener($event) { i0.ɵɵrestoreView(_r156); const column_r87 = i0.ɵɵnextContext(3).$implicit; const renderedItem_r78 = i0.ɵɵnextContext().$implicit; const ctx_r154 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r154.onValidationAlertHandler(renderedItem_r78, column_r87.field, $event.alert)); })("dataChanged", function DataTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template_sme_data_table_template_loader_dataChanged_0_listener($event) { i0.ɵɵrestoreView(_r156); const ctx_r158 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r158.onEditableDataChanged($event.renderedItem, $event.field)); });
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext(3).$implicit;
    const ctx_r160 = i0.ɵɵnextContext();
    const renderedItem_r78 = ctx_r160.$implicit;
    const rowIndex_r79 = ctx_r160.index;
    i0.ɵɵproperty("template", column_r87.bodyEditTemplate)("field", column_r87.field)("data", renderedItem_r78.data.content)("rowIndex", rowIndex_r79)("renderedItem", renderedItem_r78);
} }
function DataTableComponent_div_20_div_4_ng_container_8_div_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 94);
    i0.ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template, 1, 5, "sme-data-table-template-loader", 95);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r87 = i0.ɵɵnextContext(2).$implicit;
    const renderedItem_r78 = i0.ɵɵnextContext().$implicit;
    const ctx_r141 = i0.ɵɵnextContext();
    i0.ɵɵproperty("title", ctx_r141.getColumnTooltipText(column_r87, renderedItem_r78));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !renderedItem_r78.data.placeholder);
} }
function DataTableComponent_div_20_div_4_ng_container_8_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_Template, 3, 2, "ng-container", 61);
    i0.ɵɵtemplate(2, DataTableComponent_div_20_div_4_ng_container_8_div_2_Template, 2, 2, "div", 93);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const renderedItem_r78 = i0.ɵɵnextContext(2).$implicit;
    const ctx_r96 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !ctx_r96.shouldShowEditRow(renderedItem_r78));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r96.shouldShowEditRow(renderedItem_r78));
} }
function DataTableComponent_div_20_div_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 83);
    i0.ɵɵtemplate(1, DataTableComponent_div_20_div_4_div_1_Template, 2, 1, "div", 56);
    i0.ɵɵtemplate(2, DataTableComponent_div_20_div_4_div_2_Template, 4, 4, "div", 84);
    i0.ɵɵtemplate(3, DataTableComponent_div_20_div_4_div_3_Template, 3, 12, "div", 58);
    i0.ɵɵtemplate(4, DataTableComponent_div_20_div_4_div_4_Template, 3, 5, "div", 59);
    i0.ɵɵtemplate(5, DataTableComponent_div_20_div_4_div_5_Template, 4, 3, "div", 60);
    i0.ɵɵtemplate(6, DataTableComponent_div_20_div_4_ng_container_6_Template, 3, 2, "ng-container", 61);
    i0.ɵɵtemplate(7, DataTableComponent_div_20_div_4_ng_container_7_Template, 3, 2, "ng-container", 61);
    i0.ɵɵtemplate(8, DataTableComponent_div_20_div_4_ng_container_8_Template, 3, 2, "ng-container", 61);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r87 = ctx.$implicit;
    const colIndex_r88 = ctx.index;
    const renderedItem_r78 = i0.ɵɵnextContext().$implicit;
    const ctx_r81 = i0.ɵɵnextContext();
    i0.ɵɵclassMapInterpolate1("sme-table-td sme-position-flex-auto ", column_r87.styleClass, "");
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(15, _c17, ctx_r81.isFirstDataColumn(column_r87), renderedItem_r78.type === ctx_r81.renderedItemTypeEnum.GroupHeader))("ngStyle", i0.ɵɵpureFunction1(18, _c13, column_r87.domWidth + "px"));
    i0.ɵɵattribute("aria-rowindex", renderedItem_r78.index + 2)("tabindex", ctx_r81.isTreeTableParentNode(renderedItem_r78) ? -1 : 0);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r81.isFirstDataColumn(column_r87));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", renderedItem_r78.type === ctx_r81.renderedItemTypeEnum.GroupHeader && colIndex_r88 === 0);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", renderedItem_r78.type === ctx_r81.renderedItemTypeEnum.TreeNode && !renderedItem_r78.node.isBusy && colIndex_r88 === 0);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", renderedItem_r78.type === ctx_r81.renderedItemTypeEnum.TreeNode && renderedItem_r78.node.isBusy && colIndex_r88 === 0);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r81.showAsTree && ctx_r81.selectionMode === "multiple" && renderedItem_r78.type == ctx_r81.renderedItemTypeEnum.TreeNode && colIndex_r88 == 0);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !ctx_r81.editable);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r81.editable && !column_r87.bodyEditTemplate);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r81.editable && column_r87.bodyEditTemplate);
} }
function DataTableComponent_div_20_div_5_div_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div");
    i0.ɵɵelement(1, "sme-validation-alert", 100);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const validationResultItem_r166 = ctx.$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("alert", validationResultItem_r166.alert);
} }
function DataTableComponent_div_20_div_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 97)(1, "div", 50)(2, "div", 98);
    i0.ɵɵtemplate(3, DataTableComponent_div_20_div_5_div_3_Template, 2, 1, "div", 99);
    i0.ɵɵelementEnd()()();
} if (rf & 2) {
    const renderedItem_r78 = i0.ɵɵnextContext().$implicit;
    const ctx_r82 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵattribute("role", ctx_r82.selectionMode === "multiple" ? "gridcell" : "presentation")("tabindex", ctx_r82.selectionMode === "multiple" ? "0" : "undefined");
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", renderedItem_r78.validationResult);
} }
function DataTableComponent_div_20_Template(rf, ctx) { if (rf & 1) {
    const _r169 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 78);
    i0.ɵɵlistener("keydown", function DataTableComponent_div_20_Template_div_keydown_0_listener($event) { i0.ɵɵrestoreView(_r169); const ctx_r168 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r168.onContentTablePressed($event)); })("keyup", function DataTableComponent_div_20_Template_div_keyup_0_listener($event) { i0.ɵɵrestoreView(_r169); const ctx_r170 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r170.onContentTableKeyUp($event)); })("contextmenu", function DataTableComponent_div_20_Template_div_contextmenu_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r169); const renderedItem_r78 = restoredCtx.$implicit; const ctx_r171 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r171.enableRightClickSelect ? ctx_r171.selectItem($event, renderedItem_r78) : true); })("click", function DataTableComponent_div_20_Template_div_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r169); const renderedItem_r78 = restoredCtx.$implicit; const ctx_r172 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r172.selectItem($event, renderedItem_r78)); })("dblclick", function DataTableComponent_div_20_Template_div_dblclick_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r169); const renderedItem_r78 = restoredCtx.$implicit; const ctx_r173 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r173.doubleClickRow($event, renderedItem_r78)); })("focus", function DataTableComponent_div_20_Template_div_focus_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r169); const renderedItem_r78 = restoredCtx.$implicit; const ctx_r174 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r174.onContentItemFocused($event, renderedItem_r78)); })("focusin", function DataTableComponent_div_20_Template_div_focusin_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r169); const renderedItem_r78 = restoredCtx.$implicit; const ctx_r175 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r175.onContentItemFocused($event, renderedItem_r78)); })("focusout", function DataTableComponent_div_20_Template_div_focusout_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r169); const renderedItem_r78 = restoredCtx.$implicit; const ctx_r176 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r176.onContentItemBlurred($event, renderedItem_r78)); })("mouseenter", function DataTableComponent_div_20_Template_div_mouseenter_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r169); const renderedItem_r78 = restoredCtx.$implicit; const ctx_r177 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r177.setHoveredRenderedItem(renderedItem_r78)); })("mouseleave", function DataTableComponent_div_20_Template_div_mouseleave_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r169); const renderedItem_r78 = restoredCtx.$implicit; const ctx_r178 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r178.unsetHoveredRenderedItem(renderedItem_r78)); });
    i0.ɵɵelementStart(1, "div", 79)(2, "div", 50);
    i0.ɵɵtemplate(3, DataTableComponent_div_20_div_3_Template, 4, 5, "div", 80);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(4, DataTableComponent_div_20_div_4_Template, 9, 20, "div", 81);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(5, DataTableComponent_div_20_div_5_Template, 4, 3, "div", 82);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const renderedItem_r78 = ctx.$implicit;
    const ctx_r11 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("sme-table-row-active", renderedItem_r78.index === ctx_r11.getActiveRenderedItemIndex())("sme-table-row-selected", ctx_r11.rowDisplayAsSelected(renderedItem_r78))("sme-table-group-item", renderedItem_r78.type === ctx_r11.renderedItemTypeEnum.GroupItem)("sme-table-group-header", renderedItem_r78.type === ctx_r11.renderedItemTypeEnum.GroupHeader)("sme-checked", ctx_r11.isItemSelected(renderedItem_r78))("sme-table-row-editable", ctx_r11.editable)("sme-has-validation-error", ctx_r11.hasValidationError(renderedItem_r78))("sme-data-table-row-new-item", renderedItem_r78 == null ? null : renderedItem_r78.data == null ? null : renderedItem_r78.data.isNewRow);
    i0.ɵɵattribute("tabindex", renderedItem_r78.index >= 0 ? 0 : undefined)("data-rendered-item-index", renderedItem_r78.index)("aria-rowindex", renderedItem_r78.index + 2)("aria-selected", ctx_r11.isItemSelected(renderedItem_r78) ? "true" : "false")("aria-expanded", ctx_r11.getAriaExpandedAttributeValue(renderedItem_r78))("aria-level", ctx_r11.showAsTree && renderedItem_r78.depth ? renderedItem_r78.depth + 1 : undefined);
    i0.ɵɵadvance(2);
    i0.ɵɵattribute("role", ctx_r11.selectionMode === "multiple" ? "gridcell" : "presentation");
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !ctx_r11.showAsTree);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngForOf", ctx_r11.actualColumns);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r11.hasValidationError(renderedItem_r78));
} }
function DataTableComponent_div_26_Template(rf, ctx) { if (rf & 1) {
    const _r181 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 101, 102);
    i0.ɵɵlistener("focus", function DataTableComponent_div_26_Template_div_focus_0_listener($event) { i0.ɵɵrestoreView(_r181); const ctx_r180 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r180.onLastFocusableShadowElementFocused($event)); });
    i0.ɵɵelementEnd();
} }
function DataTableComponent_div_27_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 103);
    i0.ɵɵelement(1, "sme-loading-wheel", 104);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("isBackgroundTransparent", true);
} }
const _c18 = function (a0, a1) { return { "sme-layout-absolute sme-position-inset-none": a0, "sme-scrollable": a1 }; };
const _c19 = function (a0) { return { top: a0 }; };
function TreeTableComponent_div_6_Template(rf, ctx) { if (rf & 1) {
    const _r17 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 29)(1, "input", 30);
    i0.ɵɵlistener("change", function TreeTableComponent_div_6_Template_input_change_1_listener() { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.onAllItemCheckBoxClicked()); });
    i0.ɵɵelementEnd();
    i0.ɵɵelement(2, "label", 31);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("checked", ctx_r2.shouldAllItemCheckBoxChecked());
    i0.ɵɵattribute("aria-label", ctx_r2.getAllItemCheckBoxAriaLabel())("aria-checked", ctx_r2.shouldAllItemCheckBoxChecked() ? "true" : "false");
} }
function TreeTableComponent_div_7_div_1_Template(rf, ctx) { if (rf & 1) {
    const _r26 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 37);
    i0.ɵɵlistener("click", function TreeTableComponent_div_7_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r26); const column_r18 = i0.ɵɵnextContext().$implicit; const ctx_r24 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r24.clickColumn(column_r18)); });
    i0.ɵɵelementStart(1, "span");
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵelement(3, "span", 38);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r18 = i0.ɵɵnextContext().$implicit;
    const ctx_r20 = i0.ɵɵnextContext();
    i0.ɵɵproperty("title", column_r18.header);
    i0.ɵɵattribute("aria-sort", ctx_r20.columnSortSettings[column_r18.header]);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(column_r18.header);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(5, _c12, column_r18.sortMode === ctx_r20.sortModeEnum.Ascend, column_r18.sortMode === ctx_r20.sortModeEnum.Descend));
    i0.ɵɵattribute("aria-label", column_r18.sortable ? ctx_r20.getSortLabel(column_r18) : null);
} }
function TreeTableComponent_div_7_div_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 39)(1, "span");
    i