import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "primeng-lts/table";
import * as i3 from "primeng-lts/api";
import * as i4 from "primeng-lts/panel";
import * as i5 from "primeng-lts/toast";
import * as i6 from "primeng-lts/multiselect";
import * as i7 from "@angular/forms";
import * as i8 from "../al-search-bar/al-search-bar.component";
import * as i9 from "primeng-lts/tooltip";
import * as i10 from "primeng-lts/button";
import * as i11 from "primeng-lts/menu";
function AlDynamicTableComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
    const _r8 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 10);
    i0.ɵɵelementStart(1, "div", 11);
    i0.ɵɵelementStart(2, "i", 12);
    i0.ɵɵtext(3, "settings");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(4, "p-multiSelect", 13);
    i0.ɵɵlistener("ngModelChange", function AlDynamicTableComponent_ng_template_2_Template_p_multiSelect_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.visibleColumns = $event; });
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(5, "div", 14);
    i0.ɵɵelementStart(6, "al-search-bar", 15, 16);
    i0.ɵɵlistener("onSearchChanged", function AlDynamicTableComponent_ng_template_2_Template_al_search_bar_onSearchChanged_6_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.onSearchChanged($event); });
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance(4);
    i0.ɵɵpropertyInterpolate1("selectedItemsLabel", "Showing {0} columns of ", ctx_r0.columns.length, "");
    i0.ɵɵproperty("options", ctx_r0.columns)("ngModel", ctx_r0.visibleColumns);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("width", "400px")("placeholder", "Search")("maxSearchLength", 150)("searchIcon", "header");
} }
function AlDynamicTableComponent_ng_template_3_col_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "col");
} if (rf & 2) {
    const col_r12 = ctx.$implicit;
    i0.ɵɵstyleProp("width", col_r12.width);
} }
function AlDynamicTableComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "colgroup");
    i0.ɵɵtemplate(1, AlDynamicTableComponent_ng_template_3_col_1_Template, 1, 2, "col", 17);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const columns_r10 = ctx.$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngForOf", columns_r10);
} }
function AlDynamicTableComponent_ng_template_4_th_7_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "th", 25);
    i0.ɵɵelement(1, "p-sortIcon", 26);
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const col_r15 = ctx.$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("pSortableColumn", col_r15.field)("field", col_r15.field);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", col_r15.header, " ");
} }
function AlDynamicTableComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
    const _r17 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "tr", 18);
    i0.ɵɵelementStart(1, "th", 19);
    i0.ɵɵelement(2, "p-tableHeaderCheckbox", 20);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(3, "th", 21);
    i0.ɵɵelementStart(4, "div", 22);
    i0.ɵɵelementStart(5, "i", 23);
    i0.ɵɵlistener("click", function AlDynamicTableComponent_ng_template_4_Template_i_click_5_listener() { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.downloadAll(); });
    i0.ɵɵtext(6, "get_app");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(7, AlDynamicTableComponent_ng_template_4_th_7_Template, 3, 3, "th", 24);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const columns_r13 = ctx.$implicit;
    i0.ɵɵadvance(7);
    i0.ɵɵproperty("ngForOf", columns_r13);
} }
function AlDynamicTableComponent_ng_template_5_td_8_span_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "span", 36);
    i0.ɵɵelement(1, "i", 37);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const col_r21 = i0.ɵɵnextContext().$implicit;
    const rowData_r18 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", rowData_r18[col_r21.field].icon);
} }
function AlDynamicTableComponent_ng_template_5_td_8_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "td", 34);
    i0.ɵɵtemplate(1, AlDynamicTableComponent_ng_template_5_td_8_span_1_Template, 2, 1, "span", 35);
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const col_r21 = ctx.$implicit;
    const rowData_r18 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵproperty("ngClass", rowData_r18[col_r21.field].class ? rowData_r18[col_r21.field].class : null);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", rowData_r18[col_r21.field].icon);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", rowData_r18[col_r21.field].value, " ");
} }
function AlDynamicTableComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
    const _r27 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "tr", 27);
    i0.ɵɵlistener("mouseenter", function AlDynamicTableComponent_ng_template_5_Template_tr_mouseenter_0_listener() { i0.ɵɵrestoreView(_r27); const rowData_r18 = ctx.$implicit; const ctx_r26 = i0.ɵɵnextContext(); return ctx_r26.onMouseEnter(rowData_r18); })("mouseleave", function AlDynamicTableComponent_ng_template_5_Template_tr_mouseleave_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r28 = i0.ɵɵnextContext(); return ctx_r28.onMouseLeave(); });
    i0.ɵɵelementStart(1, "td", 28);
    i0.ɵɵelement(2, "p-tableCheckbox", 29);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(3, "td", 30);
    i0.ɵɵelementStart(4, "div", 31);
    i0.ɵɵlistener("click", function AlDynamicTableComponent_ng_template_5_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r27); const rowData_r18 = ctx.$implicit; const ctx_r29 = i0.ɵɵnextContext(); return ctx_r29.openItem(rowData_r18); });
    i0.ɵɵelementStart(5, "div", 32);
    i0.ɵɵelementStart(6, "i", 12);
    i0.ɵɵtext(7, "chevron_right");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(8, AlDynamicTableComponent_ng_template_5_td_8_Template, 3, 3, "td", 33);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const rowData_r18 = ctx.$implicit;
    const columns_r19 = ctx.columns;
    i0.ɵɵproperty("pSelectableRow", rowData_r18);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("value", rowData_r18);
    i0.ɵɵadvance(6);
    i0.ɵɵproperty("ngForOf", columns_r19);
} }
function AlDynamicTableComponent_ng_template_6_td_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "td");
    i0.ɵɵelement(1, "div", 40);
    i0.ɵɵelementEnd();
} }
function AlDynamicTableComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "tr", 38);
    i0.ɵɵtemplate(1, AlDynamicTableComponent_ng_template_6_td_1_Template, 2, 0, "td", 39);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const columns_r30 = ctx.columns;
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngForOf", columns_r30);
} }
function AlDynamicTableComponent_ng_template_15_Template(rf, ctx) { if (rf & 1) {
    const _r35 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "button", 41);
    i0.ɵɵlistener("click", function AlDynamicTableComponent_ng_template_15_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r35); const _r33 = i0.ɵɵreference(3); return _r33.toggle($event); });
    i0.ɵɵelement(1, "span", 42);
    i0.ɵɵelementEnd();
    i0.ɵɵelement(2, "p-menu", 43, 44);
} if (rf & 2) {
    const ctx_r5 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("model", ctx_r5.items)("popup", true);
} }
const _c0 = function (a0) { return { "hidden": a0 }; };
/**
 *  IMPORTANT NOTICE TO UI ENGINEERS WHO FIRST WORK WITH THIS
 *
 *  Before this component goes into service, please make sure that the following changes are made to it:
 *
 *  1.  The component itself should be a generic AlDynamicTableComponent<Type=unknown>, such that
 *      all of its event emitters and inputs can be used to work against specific interfaces instead of just `unknown`.
 *      This will also be the default type of the `rows` and `selectedRows` arrays.
 *
 *  2.  Please, create an interface for the columns (and make columns and visibleColumns) and make sure references to them as arrays
 *      are used as arrays instead of just `any`.  In general, kill all the `any`s except where they're appropriate.
 *
 *  3.  There are some unused properties in here -- please scrap them so we can start with cold, hard metal.
 *
 *  4.  Last and not least, please add logic so that *the first time* columns are set, all of them will be selected by default
 *      unless the host specifies otherwise (you may need to add a field to the [not yet created] column interface, or another
 *      @Input(), to make this happen).
 */
