cmat 0.0.16 → 0.0.18

package/fesm2022/cmat-components-select-table.mjs

@@ -0,0 +1,658 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, Self, HostBinding, Input, Output, ViewChild, ViewChildren, HostListener } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/form-field';
+import { MatFormFieldControl, MatFormFieldModule } from '@angular/material/form-field';
+import * as i6 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i8 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i3 from '@angular/material/select';
+import { MatOption, MatSelectModule } from '@angular/material/select';
+import * as i9 from '@angular/material/sort';
+import { MatSort, MatSortModule } from '@angular/material/sort';
+import * as i7 from '@angular/material/table';
+import { MatTable, MatTableModule } from '@angular/material/table';
+import { isNil, isArray, isNumber, isString } from 'lodash-es';
+import { Subject, merge, takeUntil, debounceTime } from 'rxjs';
+import { CmatSelectSearchComponent } from 'cmat/components/select-search';
+import { CmatDigitOnlyDirective } from 'cmat/directives/digit-only';
+import * as i4 from '@angular/material/core';
+
+/* eslint-disable @typescript-eslint/member-ordering */
+const MAX_SAFE_INTEGER = 9007199254740991;
+let NEXT_ID = 0;
+class CmatSelectTableComponent {
+    constructor(ngControl, _cd) {
+        this.ngControl = ngControl;
+        this._cd = _cd;
+        this.id = `cmat-select-table-${NEXT_ID++}`;
+        this.noEntriesFoundLabel = '无结果';
+        this.showNoFoundLabel = true;
+        this.multiple = false;
+        this.overallSearchEnabled = true;
+        this.closed = new EventEmitter();
+        this.completeRowList = [];
+        this.overallFilterControl = new FormControl('');
+        this.selectControl = new FormControl();
+        this.stateChanges = new Subject();
+        this.focused = false;
+        this.touched = false;
+        this._nullRow = { id: null };
+        this._unsubscribeAll = new Subject();
+        this._completeValueList = [];
+        this._placeholder = '';
+        this._required = false;
+        this._disabled = false;
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this._onModelChange = () => { };
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this._onTouchedChange = () => { };
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+        this.tableColumnsMap = new Map();
+        this._filterControls = new FormGroup({});
+    }
+    set matSelect(m) {
+        this._matSelect = m;
+    }
+    clickedOut() {
+        if (!this._matSelect?.panelOpen) {
+            this.focused = false;
+            this.stateChanges.next();
+        }
+    }
+    ngAfterViewInit() {
+        let panelClass = '';
+        if (!this.overallSearchEnabled) {
+            panelClass = 'cmat-select-search-panel overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom cmat-select-search-table-panel';
+        }
+        if (this._matSelect.panelClass) {
+            if (Array.isArray(this._matSelect.panelClass)) {
+                this._matSelect.panelClass.push(panelClass);
+            }
+            else if (typeof this._matSelect.panelClass === 'string') {
+                this._matSelect.panelClass = [this._matSelect.panelClass, panelClass];
+            }
+            else if (typeof this._matSelect.panelClass === 'object') {
+                this._matSelect.panelClass.entries[panelClass] = true;
+            }
+        }
+        else {
+            this._matSelect.panelClass = panelClass;
+        }
+        merge(...[
+            this._sort.sortChange,
+            this._filterControls.valueChanges,
+            this.overallFilterControl.valueChanges
+        ])
+            .pipe(takeUntil(this._unsubscribeAll), debounceTime(100))
+            .subscribe(() => {
+            const dataClone = [...((this.dataSource || { data: [] }).data || [])];
+            if (this.addNullRow()) {
+                dataClone.unshift(this._nullRow);
+            }
+            if (this.overallSearchEnabled && this.overallSearchVisibleState) {
+                this._applyOverallFilter(dataClone);
+            }
+            else {
+                this._applyColumnLevelFilters(dataClone);
+            }
+            if (!this._sort.active && !isNil(this.defaultSort) && this.defaultSort.active) {
+                this._sort.active = this.defaultSort.active;
+                this._sort.direction = this.defaultSort.direction;
+            }
+            this.tableDataSource = !this._sort.active ?
+                dataClone : this._sortData(dataClone, this._sort.active, this._sort.direction);
+            this._cd.detectChanges();
+        });
+        this._matOptions.changes.pipe(takeUntil(this._unsubscribeAll)).subscribe(() => {
+            const options = {};
+            this._matOptions
+                .toArray()
+                .filter(option => !isNil(option) && !isNil(option.value) && !option._getHostElement().classList.contains('contains-cmat-select-search'))
+                .forEach(option => options[`${option.value.id}`] = option);
+            if (this._matSelectSearch) {
+                this._matSelect?.options.reset([this._matOptions.first,
+                    ...this.tableDataSource
+                        .filter(row => !isNil(options[`${row.id}`]))
+                        .map(row => options[`${row.id}`])]);
+            }
+            else {
+                this._matSelect?.options.reset(this.tableDataSource
+                    .filter(row => !isNil(options[`${row.id}`]))
+                    .map(row => options[`${row.id}`]));
+            }
+            try {
+                this._matSelect?.options.notifyOnChanges();
+            }
+            catch {
+                //do something
+            }
+        });
+    }
+    ngOnDestroy() {
+        this._unsubscribeAll.next(void 0);
+        this._unsubscribeAll.complete();
+    }
+    get placeholder() {
+        return this._placeholder;
+    }
+    set placeholder(value) {
+        this._placeholder = value;
+        this.stateChanges.next();
+    }
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        if (value !== this.value) {
+            this._value = value;
+            this.stateChanges.next();
+            this._onModelChange(value);
+        }
+    }
+    get empty() {
+        return !this._value;
+    }
+    get errorState() {
+        if (this.ngControl == null)
+            return false;
+        return (this.touched && this.ngControl?.invalid) ?? false;
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get required() { return this._required; }
+    set required(value) {
+        this._required = coerceBooleanProperty(value);
+        this.stateChanges.next();
+    }
+    get disabled() {
+        if (!isNil(this.ngControl?.disabled)) {
+            return this.ngControl.disabled;
+        }
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+        if (this.focused) {
+            this.focused = false;
+            this.stateChanges.next();
+        }
+    }
+    registerOnChange(fn) {
+        this._onModelChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouchedChange = fn;
+        this._matSelect?.registerOnTouched(fn);
+    }
+    setDisabledState(isDisabled) {
+        this._matSelect?.setDisabledState(isDisabled);
+    }
+    setDescribedByIds(ids) {
+        this._matSelect?.setDescribedByIds(ids);
+    }
+    onContainerClick() {
+        if (!this.focused) {
+            this._matSelect?.focus();
+        }
+    }
+    onFocusIn() {
+        if (!this.focused) {
+            this.focused = true;
+            this.stateChanges.next();
+        }
+    }
+    onFocusOut(event) {
+        if (!this._matSelect.panel.nativeElement.contains(event.relatedTarget)) {
+            this.touched = true;
+            this.focused = false;
+            this._onTouchedChange();
+            this.stateChanges.next();
+        }
+    }
+    writeValue(value) {
+        this.completeRowList.splice(0);
+        this._completeValueList.splice(0);
+        if (value) {
+            if (this.multiple)
+                value.forEach((v) => this._updateCompleteRowList(v, true));
+            else {
+                this.completeRowList.push(value);
+                this._completeValueList.push(value.id);
+            }
+        }
+        if (this._matSelect) {
+            this.value = value;
+            this._matSelect.writeValue(value);
+            this._matSelect._onChange(value);
+        }
+        else {
+            this.value = value;
+        }
+        this._cd.markForCheck();
+    }
+    ngOnChanges(changes) {
+        if (!isNil(changes.resetFiltersOnOpen) && changes.resetFiltersOnOpen.currentValue !== false) {
+            this._resetFilters();
+        }
+        if (!isNil(changes.dataSource)
+            && !isNil(changes.dataSource.currentValue)
+            && isArray(changes.dataSource.currentValue.data)) {
+            this.tableDataSource = [...changes.dataSource.currentValue.data];
+            if (this.addNullRow()) {
+                this.tableDataSource.unshift(this._nullRow);
+            }
+            this.tableColumns = ['_selection', ...changes.dataSource.currentValue.columns.map((column) => column.key)];
+            this.tableColumnsMap.clear();
+            changes.dataSource.currentValue.columns.forEach((column) => this.tableColumnsMap.set(column.key, column));
+        }
+    }
+    emulateMatOptionClick(event) {
+        if (event.composedPath()
+            .filter(et => et instanceof HTMLElement)
+            .some((et) => et.tagName.toLowerCase() === 'mat-option')) {
+            return;
+        }
+        if (!(event.target instanceof HTMLElement)) {
+            return;
+        }
+        let rowElement = event.target;
+        while (rowElement != null && rowElement instanceof HTMLElement && rowElement.tagName.toLowerCase() !== 'tr') {
+            rowElement = rowElement.parentElement;
+        }
+        if (rowElement === null) {
+            return;
+        }
+        const childOption = rowElement.querySelector('mat-option');
+        if (!childOption) {
+            return;
+        }
+        childOption.click();
+        const option = this._matOptions.find(i => i.id == childOption.id);
+        if (this.multiple && this._matSelect.panelOpen) {
+            this._updateCompleteRowList(option.value, option._selected);
+        }
+        if (!this.multiple) {
+            this.completeRowList.splice(0);
+            this._completeValueList.splice(0);
+            if (option.value) {
+                this.completeRowList.push(option.value);
+                this._completeValueList.push(option.value.id);
+            }
+        }
+    }
+    openedChange(opened) {
+        if (this.resetFiltersOnOpen !== false || (!this._matOptions.length && this.overallSearchEnabled) || (this.overallSearchEnabled && this._matOptions.length === 1)) {
+            this._resetFilters();
+        }
+        this.overallSearchVisibleState = this.overallSearchVisible;
+        if (this.resetSortOnOpen !== false) {
+            this._sort.sort({ id: '', start: 'asc', disableClear: false });
+        }
+        if (!opened) {
+            if (this.multiple) {
+                if (this.completeRowList.length > 0) {
+                    this.value = this.completeRowList;
+                    if (this._matSelect) {
+                        this._matSelect._onChange(this.completeRowList);
+                    }
+                }
+                if (this.completeRowList.length === 0) {
+                    this._checkAndResetSelection();
+                }
+            }
+            else {
+                if (this._matSelect) {
+                    this.value = this._matSelect.value;
+                    this._matSelect._onChange(this._matSelect.value);
+                }
+            }
+            this.closed.emit(!opened);
+            return;
+        }
+        this._table._headerRowDefChanged = true;
+        const panelElement = this._matSelect.panel.nativeElement;
+        const panelHeight = panelElement.getBoundingClientRect().height;
+        let tableAdditionalHeight = 0;
+        this._table._getRenderedRows(this._table._headerRowOutlet)
+            .concat(this._table._getRenderedRows(this._table._footerRowOutlet))
+            .forEach(row => tableAdditionalHeight += row.getBoundingClientRect().height);
+        if (!isNaN(panelHeight)) {
+            panelElement.style.maxHeight = `${panelHeight + tableAdditionalHeight}px`;
+        }
+    }
+    filterFormControl(key) {
+        if (!this._filterControls.contains(key)) {
+            this._filterControls.registerControl(key, new FormControl(''));
+        }
+        return this._filterControls.get(key);
+    }
+    simpleTriggerLabelFn(value) {
+        if (!isNil(this.triggerLabelSort)) {
+            this._sortData(value, this.triggerLabelSort.active, this.triggerLabelSort.direction);
+        }
+        return value.map((row) => {
+            if (isNil(row)) {
+                return '';
+            }
+            if (isNil(this.customTriggerLabelTemplate)
+                || typeof this.customTriggerLabelTemplate !== 'string'
+                || this.customTriggerLabelTemplate.trim().length === 0) {
+                return `${row.id}`;
+            }
+            let atLeastPartialSubstitution = false;
+            const substitution = this.customTriggerLabelTemplate.replace(/[$]{1}[{]{1}([^}]+)[}]{1}?/g, (_, key) => !isNil(row[key]) && (atLeastPartialSubstitution = true) ? row[key] : '');
+            if (atLeastPartialSubstitution === false) {
+                return `${row.id}`;
+            }
+            return substitution.trim();
+        }).join(', ');
+    }
+    toggleOverallSearch() {
+        this.overallSearchVisibleState = !this.overallSearchVisibleState;
+        this._resetFilters();
+        if (this.overallSearchVisibleState) {
+            setTimeout(() => this._matSelectSearch.focus());
+        }
+        this._cd.markForCheck();
+    }
+    addNullRow() {
+        return !this.multiple && this.canNull;
+    }
+    compareObjects(o1, o2) {
+        return o1 && o2 ? o1?.name === o2?.name && o1?.id === o2?.id : o1 === o2;
+    }
+    _updateCompleteRowList(value, selected) {
+        if (isNil(value)) {
+            return;
+        }
+        if (selected) {
+            ((this.dataSource || { data: [] }).data || [])
+                .filter(row => !isNil(row) && !isNil(row.id) && row.id === value.id)
+                .forEach((row) => {
+                const i = this.completeRowList.find(i => i.id === value.id);
+                if (!i) {
+                    this.completeRowList.push(row);
+                    this._completeValueList.push(row.id);
+                }
+            });
+        }
+        else {
+            const rowIndex = this.completeRowList.findIndex(i => i.id === value.id);
+            if (rowIndex > -1)
+                this.completeRowList.splice(rowIndex, 1);
+            const valueIndex = this._completeValueList.findIndex(i => i === value.id);
+            if (valueIndex > -1)
+                this._completeValueList.splice(valueIndex, 1);
+        }
+    }
+    _applyColumnLevelFilters(data) {
+        this.filteredOutRows = {};
+        const filters = {};
+        Object.keys(this._filterControls.controls)
+            .filter(key => this.tableColumnsMap.has(key)
+            && !isNil(this.tableColumnsMap.get(key)?.filter)
+            && this.tableColumnsMap.get(key)?.filter.enabled !== false)
+            .filter((key) => {
+            const value = this._filterControls.get(key)?.value;
+            return !isNil(value)
+                && ((isArray(value) && value.length > 0)
+                    || (typeof value === 'string' && value.trim().length > 0)
+                    || (typeof value === 'number' && `${value}`.trim().length > 0));
+        })
+            .forEach(key => filters[key] = {
+            filter: this.tableColumnsMap.get(key)?.filter,
+            value: this._filterControls.get(key)?.value
+        });
+        const filterKeys = Object.keys(filters);
+        for (let i = data.length - 1; i >= 0; i--) {
+            // eslint-disable-next-line @typescript-eslint/prefer-for-of
+            for (let k = 0; k < filterKeys.length; k++) {
+                const filterKey = filterKeys[k];
+                const row = data[i];
+                if (isNil(row)) {
+                    continue;
+                }
+                const cellValue = row[filterKey];
+                if (isNil(cellValue)) {
+                    data.splice(i, 1).forEach(item => this.filteredOutRows[`${item.id}`] = item);
+                    continue;
+                }
+                const filter = filters[filterKey];
+                const comparator = filter.filter?.comparator;
+                if (filter.filter?.type === 'number') {
+                    filter.value = Number(filter.value);
+                }
+                if (typeof filter.filter?.comparatorFn === 'function') {
+                    if (!filter.filter.comparatorFn.call(null, cellValue, filter.value, row)) {
+                        data.splice(i, 1).forEach(item => this.filteredOutRows[`${item.id}`] = item);
+                        break;
+                    }
+                }
+                else if (isNil(comparator) || comparator === 'equals') {
+                    if (filter.value !== cellValue) {
+                        data.splice(i, 1).forEach(item => this.filteredOutRows[`${item.id}`] = item);
+                        break;
+                    }
+                }
+                else if (typeof cellValue === 'string' && typeof filter.value === 'string') {
+                    const cellValueLC = `${cellValue}`.toLowerCase();
+                    const filterValueLC = filter.value.toLowerCase();
+                    if (isNil(comparator) || comparator === 'equalsIgnoreCase') {
+                        if (filterValueLC !== cellValueLC) {
+                            data.splice(i, 1).forEach(item => this.filteredOutRows[`${item.id}`] = item);
+                            break;
+                        }
+                    }
+                    else if (comparator === 'contains') {
+                        if (!cellValue.includes(filter.value)) {
+                            data.splice(i, 1).forEach(item => this.filteredOutRows[`${item.id}`] = item);
+                            break;
+                        }
+                    }
+                    else if (comparator === 'containsIgnoreCase') {
+                        if (!cellValueLC.includes(filterValueLC)) {
+                            data.splice(i, 1).forEach(item => this.filteredOutRows[`${item.id}`] = item);
+                            break;
+                        }
+                    }
+                    else if (comparator === 'startsWith') {
+                        if (!cellValue.startsWith(filter.value)) {
+                            data.splice(i, 1).forEach(item => this.filteredOutRows[`${item.id}`] = item);
+                            break;
+                        }
+                    }
+                    else if (comparator === 'startsWithIgnoreCase') {
+                        if (!cellValueLC.startsWith(filterValueLC)) {
+                            data.splice(i, 1).forEach(item => this.filteredOutRows[`${item.id}`] = item);
+                            break;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    _applyOverallFilter(data) {
+        this.filteredOutRows = {};
+        if (isNil(this.overallFilterControl.value)) {
+            return;
+        }
+        const filterValueLC = this.overallFilterControl.value.toLowerCase();
+        if (filterValueLC.trim().length === 0) {
+            return;
+        }
+        for (let i = data.length - 1; i >= 0; i--) {
+            const row = data[i];
+            let rowShouldBeFiltered = true;
+            for (let j = this.dataSource.columns.length - 1; j >= 0; j--) {
+                const key = this.dataSource.columns[j].key;
+                const cellValue = row[key];
+                if (isNil(cellValue)) {
+                    continue;
+                }
+                const cellValueLC = `${cellValue}`.toLowerCase();
+                if (cellValueLC.includes(filterValueLC)) {
+                    rowShouldBeFiltered = false;
+                    break;
+                }
+            }
+            if (rowShouldBeFiltered) {
+                data.splice(i, 1).forEach(item => this.filteredOutRows[`${item.id}`] = item);
+            }
+        }
+    }
+    _resetFilters() {
+        this.overallFilterControl.setValue('');
+        Object.keys(this._filterControls.controls)
+            .forEach(key => this._filterControls.get(key)?.setValue(''));
+    }
+    _sortingDataAccessor(data, active) {
+        const value = data[active];
+        if (isNumber(value)) {
+            const numberValue = Number(value);
+            return numberValue < MAX_SAFE_INTEGER ? numberValue : value;
+        }
+        return value;
+    }
+    _sortData(data, active, direction) {
+        if (!active || direction === '') {
+            return data;
+        }
+        return data.sort((a, b) => {
+            let aValue = this._sortingDataAccessor(a, active);
+            let bValue = this._sortingDataAccessor(b, active);
+            if (a.id === null) {
+                return -1;
+            }
+            else if (b.id === null) {
+                return 1;
+            }
+            // Both null/undefined/equal value check
+            if (aValue === bValue) {
+                return 0;
+            }
+            // One null value check
+            if (isNil(aValue) && !isNil(bValue)) {
+                return -1;
+            }
+            else if (!isNil(aValue) && isNil(bValue)) {
+                return 1;
+            }
+            if (aValue instanceof Date) {
+                aValue = aValue.getTime();
+            }
+            if (bValue instanceof Date) {
+                bValue = bValue.getTime();
+            }
+            // User localeCompare for strings
+            if (isString(aValue) && isString(bValue)) {
+                return (aValue).localeCompare(bValue) * (direction === 'asc' ? 1 : -1);
+            }
+            // Try to convert to a Number type
+            aValue = isNaN(aValue) ? `${aValue}` : +aValue;
+            bValue = isNaN(bValue) ? `${bValue}` : +bValue;
+            // if one is number and other is String
+            if (isString(aValue) && isNumber(bValue)) {
+                return (1) * (direction === 'asc' ? 1 : -1);
+            }
+            if (isNumber(aValue) && isString(bValue)) {
+                return (-1) * (direction === 'asc' ? 1 : -1);
+            }
+            return (aValue > bValue ? 1 : -1) * (direction === 'asc' ? 1 : -1);
+        });
+    }
+    _checkAndResetSelection() {
+        if (this._matSelect.value && isArray(this._matSelect.value) && this._matSelect.value.length < 1
+            && !isNil(this.resetOptionAction)) {
+            this.resetOptionAction();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: CmatSelectTableComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: CmatSelectTableComponent, isStandalone: true, selector: "cmat-select-table", inputs: { id: "id", dataSource: "dataSource", noEntriesFoundLabel: "noEntriesFoundLabel", showNoFoundLabel: "showNoFoundLabel", multiple: "multiple", overallSearchEnabled: "overallSearchEnabled", overallSearchVisible: "overallSearchVisible", resetSortOnOpen: "resetSortOnOpen", resetFiltersOnOpen: "resetFiltersOnOpen", customTriggerLabelFn: "customTriggerLabelFn", triggerLabelSort: "triggerLabelSort", customTriggerLabelTemplate: "customTriggerLabelTemplate", canNull: "canNull", defaultSort: "defaultSort", resetOptionAction: "resetOptionAction", placeholder: "placeholder", value: "value", required: "required", disabled: "disabled" }, outputs: { closed: "closed" }, host: { listeners: { "document:click": "clickedOut()" }, properties: { "attr.id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: CmatSelectTableComponent }], viewQueries: [{ propertyName: "_matSelectSearch", first: true, predicate: CmatSelectSearchComponent, descendants: true }, { propertyName: "_sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "_table", first: true, predicate: MatTable, descendants: true }, { propertyName: "matSelect", first: true, predicate: ["componentSelect"], descendants: true }, { propertyName: "_matOptions", predicate: MatOption, descendants: true }], exportAs: ["cmatSelectTable"], usesOnChanges: true, ngImport: i0, template: "@if(multiple){\r\n<mat-select #componentSelect multiple disableRipple\r\n    panelClass=\"overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom cmat-select-search-table-panel\"\r\n    [placeholder]=\"placeholder\" [required]=\"required\" [formControl]=\"selectControl\" [compareWith]=\"compareObjects\"\r\n    (focusin)=\"onFocusIn()\" (openedChange)=\"openedChange($event)\">\r\n    <mat-select-trigger>\r\n        @if(!customTriggerLabelFn){\r\n        {{simpleTriggerLabelFn(completeRowList)}}\r\n        }@else {\r\n        {{customTriggerLabelFn(completeRowList)}}\r\n        }\r\n    </mat-select-trigger>\r\n\r\n    <div [ngClass]=\"{'hidden-header': overallSearchVisibleState}\" (focusout)=\"onFocusOut($event)\">\r\n        @if(overallSearchEnabled){\r\n        <mat-option [ngClass]=\"{'hidden':!overallSearchVisibleState === true}\">\r\n            <cmat-select-search [showNoFoundLabel]=\"showNoFoundLabel\" [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\r\n                [formControl]=\"overallFilterControl\" [clearSearchInput]=\"resetFiltersOnOpen\">\r\n            </cmat-select-search>\r\n        </mat-option>\r\n\r\n        <div class=\"overall-search-toggle\" [ngStyle]=\"{ height: overallSearchVisibleState ? '48px' : '55.4px' }\">\r\n            <mat-icon color=\"primary\"\r\n                [svgIcon]=\"overallSearchVisibleState ? 'mat_outline:arrow_back' : 'mat_outline:search'\"\r\n                (click)=\"toggleOverallSearch()\">\r\n            </mat-icon>\r\n        </div>\r\n        }\r\n        <table #table mat-table matSort [dataSource]=\"tableDataSource\">\r\n            @for (columnKey of tableColumns; track $index) {\r\n            @switch (columnKey) {\r\n            @case ('_selection') {\r\n            <ng-container [matColumnDef]=\"columnKey\">\r\n                <th *matHeaderCellDef mat-header-cell [ngClass]=\"{selection: true, hidden: !multiple}\"></th>\r\n                <td *matCellDef=\"let row\" mat-cell [ngClass]=\"{selection: true, hidden: !multiple}\">\r\n                    <mat-option [value]=\"row\"></mat-option>\r\n                </td>\r\n            </ng-container>\r\n            }\r\n            @default {\r\n            <ng-container [matColumnDef]=\"columnKey\">\r\n                <th *matHeaderCellDef mat-header-cell mat-sort-header\r\n                    [disabled]=\"!tableColumnsMap.get(columnKey)?.sortable\">\r\n                    @if(!tableColumnsMap.get(columnKey)?.sortable){\r\n                    <div>{{tableColumnsMap.get(columnKey)?.name}}</div>\r\n                    }@else {\r\n                    @switch (tableColumnsMap.get(columnKey)?.filter?.type) {\r\n                    @case ('string') {\r\n                    <ng-container [ngTemplateOutlet]=\"filterTypeString\"\r\n                        [ngTemplateOutletContext]=\"{column: tableColumnsMap.get(columnKey)}\"></ng-container>\r\n                    }\r\n                    @case('number'){\r\n                    <ng-container [ngTemplateOutlet]=\"filterTypeNumber\"\r\n                        [ngTemplateOutletContext]=\"{column: tableColumnsMap.get(columnKey)}\"></ng-container>\r\n                    }\r\n                    @default {\r\n                    <div>{{tableColumnsMap.get(columnKey)?.name}}</div>\r\n                    }\r\n                    }\r\n                    }\r\n                </th>\r\n                <td *matCellDef=\"let row\" mat-cell>\r\n                    {{row[columnKey]}}\r\n                </td>\r\n            </ng-container>\r\n            }\r\n            }\r\n            }\r\n\r\n            <tr *matHeaderRowDef=\"tableColumns; sticky: true\" mat-header-row></tr>\r\n            <tr *matRowDef=\"let row; columns: tableColumns;\" mat-row (click)=\"emulateMatOptionClick($event)\"></tr>\r\n        </table>\r\n    </div>\r\n</mat-select>\r\n}@else {\r\n<mat-select #componentSelect disableRipple\r\n    panelClass=\"overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom cmat-select-search-table-panel\"\r\n    [placeholder]=\"placeholder\" [required]=\"required\" [formControl]=\"selectControl\" [compareWith]=\"compareObjects\"\r\n    (focusin)=\"onFocusIn()\" (openedChange)=\"openedChange($event)\">\r\n    <mat-select-trigger>\r\n        @if(!customTriggerLabelFn){\r\n        {{simpleTriggerLabelFn(completeRowList)}}\r\n        }@else {\r\n        {{customTriggerLabelFn(completeRowList)}}\r\n        }\r\n    </mat-select-trigger>\r\n\r\n    <div [ngClass]=\"{'hidden-header': overallSearchVisibleState}\" (focusout)=\"onFocusOut($event)\">\r\n        @if(overallSearchEnabled){\r\n        <mat-option [ngClass]=\"{'hidden':!overallSearchVisibleState === true}\">\r\n            <cmat-select-search [showNoFoundLabel]=\"showNoFoundLabel\" [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\r\n                [formControl]=\"overallFilterControl\" [clearSearchInput]=\"resetFiltersOnOpen\">\r\n            </cmat-select-search>\r\n        </mat-option>\r\n\r\n        <div class=\"overall-search-toggle\" [ngStyle]=\"{ height: overallSearchVisibleState ? '48px' : '55.4px' }\">\r\n            <mat-icon color=\"primary\"\r\n                [svgIcon]=\"overallSearchVisibleState ? 'mat_outline:arrow_back' : 'mat_outline:search'\"\r\n                (click)=\"toggleOverallSearch()\">\r\n            </mat-icon>\r\n        </div>\r\n        }\r\n        <table #table mat-table matSort [dataSource]=\"tableDataSource\">\r\n            @for (columnKey of tableColumns; track $index) {\r\n            @switch (columnKey) {\r\n            @case ('_selection') {\r\n            <ng-container [matColumnDef]=\"columnKey\">\r\n                <th *matHeaderCellDef mat-header-cell class=\"selection\"></th>\r\n                <td *matCellDef=\"let row\" mat-cell class=\"selection\">\r\n                    @if(row.id===null){\r\n                        <mat-option></mat-option>\r\n                    }@else {\r\n                        <mat-option [value]=\"row\"></mat-option>\r\n                    }                    \r\n                </td>\r\n            </ng-container>\r\n            }\r\n            @default {\r\n            <ng-container [matColumnDef]=\"columnKey\">\r\n                <th *matHeaderCellDef mat-header-cell mat-sort-header\r\n                    [disabled]=\"!tableColumnsMap.get(columnKey)?.sortable\">\r\n                    @if(!tableColumnsMap.get(columnKey)?.sortable){\r\n                    <div>{{tableColumnsMap.get(columnKey)?.name}}</div>\r\n                    }@else {\r\n                    @switch (tableColumnsMap.get(columnKey)?.filter?.type) {\r\n                    @case ('string') {\r\n                    <ng-container [ngTemplateOutlet]=\"filterTypeString\"\r\n                        [ngTemplateOutletContext]=\"{column: tableColumnsMap.get(columnKey)}\"></ng-container>\r\n                    }\r\n                    @case('number'){\r\n                    <ng-container [ngTemplateOutlet]=\"filterTypeNumber\"\r\n                        [ngTemplateOutletContext]=\"{column: tableColumnsMap.get(columnKey)}\"></ng-container>\r\n                    }\r\n                    @default {\r\n                    <div>{{tableColumnsMap.get(columnKey)?.name}}</div>\r\n                    }\r\n                    }\r\n                    }\r\n                </th>\r\n                <td *matCellDef=\"let row\" mat-cell\r\n                    [colSpan]=\"addNullRow() && row.id === null && $index === 1 ? tableColumns.length : 1\"\r\n                    [ngStyle]=\"{display: addNullRow() && row.id === null && $index !== 1 ? 'none' : ''}\">\r\n                    {{addNullRow() && row.id === null && $index === 1 ? '\u7A7A' : row[columnKey]}}\r\n                </td>\r\n            </ng-container>\r\n            }\r\n            }\r\n            }\r\n\r\n            <tr *matHeaderRowDef=\"tableColumns; sticky: true\" mat-header-row></tr>\r\n            <tr *matRowDef=\"let row; columns: tableColumns;\" mat-row (click)=\"emulateMatOptionClick($event)\"></tr>\r\n        </table>\r\n    </div>\r\n</mat-select>\r\n}\r\n<ng-template #filterTypeString let-column='column'>\r\n    <mat-form-field class=\"filter\" (click)=\"$event.stopPropagation()\">\r\n        <input matInput [formControl]=\"filterFormControl(column.key)\" [placeholder]=\"column.name\"\r\n            (keydown)=\"$event.stopPropagation()\" (keyup)=\"$event.stopPropagation()\"\r\n            (keypress)=\"$event.stopPropagation()\" />\r\n    </mat-form-field>\r\n</ng-template>\r\n\r\n<ng-template #filterTypeNumber let-column='column'>\r\n    <mat-form-field class=\"filter\" (click)=\"$event.stopPropagation()\">\r\n        <input matInput cmatDigitOnly [min]=\"0\" [formControl]=\"filterFormControl(column.key)\"\r\n            [placeholder]=\"column.name\" (keydown)=\"$event.stopPropagation()\" (keyup)=\"$event.stopPropagation()\"\r\n            (keypress)=\"$event.stopPropagation()\" />\r\n    </mat-form-field>\r\n</ng-template>", styles: ["cmat-select-table{display:block;width:100%}.cmat-select-search-table-panel{min-width:max-content;max-width:100%;padding-top:0!important}.cmat-select-search-table-panel .overall-search-toggle{z-index:102;display:flex;cursor:pointer;position:absolute;width:48px;height:48px;align-items:center;left:12px;top:0}.cmat-select-search-table-panel .hidden-header table thead{display:none}.cmat-select-search-table-panel table{width:100%}.cmat-select-search-table-panel table tr{cursor:pointer;height:48px;max-height:48px}.cmat-select-search-table-panel table tr mat-option{height:48px;max-height:48px}.cmat-select-search-table-panel table tr td{-webkit-user-select:none;user-select:none;border-bottom:0!important;box-shadow:inset 0 -1px var(--cmat-border)}.cmat-select-search-table-panel table tr th .mat-sort-header-container{height:55px}.cmat-select-search-table-panel table tr th .mat-sort-header-container mat-form-field .mat-form-field-infix{width:initial}.cmat-select-search-table-panel table tr th[aria-sort] .mat-sort-header-arrow{opacity:1!important}.cmat-select-search-table-panel table tr td mat-option,.cmat-select-search-table-panel table tr th mat-option{background:transparent!important}.cmat-select-search-table-panel table tr td.selection,.cmat-select-search-table-panel table tr th.selection{width:48px;padding:0;margin:0}.cmat-select-search-table-panel table tr:has(td:first-child mat-option[aria-selected=true]){@apply text-primary bg-hover !important;}.cmat-select-search-table-panel .cmat-select-search-inner>span{visibility:hidden}\n"], dependencies: [{ kind: "component", type: CmatSelectSearchComponent, selector: "cmat-select-search", inputs: ["placeholderLabel", "type", "noEntriesFoundLabel", "showNoFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"], exportAs: ["cmatSelectSearch"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i7.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i7.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i7.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i9.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i9.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "directive", type: CmatDigitOnlyDirective, selector: "[cmatDigitOnly]", inputs: ["decimal", "decimalSeparator", "allowNegatives", "allowPaste", "negativeSign", "min", "max", "pattern"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: CmatSelectTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-select-table', exportAs: 'cmatSelectTable', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: MatFormFieldControl, useExisting: CmatSelectTableComponent }], imports: [CmatSelectSearchComponent, MatFormFieldModule, MatSelectModule, ReactiveFormsModule, CommonModule,
+                        MatIconModule, MatTableModule, MatInputModule, MatSortModule, CmatDigitOnlyDirective
+                    ], template: "@if(multiple){\r\n<mat-select #componentSelect multiple disableRipple\r\n    panelClass=\"overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom cmat-select-search-table-panel\"\r\n    [placeholder]=\"placeholder\" [required]=\"required\" [formControl]=\"selectControl\" [compareWith]=\"compareObjects\"\r\n    (focusin)=\"onFocusIn()\" (openedChange)=\"openedChange($event)\">\r\n    <mat-select-trigger>\r\n        @if(!customTriggerLabelFn){\r\n        {{simpleTriggerLabelFn(completeRowList)}}\r\n        }@else {\r\n        {{customTriggerLabelFn(completeRowList)}}\r\n        }\r\n    </mat-select-trigger>\r\n\r\n    <div [ngClass]=\"{'hidden-header': overallSearchVisibleState}\" (focusout)=\"onFocusOut($event)\">\r\n        @if(overallSearchEnabled){\r\n        <mat-option [ngClass]=\"{'hidden':!overallSearchVisibleState === true}\">\r\n            <cmat-select-search [showNoFoundLabel]=\"showNoFoundLabel\" [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\r\n                [formControl]=\"overallFilterControl\" [clearSearchInput]=\"resetFiltersOnOpen\">\r\n            </cmat-select-search>\r\n        </mat-option>\r\n\r\n        <div class=\"overall-search-toggle\" [ngStyle]=\"{ height: overallSearchVisibleState ? '48px' : '55.4px' }\">\r\n            <mat-icon color=\"primary\"\r\n                [svgIcon]=\"overallSearchVisibleState ? 'mat_outline:arrow_back' : 'mat_outline:search'\"\r\n                (click)=\"toggleOverallSearch()\">\r\n            </mat-icon>\r\n        </div>\r\n        }\r\n        <table #table mat-table matSort [dataSource]=\"tableDataSource\">\r\n            @for (columnKey of tableColumns; track $index) {\r\n            @switch (columnKey) {\r\n            @case ('_selection') {\r\n            <ng-container [matColumnDef]=\"columnKey\">\r\n                <th *matHeaderCellDef mat-header-cell [ngClass]=\"{selection: true, hidden: !multiple}\"></th>\r\n                <td *matCellDef=\"let row\" mat-cell [ngClass]=\"{selection: true, hidden: !multiple}\">\r\n                    <mat-option [value]=\"row\"></mat-option>\r\n                </td>\r\n            </ng-container>\r\n            }\r\n            @default {\r\n            <ng-container [matColumnDef]=\"columnKey\">\r\n                <th *matHeaderCellDef mat-header-cell mat-sort-header\r\n                    [disabled]=\"!tableColumnsMap.get(columnKey)?.sortable\">\r\n                    @if(!tableColumnsMap.get(columnKey)?.sortable){\r\n                    <div>{{tableColumnsMap.get(columnKey)?.name}}</div>\r\n                    }@else {\r\n                    @switch (tableColumnsMap.get(columnKey)?.filter?.type) {\r\n                    @case ('string') {\r\n                    <ng-container [ngTemplateOutlet]=\"filterTypeString\"\r\n                        [ngTemplateOutletContext]=\"{column: tableColumnsMap.get(columnKey)}\"></ng-container>\r\n                    }\r\n                    @case('number'){\r\n                    <ng-container [ngTemplateOutlet]=\"filterTypeNumber\"\r\n                        [ngTemplateOutletContext]=\"{column: tableColumnsMap.get(columnKey)}\"></ng-container>\r\n                    }\r\n                    @default {\r\n                    <div>{{tableColumnsMap.get(columnKey)?.name}}</div>\r\n                    }\r\n                    }\r\n                    }\r\n                </th>\r\n                <td *matCellDef=\"let row\" mat-cell>\r\n                    {{row[columnKey]}}\r\n                </td>\r\n            </ng-container>\r\n            }\r\n            }\r\n            }\r\n\r\n            <tr *matHeaderRowDef=\"tableColumns; sticky: true\" mat-header-row></tr>\r\n            <tr *matRowDef=\"let row; columns: tableColumns;\" mat-row (click)=\"emulateMatOptionClick($event)\"></tr>\r\n        </table>\r\n    </div>\r\n</mat-select>\r\n}@else {\r\n<mat-select #componentSelect disableRipple\r\n    panelClass=\"overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom cmat-select-search-table-panel\"\r\n    [placeholder]=\"placeholder\" [required]=\"required\" [formControl]=\"selectControl\" [compareWith]=\"compareObjects\"\r\n    (focusin)=\"onFocusIn()\" (openedChange)=\"openedChange($event)\">\r\n    <mat-select-trigger>\r\n        @if(!customTriggerLabelFn){\r\n        {{simpleTriggerLabelFn(completeRowList)}}\r\n        }@else {\r\n        {{customTriggerLabelFn(completeRowList)}}\r\n        }\r\n    </mat-select-trigger>\r\n\r\n    <div [ngClass]=\"{'hidden-header': overallSearchVisibleState}\" (focusout)=\"onFocusOut($event)\">\r\n        @if(overallSearchEnabled){\r\n        <mat-option [ngClass]=\"{'hidden':!overallSearchVisibleState === true}\">\r\n            <cmat-select-search [showNoFoundLabel]=\"showNoFoundLabel\" [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\r\n                [formControl]=\"overallFilterControl\" [clearSearchInput]=\"resetFiltersOnOpen\">\r\n            </cmat-select-search>\r\n        </mat-option>\r\n\r\n        <div class=\"overall-search-toggle\" [ngStyle]=\"{ height: overallSearchVisibleState ? '48px' : '55.4px' }\">\r\n            <mat-icon color=\"primary\"\r\n                [svgIcon]=\"overallSearchVisibleState ? 'mat_outline:arrow_back' : 'mat_outline:search'\"\r\n                (click)=\"toggleOverallSearch()\">\r\n            </mat-icon>\r\n        </div>\r\n        }\r\n        <table #table mat-table matSort [dataSource]=\"tableDataSource\">\r\n            @for (columnKey of tableColumns; track $index) {\r\n            @switch (columnKey) {\r\n            @case ('_selection') {\r\n            <ng-container [matColumnDef]=\"columnKey\">\r\n                <th *matHeaderCellDef mat-header-cell class=\"selection\"></th>\r\n                <td *matCellDef=\"let row\" mat-cell class=\"selection\">\r\n                    @if(row.id===null){\r\n                        <mat-option></mat-option>\r\n                    }@else {\r\n                        <mat-option [value]=\"row\"></mat-option>\r\n                    }                    \r\n                </td>\r\n            </ng-container>\r\n            }\r\n            @default {\r\n            <ng-container [matColumnDef]=\"columnKey\">\r\n                <th *matHeaderCellDef mat-header-cell mat-sort-header\r\n                    [disabled]=\"!tableColumnsMap.get(columnKey)?.sortable\">\r\n                    @if(!tableColumnsMap.get(columnKey)?.sortable){\r\n                    <div>{{tableColumnsMap.get(columnKey)?.name}}</div>\r\n                    }@else {\r\n                    @switch (tableColumnsMap.get(columnKey)?.filter?.type) {\r\n                    @case ('string') {\r\n                    <ng-container [ngTemplateOutlet]=\"filterTypeString\"\r\n                        [ngTemplateOutletContext]=\"{column: tableColumnsMap.get(columnKey)}\"></ng-container>\r\n                    }\r\n                    @case('number'){\r\n                    <ng-container [ngTemplateOutlet]=\"filterTypeNumber\"\r\n                        [ngTemplateOutletContext]=\"{column: tableColumnsMap.get(columnKey)}\"></ng-container>\r\n                    }\r\n                    @default {\r\n                    <div>{{tableColumnsMap.get(columnKey)?.name}}</div>\r\n                    }\r\n                    }\r\n                    }\r\n                </th>\r\n                <td *matCellDef=\"let row\" mat-cell\r\n                    [colSpan]=\"addNullRow() && row.id === null && $index === 1 ? tableColumns.length : 1\"\r\n                    [ngStyle]=\"{display: addNullRow() && row.id === null && $index !== 1 ? 'none' : ''}\">\r\n                    {{addNullRow() && row.id === null && $index === 1 ? '\u7A7A' : row[columnKey]}}\r\n                </td>\r\n            </ng-container>\r\n            }\r\n            }\r\n            }\r\n\r\n            <tr *matHeaderRowDef=\"tableColumns; sticky: true\" mat-header-row></tr>\r\n            <tr *matRowDef=\"let row; columns: tableColumns;\" mat-row (click)=\"emulateMatOptionClick($event)\"></tr>\r\n        </table>\r\n    </div>\r\n</mat-select>\r\n}\r\n<ng-template #filterTypeString let-column='column'>\r\n    <mat-form-field class=\"filter\" (click)=\"$event.stopPropagation()\">\r\n        <input matInput [formControl]=\"filterFormControl(column.key)\" [placeholder]=\"column.name\"\r\n            (keydown)=\"$event.stopPropagation()\" (keyup)=\"$event.stopPropagation()\"\r\n            (keypress)=\"$event.stopPropagation()\" />\r\n    </mat-form-field>\r\n</ng-template>\r\n\r\n<ng-template #filterTypeNumber let-column='column'>\r\n    <mat-form-field class=\"filter\" (click)=\"$event.stopPropagation()\">\r\n        <input matInput cmatDigitOnly [min]=\"0\" [formControl]=\"filterFormControl(column.key)\"\r\n            [placeholder]=\"column.name\" (keydown)=\"$event.stopPropagation()\" (keyup)=\"$event.stopPropagation()\"\r\n            (keypress)=\"$event.stopPropagation()\" />\r\n    </mat-form-field>\r\n</ng-template>", styles: ["cmat-select-table{display:block;width:100%}.cmat-select-search-table-panel{min-width:max-content;max-width:100%;padding-top:0!important}.cmat-select-search-table-panel .overall-search-toggle{z-index:102;display:flex;cursor:pointer;position:absolute;width:48px;height:48px;align-items:center;left:12px;top:0}.cmat-select-search-table-panel .hidden-header table thead{display:none}.cmat-select-search-table-panel table{width:100%}.cmat-select-search-table-panel table tr{cursor:pointer;height:48px;max-height:48px}.cmat-select-search-table-panel table tr mat-option{height:48px;max-height:48px}.cmat-select-search-table-panel table tr td{-webkit-user-select:none;user-select:none;border-bottom:0!important;box-shadow:inset 0 -1px var(--cmat-border)}.cmat-select-search-table-panel table tr th .mat-sort-header-container{height:55px}.cmat-select-search-table-panel table tr th .mat-sort-header-container mat-form-field .mat-form-field-infix{width:initial}.cmat-select-search-table-panel table tr th[aria-sort] .mat-sort-header-arrow{opacity:1!important}.cmat-select-search-table-panel table tr td mat-option,.cmat-select-search-table-panel table tr th mat-option{background:transparent!important}.cmat-select-search-table-panel table tr td.selection,.cmat-select-search-table-panel table tr th.selection{width:48px;padding:0;margin:0}.cmat-select-search-table-panel table tr:has(td:first-child mat-option[aria-selected=true]){@apply text-primary bg-hover !important;}.cmat-select-search-table-panel .cmat-select-search-inner>span{visibility:hidden}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }, {
+                type: Input
+            }], dataSource: [{
+                type: Input
+            }], noEntriesFoundLabel: [{
+                type: Input
+            }], showNoFoundLabel: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], overallSearchEnabled: [{
+                type: Input
+            }], overallSearchVisible: [{
+                type: Input
+            }], resetSortOnOpen: [{
+                type: Input
+            }], resetFiltersOnOpen: [{
+                type: Input
+            }], customTriggerLabelFn: [{
+                type: Input
+            }], triggerLabelSort: [{
+                type: Input
+            }], customTriggerLabelTemplate: [{
+                type: Input
+            }], canNull: [{
+                type: Input
+            }], defaultSort: [{
+                type: Input
+            }], resetOptionAction: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }], _matSelectSearch: [{
+                type: ViewChild,
+                args: [CmatSelectSearchComponent, { static: false }]
+            }], _sort: [{
+                type: ViewChild,
+                args: [MatSort, { static: false }]
+            }], _table: [{
+                type: ViewChild,
+                args: [MatTable, { static: false }]
+            }], _matOptions: [{
+                type: ViewChildren,
+                args: [MatOption]
+            }], matSelect: [{
+                type: ViewChild,
+                args: ['componentSelect', { static: false }]
+            }], clickedOut: [{
+                type: HostListener,
+                args: ['document:click']
+            }], placeholder: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CmatSelectTableComponent };
+//# sourceMappingURL=cmat-components-select-table.mjs.map