export class AlDynamicTableComponent {
    constructor() {
        this.onSearched = new EventEmitter();
        this.onDownloadAll = new EventEmitter();
        this.onSelected = new EventEmitter();
        this.onUnselected = new EventEmitter();
        this.onSorted = new EventEmitter();
        this.onRowHover = new EventEmitter();
        this.onRowOut = new EventEmitter();
        this.onOpenItem = new EventEmitter();
        this.onLazyLoad = new EventEmitter();
        this.columns = [];
        this.rows = [];
        this.dataKey = "";
        this.rowsPerPage = 20;
        this.isVisible = true;
    }
    ngOnChanges(changes) {
        if (changes.hasOwnProperty('cols') && changes.columns.previousValue && changes.columns.previousValue.length === 0) {
            this.columns = changes.columns.currentValue;
            this.visibleColumns = this.columns;
        }
        if (changes.hasOwnProperty('rows')) {
            this.rows = changes.rows.currentValue;
        }
    }
    ngOnInit() {
    }
    get selectedColumns() {
        return this.visibleColumns;
    }
    set selectedColumns(val) {
        // restore original order
        this.visibleColumns = this.columns.filter((col) => val.includes(col));
    }
    downloadAll() {
        this.onDownloadAll.emit(true);
    }
    openItem(rowData) {
        this.onOpenItem.emit(rowData);
    }
    onMouseEnter(rowData) {
        this.onRowHover.emit(rowData);
    }
    onMouseLeave() {
        this.onRowOut.emit(true);
    }
    onRowSelect(event) {
        this.onSelected.emit({ selectedRows: this.selectedRows, rowSelected: event.data });
    }
    onRowUnselect(event) {
        this.onUnselected.emit({ selectedRows: this.selectedRows, rowUnselected: event.data });
    }
    onHeaderCheckboxToggle(event) {
        if (event.checked) {
            this.onRowSelect({ data: this.rows });
        }
        else {
            this.onRowUnselect({ data: this.rows });
        }
    }
    loadItemsLazy(event) {
        this.onLazyLoad.emit(event);
    }
    customSort(event) {
        this.onSorted.emit(event);
    }
    onSearchChanged(event) {
        this.onSearched.emit(event);
    }
}
/** @nocollapse */ AlDynamicTableComponent.ɵfac = function AlDynamicTableComponent_Factory(t) { return new (t || AlDynamicTableComponent)(); };
/** @nocollapse */ AlDynamicTableComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AlDynamicTableComponent, selectors: [["al-dynamic-table"]], inputs: { columns: "columns", rows: "rows", dataKey: "dataKey", rowsPerPage: "rowsPerPage", isVisible: "isVisible", selectedColumns: "selectedColumns" }, outputs: { onSearched: "onSearched", onDownloadAll: "onDownloadAll", onSelected: "onSelected", onUnselected: "onUnselected", onSorted: "onSorted", onRowHover: "onRowHover", onRowOut: "onRowOut", onOpenItem: "onOpenItem", onLazyLoad: "onLazyLoad" }, features: [i0.ɵɵNgOnChangesFeature], decls: 19, vars: 17, consts: [[1, "al-dynamic-table", 3, "ngClass"], ["scrollHeight", "1000px", 1, "table", 3, "columns", "value", "reorderableColumns", "selection", "dataKey", "scrollable", "rows", "lazy", "rowHover", "virtualScroll", "virtualRowHeight", "resizableColumns", "customSort", "selectionChange", "onLazyLoad", "onRowSelect", "onRowUnselect", "onHeaderCheckboxToggle", "onSort"], ["pTemplate", "caption"], ["pTemplate", "colgroup"], ["pTemplate", "header"], ["pTemplate", "body"], ["pTemplate", "loadingbody"], ["header", "Header"], ["header", "Header", 3, "toggleable"], ["pTemplate", "icons"], [1, "table-caption"], [1, "column-selector"], [1, "material-icons"], ["optionLabel", "header", "placeholder", "Choose Columns", "maxSelectedLabels", "0", 3, "options", "ngModel", "selectedItemsLabel", "ngModelChange"], [1, "search"], [3, "width", "placeholder", "maxSearchLength", "searchIcon", "onSearchChanged"], ["alSearchBar", ""], [3, "width", 4, "ngFor", "ngForOf"], [1, "table-header"], ["pReorderableColumnDisabled", "", 2, "width", "48px"], ["pTooltip", "Select All", "tooltipPosition", "top"], ["pReorderableColumnDisabled", "", 2, "width", "46px"], [1, "download-icon"], ["pTooltip", "Download All", "tooltipPosition", "top", 1, "material-icons", 3, "click"], ["pResizableColumn", "", "pReorderableColumn", "", 4, "ngFor", "ngForOf"], ["pResizableColumn", "", "pReorderableColumn", ""], [3, "pSortableColumn", "field"], [2, "height", "100px", 3, "pSelectableRow", "mouseenter", "mouseleave"], [2, "width", "48px"], [3, "value"], [1, "open-button-cell", 2, "width", "36px"], [1, "open-button", 3, "click"], ["pTooltip", "Open", "tooltipPosition", "top", 1, "icon"], ["class", "table-cell ui-resizable-column", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "table-cell", "ui-resizable-column", 3, "ngClass"], ["class", "property-icon", 4, "ngIf"], [1, "property-icon"], [3, "ngClass"], [2, "height", "100px"], [4, "ngFor", "ngForOf"], [1, "loading-text"], ["pButton", "", 1, "p-panel-header-icon", "p-link", 3, "click"], [1, "pi", "pi-cog"], ["id", "config_menu", 3, "model", "popup"], ["menu", ""]], template: function AlDynamicTableComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵelementStart(0, "div", 0);
        i0.ɵɵelementStart(1, "p-table", 1);
        i0.ɵɵlistener("selectionChange", function AlDynamicTableComponent_Template_p_table_selectionChange_1_listener($event) { return ctx.selectedRows = $event; })("onLazyLoad", function AlDynamicTableComponent_Template_p_table_onLazyLoad_1_listener($event) { return ctx.loadItemsLazy($event); })("onRowSelect", function AlDynamicTableComponent_Template_p_table_onRowSelect_1_listener($event) { return ctx.onRowSelect($event); })("onRowUnselect", function AlDynamicTableComponent_Template_p_table_onRowUnselect_1_listener($event) { return ctx.onRowUnselect($event); })("onHeaderCheckboxToggle", function AlDynamicTableComponent_Template_p_table_onHeaderCheckboxToggle_1_listener($event) { return ctx.onHeaderCheckboxToggle($event); })("onSort", function AlDynamicTableComponent_Template_p_table_onSort_1_listener($event) { return ctx.customSort($event); });
        i0.ɵɵtemplate(2, AlDynamicTableComponent_ng_template_2_Template, 8, 7, "ng-template", 2);
        i0.ɵɵtemplate(3, AlDynamicTableComponent_ng_template_3_Template, 2, 1, "ng-template", 3);
        i0.ɵɵtemplate(4, AlDynamicTableComponent_ng_template_4_Template, 8, 1, "ng-template", 4);
        i0.ɵɵtemplate(5, AlDynamicTableComponent_ng_template_5_Template, 9, 3, "ng-template", 5);
        i0.ɵɵtemplate(6, AlDynamicTableComponent_ng_template_6_Template, 2, 1, "ng-template", 6);
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(7, "h5");
        i0.ɵɵtext(8, "Regular");
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(9, "p-panel", 7);
        i0.ɵɵelementStart(10, "p");
        i0.ɵɵtext(11, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.");
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(12, "h5");
        i0.ɵɵtext(13, "Advanced");
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(14, "p-panel", 8);
        i0.ɵɵtemplate(15, AlDynamicTableComponent_ng_template_15_Template, 4, 2, "ng-template", 9);
        i0.ɵɵelementStart(16, "p");
        i0.ɵɵtext(17, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.");
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelement(18, "p-toast");
    } if (rf & 2) {
        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c0, !ctx.isVisible));
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("columns", ctx.visibleColumns)("value", ctx.rows)("reorderableColumns", true)("selection", ctx.selectedRows)("dataKey", ctx.dataKey)("scrollable", true)("rows", 10)("lazy", true)("rowHover", true)("virtualScroll", true)("virtualRowHeight", 100)("resizableColumns", true)("customSort", true);
        i0.ɵɵadvance(13);
        i0.ɵɵproperty("toggleable", true);
    } }, directives: [i1.NgClass, i2.Table, i3.PrimeTemplate, i4.Panel, i5.Toast, i6.MultiSelect, i7.NgControlStatus, i7.NgModel, i8.AlSearchBarComponent, i1.NgForOf, i2.TableHeaderCheckbox, i9.Tooltip, i2.ResizableColumn, i2.ReorderableColumn, i2.SortIcon, i2.SortableColumn, i2.SelectableRow, i2.TableCheckbox, i1.NgIf, i10.ButtonDirective, i11.Menu], styles: [".al-dynamic-table.hidden[_ngcontent-%COMP%]{display:none}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .table-caption[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .table-caption[_ngcontent-%COMP%]   .column-selector[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;border:none}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .table-caption[_ngcontent-%COMP%]   .column-selector[_ngcontent-%COMP%]   .ui-multiselect-trigger[_ngcontent-%COMP%]{float:left}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .table-caption[_ngcontent-%COMP%]   .column-selector[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{color:#a8a8a8;font-size:14px;margin-right:10px}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .table-caption[_ngcontent-%COMP%]   .selector-checkbox[_ngcontent-%COMP%]{width:50px}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .table-header[_ngcontent-%COMP%]   .larger[_ngcontent-%COMP%]{width:15vw}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .download-icon[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;color:#535353}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .download-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{cursor:pointer}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .table-cell[_ngcontent-%COMP%]{word-break:break-word;min-width:200px}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .table-cell.larger[_ngcontent-%COMP%]{width:15vw}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .table-cell.center[_ngcontent-%COMP%]{text-align:center}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .table-cell.left[_ngcontent-%COMP%]{text-align:left}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .open-button-cell[_ngcontent-%COMP%]{font-size:12px}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .open-button-cell[_ngcontent-%COMP%]   .open-button[_ngcontent-%COMP%]{cursor:pointer;display:flex;flex-direction:column;align-items:center}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .open-button-cell[_ngcontent-%COMP%]   .open-button[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%]{display:flex;justify-content:center}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .open-button-cell[_ngcontent-%COMP%]   .open-button[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{display:flex;justify-content:flex-start}.al-dynamic-table[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   .loading-text[_ngcontent-%COMP%]{display:block;background-color:#f1f1f1;min-height:19px;animation:1s ease-in-out infinite pulse;text-indent:-99999px;overflow:hidden}[_nghost-%COMP%]     .ui-table .ui-widget-header{border:none;background-color:transparent}@media screen and (max-width:64em){[_nghost-%COMP%]     .ui-table .ui-table-thead>tr>th{top:99px}}"] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(AlDynamicTableComponent, [{
        type: Component,
        args: [{
                selector: 'al-dynamic-table',
                templateUrl: './al-dynamic-table.component.html',
                styleUrls: ['./al-dynamic-table.component.scss'],
            }]
    }], function () { return []; }, { onSearched: [{
            type: Output
        }], onDownloadAll: [{
            type: Output
        }], onSelected: [{
            type: Output
        }], onUnselected: [{
            type: Output
        }], onSorted: [{
            type: Output
        }], onRowHover: [{
            type: Output
        }], onRowOut: [{
            type: Output
        }], onOpenItem: [{
            type: Output
        }], onLazyLoad: [{
            type: Output
        }], columns: [{
            type: Input
        }], rows: [{
            type: Input
        }], dataKey: [{
            type: Input
        }], rowsPerPage: [{
            type: Input
        }], isVisible: [{
            type: Input
        }], selectedColumns: [{
            type: Input
        }] }); })();
//# sourceMappingURL=data:application/json;base64, 