@mediusinc/mng-commons 0.0.1-rc.4 → 0.1.0

package/esm2020/lib/components/tableview/table/column-filter/column-filter.component.mjs

@@ -0,0 +1,74 @@
+import { Component, Input } from '@angular/core';
+import { FilterMatchMode } from 'primeng/api';
+import { FilterDescriptor, FilterLookupDescriptor, TableDescriptor } from '../../../../models/descriptors';
+import * as i0 from "@angular/core";
+import * as i1 from "primeng/table";
+import * as i2 from "../../../form/autocomplete/mng-autocomplete.component";
+import * as i3 from "../../../form/dropdown/mng-dropdown.component";
+import * as i4 from "@angular/common";
+import * as i5 from "primeng/api";
+import * as i6 from "@angular/forms";
+import * as i7 from "@ngx-translate/core";
+/**
+ * Cannot be on push change detection strategy because of filter updates triggered from route which causes to force update values in force metadata
+ * and these must be propagated through to this component and beyond to primeNG.
+ */
+export class MngTableColumnFilterComponent {
+    constructor() {
+        this.lookupTypeDropdown = FilterLookupDescriptor.LookupTypeEnum.Dropdown;
+        this.lookupTypeAutocomplete = FilterLookupDescriptor.LookupTypeEnum.Autocomplete;
+        this.primeType = 'text';
+        this.primeDefaultMatchMode = FilterMatchMode.EQUALS;
+        this.primeDisplay = 'row';
+    }
+    ngOnInit() {
+        switch (this.descriptor.filterType) {
+            case FilterDescriptor.TypeEnum.Boolean:
+                this.primeType = 'boolean';
+                break;
+            case FilterDescriptor.TypeEnum.Number:
+                this.primeType = 'numeric';
+                break;
+            case FilterDescriptor.TypeEnum.Date:
+                this.primeType = 'date';
+                break;
+            case FilterDescriptor.TypeEnum.Lookup:
+                this.primeType = 'lookup';
+                this.lookupDescriptor = this.descriptor;
+                this.primeField = `${this.descriptor.property}${this.lookupDescriptor.itemsValueProperty ? `.${this.lookupDescriptor.itemsValueProperty}` : ''}`;
+                break;
+            case FilterDescriptor.TypeEnum.String:
+                this.primeType = 'text';
+                this.primeDefaultMatchMode = FilterMatchMode.CONTAINS;
+                break;
+        }
+        switch (this.display) {
+            case TableDescriptor.FilterDisplayEnum.Menu:
+                this.primeDisplay = 'menu';
+                break;
+        }
+    }
+    autocompleteFilter(value, filterCallback) {
+        if (value) {
+            let filterValue = value;
+            if (this.lookupDescriptor.itemsValueProperty) {
+                filterValue = filterValue[this.lookupDescriptor.itemsValueProperty];
+            }
+            filterCallback(filterValue);
+        }
+        else {
+            filterCallback(value);
+        }
+    }
+}
+MngTableColumnFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MngTableColumnFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MngTableColumnFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MngTableColumnFilterComponent, selector: "mng-table-column-filter", inputs: { descriptor: "descriptor", display: "display" }, ngImport: i0, template: "<p-columnFilter class=\"ml-auto\"\n                [type]=\"primeType\" matchMode=\"equals\"\n                [field]=\"descriptor.property\" [display]=\"primeDisplay\"\n                [matchMode]=\"primeDefaultMatchMode\"\n                [placeholder]=\"(descriptor.placeholder ?? 'mngTable.typeToFilter') | translate\"\n                [showMatchModes]=\"primeType === 'text' || primeType === 'date' || primeType === 'numeric'\"\n                [showOperator]=\"false\" [showAddButton]=\"false\" [hideOnClear]=\"true\">\n    <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n        <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n            <mng-autocomplete *ngSwitchCase=\"lookupTypeAutocomplete\"\n                              [ngModel]=\"value\"\n                              [dataProvider]=\"lookupDescriptor.dataProvider\"\n                              [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n                              [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                              [multiselect]=\"lookupDescriptor.multiselect\"\n                              [placeholder]=\"(descriptor.placeholder ?? 'mngTable.searchToFilter') | translate\"\n                              [className]=\"lookupDescriptor.className\"\n                              [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                              (onChange)=\"autocompleteFilter($event, filterCallback)\">\n            </mng-autocomplete>\n            <mng-dropdown *ngSwitchCase=\"lookupTypeDropdown\"\n                          [ngModel]=\"value\"\n                          [dataProvider]=\"lookupDescriptor.dataProvider\"\n                          [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n                          [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                          [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n                          [multiselect]=\"lookupDescriptor.multiselect\"\n                          [placeholder]=\"(descriptor.placeholder ?? 'mngTable.selectToFilter') | translate\"\n                          [className]=\"lookupDescriptor.className\"\n                          [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                          [showClear]=\"true\"\n                          (onChange)=\"filterCallback($event)\">\n            </mng-dropdown>\n        </ng-container>\n    </ng-template>\n</p-columnFilter>\n", components: [{ type: i1.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping"] }, { type: i2.MngAutocompleteComponent, selector: "mng-autocomplete", inputs: ["dataProvider", "dataKeyProperty", "itemsLabelProperty", "multiselect", "placeholder", "className", "dropdownClassName"], outputs: ["onChange"] }, { type: i3.MngDropdownComponent, selector: "mng-dropdown", inputs: ["dataProvider", "dataKeyProperty", "itemsLabelProperty", "itemsValueProperty", "multiselect", "placeholder", "showClear", "className", "dropdownClassName"], outputs: ["onChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i7.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MngTableColumnFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mng-table-column-filter', template: "<p-columnFilter class=\"ml-auto\"\n                [type]=\"primeType\" matchMode=\"equals\"\n                [field]=\"descriptor.property\" [display]=\"primeDisplay\"\n                [matchMode]=\"primeDefaultMatchMode\"\n                [placeholder]=\"(descriptor.placeholder ?? 'mngTable.typeToFilter') | translate\"\n                [showMatchModes]=\"primeType === 'text' || primeType === 'date' || primeType === 'numeric'\"\n                [showOperator]=\"false\" [showAddButton]=\"false\" [hideOnClear]=\"true\">\n    <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n        <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n            <mng-autocomplete *ngSwitchCase=\"lookupTypeAutocomplete\"\n                              [ngModel]=\"value\"\n                              [dataProvider]=\"lookupDescriptor.dataProvider\"\n                              [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n                              [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                              [multiselect]=\"lookupDescriptor.multiselect\"\n                              [placeholder]=\"(descriptor.placeholder ?? 'mngTable.searchToFilter') | translate\"\n                              [className]=\"lookupDescriptor.className\"\n                              [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                              (onChange)=\"autocompleteFilter($event, filterCallback)\">\n            </mng-autocomplete>\n            <mng-dropdown *ngSwitchCase=\"lookupTypeDropdown\"\n                          [ngModel]=\"value\"\n                          [dataProvider]=\"lookupDescriptor.dataProvider\"\n                          [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n                          [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                          [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n                          [multiselect]=\"lookupDescriptor.multiselect\"\n                          [placeholder]=\"(descriptor.placeholder ?? 'mngTable.selectToFilter') | translate\"\n                          [className]=\"lookupDescriptor.className\"\n                          [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                          [showClear]=\"true\"\n                          (onChange)=\"filterCallback($event)\">\n            </mng-dropdown>\n        </ng-container>\n    </ng-template>\n</p-columnFilter>\n" }]
+        }], propDecorators: { descriptor: [{
+                type: Input
+            }], display: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWZpbHRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tbmctY29tbW9ucy9zcmMvbGliL2NvbXBvbmVudHMvdGFibGV2aWV3L3RhYmxlL2NvbHVtbi1maWx0ZXIvY29sdW1uLWZpbHRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tbmctY29tbW9ucy9zcmMvbGliL2NvbXBvbmVudHMvdGFibGV2aWV3L3RhYmxlL2NvbHVtbi1maWx0ZXIvY29sdW1uLWZpbHRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUV2RCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sYUFBYSxDQUFDO0FBRTVDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBRSxzQkFBc0IsRUFBRSxlQUFlLEVBQUMsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7Ozs7O0FBRXpHOzs7R0FHRztBQUtILE1BQU0sT0FBTyw2QkFBNkI7SUFKMUM7UUFNb0IsdUJBQWtCLEdBQTBDLHNCQUFzQixDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUM7UUFDM0csMkJBQXNCLEdBQTBDLHNCQUFzQixDQUFDLGNBQWMsQ0FBQyxZQUFZLENBQUM7UUFRNUgsY0FBUyxHQUFXLE1BQU0sQ0FBQztRQUMzQiwwQkFBcUIsR0FBVyxlQUFlLENBQUMsTUFBTSxDQUFDO1FBQ3ZELGlCQUFZLEdBQVcsS0FBSyxDQUFDO0tBMEN2QztJQXhDRyxRQUFRO1FBQ0osUUFBUSxJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsRUFBRTtZQUNoQyxLQUFLLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxPQUFPO2dCQUNsQyxJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztnQkFDM0IsTUFBTTtZQUNWLEtBQUssZ0JBQWdCLENBQUMsUUFBUSxDQUFDLE1BQU07Z0JBQ2pDLElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO2dCQUMzQixNQUFNO1lBQ1YsS0FBSyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUMsSUFBSTtnQkFDL0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUM7Z0JBQ3hCLE1BQU07WUFDVixLQUFLLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxNQUFNO2dCQUNqQyxJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztnQkFDMUIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxVQUF1QyxDQUFDO2dCQUNyRSxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxrQkFBa0IsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQztnQkFDakosTUFBTTtZQUNWLEtBQUssZ0JBQWdCLENBQUMsUUFBUSxDQUFDLE1BQU07Z0JBQ2pDLElBQUksQ0FBQyxTQUFTLEdBQUcsTUFBTSxDQUFDO2dCQUN4QixJQUFJLENBQUMscUJBQXFCLEdBQUcsZUFBZSxDQUFDLFFBQVEsQ0FBQztnQkFDdEQsTUFBTTtTQUNiO1FBRUQsUUFBUSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2xCLEtBQUssZUFBZSxDQUFDLGlCQUFpQixDQUFDLElBQUk7Z0JBQ3ZDLElBQUksQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDO2dCQUMzQixNQUFNO1NBQ2I7SUFDTCxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBUSxFQUFFLGNBQXdCO1FBQ2pELElBQUksS0FBSyxFQUFFO1lBQ1AsSUFBSSxXQUFXLEdBQVEsS0FBSyxDQUFDO1lBQzdCLElBQUksSUFBSSxDQUFDLGdCQUFpQixDQUFDLGtCQUFrQixFQUFFO2dCQUMzQyxXQUFXLEdBQUcsV0FBVyxDQUFDLElBQUksQ0FBQyxnQkFBaUIsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO2FBQ3hFO1lBQ0QsY0FBYyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQy9CO2FBQU07WUFDSCxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDekI7SUFDTCxDQUFDOzswSEF0RFEsNkJBQTZCOzhHQUE3Qiw2QkFBNkIseUhDZDFDLG9nRkFvQ0E7MkZEdEJhLDZCQUE2QjtrQkFKekMsU0FBUzsrQkFDSSx5QkFBeUI7OEJBUTFCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge0ZpbHRlck1hdGNoTW9kZX0gZnJvbSAncHJpbWVuZy9hcGknO1xuXG5pbXBvcnQge0ZpbHRlckRlc2NyaXB0b3IsIEZpbHRlckxvb2t1cERlc2NyaXB0b3IsIFRhYmxlRGVzY3JpcHRvcn0gZnJvbSAnLi4vLi4vLi4vLi4vbW9kZWxzL2Rlc2NyaXB0b3JzJztcblxuLyoqXG4gKiBDYW5ub3QgYmUgb24gcHVzaCBjaGFuZ2UgZGV0ZWN0aW9uIHN0cmF0ZWd5IGJlY2F1c2Ugb2YgZmlsdGVyIHVwZGF0ZXMgdHJpZ2dlcmVkIGZyb20gcm91dGUgd2hpY2ggY2F1c2VzIHRvIGZvcmNlIHVwZGF0ZSB2YWx1ZXMgaW4gZm9yY2UgbWV0YWRhdGFcbiAqIGFuZCB0aGVzZSBtdXN0IGJlIHByb3BhZ2F0ZWQgdGhyb3VnaCB0byB0aGlzIGNvbXBvbmVudCBhbmQgYmV5b25kIHRvIHByaW1lTkcuXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbW5nLXRhYmxlLWNvbHVtbi1maWx0ZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb2x1bW4tZmlsdGVyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBNbmdUYWJsZUNvbHVtbkZpbHRlckNvbXBvbmVudDxUPiBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBwdWJsaWMgcmVhZG9ubHkgbG9va3VwVHlwZURyb3Bkb3duOiBGaWx0ZXJMb29rdXBEZXNjcmlwdG9yLkxvb2t1cFR5cGVFbnVtID0gRmlsdGVyTG9va3VwRGVzY3JpcHRvci5Mb29rdXBUeXBlRW51bS5Ecm9wZG93bjtcbiAgICBwdWJsaWMgcmVhZG9ubHkgbG9va3VwVHlwZUF1dG9jb21wbGV0ZTogRmlsdGVyTG9va3VwRGVzY3JpcHRvci5Mb29rdXBUeXBlRW51bSA9IEZpbHRlckxvb2t1cERlc2NyaXB0b3IuTG9va3VwVHlwZUVudW0uQXV0b2NvbXBsZXRlO1xuXG4gICAgQElucHV0KCkgZGVzY3JpcHRvciE6IEZpbHRlckRlc2NyaXB0b3I8VD47XG4gICAgQElucHV0KCkgZGlzcGxheSE6IFRhYmxlRGVzY3JpcHRvci5GaWx0ZXJEaXNwbGF5RW51bTtcblxuICAgIHB1YmxpYyBsb29rdXBEZXNjcmlwdG9yPzogRmlsdGVyTG9va3VwRGVzY3JpcHRvcjxUPjtcblxuICAgIHB1YmxpYyBwcmltZUZpZWxkITogc3RyaW5nO1xuICAgIHB1YmxpYyBwcmltZVR5cGU6IHN0cmluZyA9ICd0ZXh0JztcbiAgICBwdWJsaWMgcHJpbWVEZWZhdWx0TWF0Y2hNb2RlOiBzdHJpbmcgPSBGaWx0ZXJNYXRjaE1vZGUuRVFVQUxTO1xuICAgIHB1YmxpYyBwcmltZURpc3BsYXk6IHN0cmluZyA9ICdyb3cnO1xuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHN3aXRjaCAodGhpcy5kZXNjcmlwdG9yLmZpbHRlclR5cGUpIHtcbiAgICAgICAgICAgIGNhc2UgRmlsdGVyRGVzY3JpcHRvci5UeXBlRW51bS5Cb29sZWFuOlxuICAgICAgICAgICAgICAgIHRoaXMucHJpbWVUeXBlID0gJ2Jvb2xlYW4nO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSBGaWx0ZXJEZXNjcmlwdG9yLlR5cGVFbnVtLk51bWJlcjpcbiAgICAgICAgICAgICAgICB0aGlzLnByaW1lVHlwZSA9ICdudW1lcmljJztcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgRmlsdGVyRGVzY3JpcHRvci5UeXBlRW51bS5EYXRlOlxuICAgICAgICAgICAgICAgIHRoaXMucHJpbWVUeXBlID0gJ2RhdGUnO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSBGaWx0ZXJEZXNjcmlwdG9yLlR5cGVFbnVtLkxvb2t1cDpcbiAgICAgICAgICAgICAgICB0aGlzLnByaW1lVHlwZSA9ICdsb29rdXAnO1xuICAgICAgICAgICAgICAgIHRoaXMubG9va3VwRGVzY3JpcHRvciA9IHRoaXMuZGVzY3JpcHRvciBhcyBGaWx0ZXJMb29rdXBEZXNjcmlwdG9yPFQ+O1xuICAgICAgICAgICAgICAgIHRoaXMucHJpbWVGaWVsZCA9IGAke3RoaXMuZGVzY3JpcHRvci5wcm9wZXJ0eX0ke3RoaXMubG9va3VwRGVzY3JpcHRvci5pdGVtc1ZhbHVlUHJvcGVydHkgPyBgLiR7dGhpcy5sb29rdXBEZXNjcmlwdG9yLml0ZW1zVmFsdWVQcm9wZXJ0eX1gIDogJyd9YDtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgRmlsdGVyRGVzY3JpcHRvci5UeXBlRW51bS5TdHJpbmc6XG4gICAgICAgICAgICAgICAgdGhpcy5wcmltZVR5cGUgPSAndGV4dCc7XG4gICAgICAgICAgICAgICAgdGhpcy5wcmltZURlZmF1bHRNYXRjaE1vZGUgPSBGaWx0ZXJNYXRjaE1vZGUuQ09OVEFJTlM7XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgIH1cblxuICAgICAgICBzd2l0Y2ggKHRoaXMuZGlzcGxheSkge1xuICAgICAgICAgICAgY2FzZSBUYWJsZURlc2NyaXB0b3IuRmlsdGVyRGlzcGxheUVudW0uTWVudTpcbiAgICAgICAgICAgICAgICB0aGlzLnByaW1lRGlzcGxheSA9ICdtZW51JztcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGF1dG9jb21wbGV0ZUZpbHRlcih2YWx1ZTogVCwgZmlsdGVyQ2FsbGJhY2s6IEZ1bmN0aW9uKSB7XG4gICAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICAgICAgbGV0IGZpbHRlclZhbHVlOiBhbnkgPSB2YWx1ZTtcbiAgICAgICAgICAgIGlmICh0aGlzLmxvb2t1cERlc2NyaXB0b3IhLml0ZW1zVmFsdWVQcm9wZXJ0eSkge1xuICAgICAgICAgICAgICAgIGZpbHRlclZhbHVlID0gZmlsdGVyVmFsdWVbdGhpcy5sb29rdXBEZXNjcmlwdG9yIS5pdGVtc1ZhbHVlUHJvcGVydHldO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZmlsdGVyQ2FsbGJhY2soZmlsdGVyVmFsdWUpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZmlsdGVyQ2FsbGJhY2sodmFsdWUpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPHAtY29sdW1uRmlsdGVyIGNsYXNzPVwibWwtYXV0b1wiXG4gICAgICAgICAgICAgICAgW3R5cGVdPVwicHJpbWVUeXBlXCIgbWF0Y2hNb2RlPVwiZXF1YWxzXCJcbiAgICAgICAgICAgICAgICBbZmllbGRdPVwiZGVzY3JpcHRvci5wcm9wZXJ0eVwiIFtkaXNwbGF5XT1cInByaW1lRGlzcGxheVwiXG4gICAgICAgICAgICAgICAgW21hdGNoTW9kZV09XCJwcmltZURlZmF1bHRNYXRjaE1vZGVcIlxuICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCIoZGVzY3JpcHRvci5wbGFjZWhvbGRlciA/PyAnbW5nVGFibGUudHlwZVRvRmlsdGVyJykgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgIFtzaG93TWF0Y2hNb2Rlc109XCJwcmltZVR5cGUgPT09ICd0ZXh0JyB8fCBwcmltZVR5cGUgPT09ICdkYXRlJyB8fCBwcmltZVR5cGUgPT09ICdudW1lcmljJ1wiXG4gICAgICAgICAgICAgICAgW3Nob3dPcGVyYXRvcl09XCJmYWxzZVwiIFtzaG93QWRkQnV0dG9uXT1cImZhbHNlXCIgW2hpZGVPbkNsZWFyXT1cInRydWVcIj5cbiAgICA8bmctdGVtcGxhdGUgKm5nSWY9XCJsb29rdXBEZXNjcmlwdG9yXCIgcFRlbXBsYXRlPVwiZmlsdGVyXCIgbGV0LXZhbHVlIGxldC1maWx0ZXJDYWxsYmFjaz1cImZpbHRlckNhbGxiYWNrXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImxvb2t1cERlc2NyaXB0b3IubG9va3VwVHlwZVwiPlxuICAgICAgICAgICAgPG1uZy1hdXRvY29tcGxldGUgKm5nU3dpdGNoQ2FzZT1cImxvb2t1cFR5cGVBdXRvY29tcGxldGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nTW9kZWxdPVwidmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFQcm92aWRlcl09XCJsb29rdXBEZXNjcmlwdG9yLmRhdGFQcm92aWRlclwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUtleVByb3BlcnR5XT1cImxvb2t1cERlc2NyaXB0b3IuZGF0YUtleVByb3BlcnR5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpdGVtc0xhYmVsUHJvcGVydHldPVwibG9va3VwRGVzY3JpcHRvci5pdGVtc0xhYmVsUHJvcGVydHlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW211bHRpc2VsZWN0XT1cImxvb2t1cERlc2NyaXB0b3IubXVsdGlzZWxlY3RcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cIihkZXNjcmlwdG9yLnBsYWNlaG9sZGVyID8/ICdtbmdUYWJsZS5zZWFyY2hUb0ZpbHRlcicpIHwgdHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzc05hbWVdPVwibG9va3VwRGVzY3JpcHRvci5jbGFzc05hbWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Ryb3Bkb3duQ2xhc3NOYW1lXT1cImxvb2t1cERlc2NyaXB0b3IuZHJvcGRvd25DbGFzc05hbWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKG9uQ2hhbmdlKT1cImF1dG9jb21wbGV0ZUZpbHRlcigkZXZlbnQsIGZpbHRlckNhbGxiYWNrKVwiPlxuICAgICAgICAgICAgPC9tbmctYXV0b2NvbXBsZXRlPlxuICAgICAgICAgICAgPG1uZy1kcm9wZG93biAqbmdTd2l0Y2hDYXNlPVwibG9va3VwVHlwZURyb3Bkb3duXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW25nTW9kZWxdPVwidmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbZGF0YVByb3ZpZGVyXT1cImxvb2t1cERlc2NyaXB0b3IuZGF0YVByb3ZpZGVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFLZXlQcm9wZXJ0eV09XCJsb29rdXBEZXNjcmlwdG9yLmRhdGFLZXlQcm9wZXJ0eVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpdGVtc0xhYmVsUHJvcGVydHldPVwibG9va3VwRGVzY3JpcHRvci5pdGVtc0xhYmVsUHJvcGVydHlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaXRlbXNWYWx1ZVByb3BlcnR5XT1cImxvb2t1cERlc2NyaXB0b3IuaXRlbXNWYWx1ZVByb3BlcnR5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW211bHRpc2VsZWN0XT1cImxvb2t1cERlc2NyaXB0b3IubXVsdGlzZWxlY3RcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiKGRlc2NyaXB0b3IucGxhY2Vob2xkZXIgPz8gJ21uZ1RhYmxlLnNlbGVjdFRvRmlsdGVyJykgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3NOYW1lXT1cImxvb2t1cERlc2NyaXB0b3IuY2xhc3NOYW1lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2Ryb3Bkb3duQ2xhc3NOYW1lXT1cImxvb2t1cERlc2NyaXB0b3IuZHJvcGRvd25DbGFzc05hbWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0NsZWFyXT1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAob25DaGFuZ2UpPVwiZmlsdGVyQ2FsbGJhY2soJGV2ZW50KVwiPlxuICAgICAgICAgICAgPC9tbmctZHJvcGRvd24+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvbmctdGVtcGxhdGU+XG48L3AtY29sdW1uRmlsdGVyPlxuIl19

package/esm2020/lib/components/tableview/table/column-value/column-value.component.mjs

@@ -0,0 +1,25 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ColumnDescriptor } from '../../../../models/descriptors';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../pipes/property-path.pipe";
+import * as i3 from "../../../../pipes/boolean.pipe";
+export class MngTableColumnValueComponent {
+    constructor() {
+        this.columnTypeString = ColumnDescriptor.TypeEnum.String;
+        this.columnTypeNumber = ColumnDescriptor.TypeEnum.Number;
+        this.columnTypeBoolean = ColumnDescriptor.TypeEnum.Boolean;
+        this.columnTypeDate = ColumnDescriptor.TypeEnum.Date;
+    }
+}
+MngTableColumnValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MngTableColumnValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MngTableColumnValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MngTableColumnValueComponent, selector: "mng-table-column-value", inputs: { descriptor: "descriptor", item: "item" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"descriptor.columnType\">\n    <ng-container *ngSwitchCase=\"columnTypeString\">\n        {{ descriptor.displayPropertyPath ? (item | propertyPath: descriptor.displayPropertyPath) : item[descriptor.property] }}\n    </ng-container>\n    <ng-container *ngSwitchCase=\"columnTypeNumber\">\n        {{ (descriptor.displayPropertyPath ? (item | propertyPath: descriptor.displayPropertyPath) : item[descriptor.property]) | number: descriptor.displayFormat }}\n    </ng-container>\n    <ng-container *ngSwitchCase=\"columnTypeDate\">\n        {{ (descriptor.displayPropertyPath ? (item | propertyPath: descriptor.displayPropertyPath) : item[descriptor.property]) | date: descriptor.displayFormat }}\n    </ng-container>\n    <ng-container *ngSwitchCase=\"columnTypeBoolean\">\n        {{ (descriptor.displayPropertyPath ? (item | propertyPath: descriptor.displayPropertyPath) : item[descriptor.property]) | boolean }}\n    </ng-container>\n</ng-container>\n", directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "propertyPath": i2.PropertyPathPipe, "number": i1.DecimalPipe, "date": i1.DatePipe, "boolean": i3.BooleanPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MngTableColumnValueComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mng-table-column-value', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"descriptor.columnType\">\n    <ng-container *ngSwitchCase=\"columnTypeString\">\n        {{ descriptor.displayPropertyPath ? (item | propertyPath: descriptor.displayPropertyPath) : item[descriptor.property] }}\n    </ng-container>\n    <ng-container *ngSwitchCase=\"columnTypeNumber\">\n        {{ (descriptor.displayPropertyPath ? (item | propertyPath: descriptor.displayPropertyPath) : item[descriptor.property]) | number: descriptor.displayFormat }}\n    </ng-container>\n    <ng-container *ngSwitchCase=\"columnTypeDate\">\n        {{ (descriptor.displayPropertyPath ? (item | propertyPath: descriptor.displayPropertyPath) : item[descriptor.property]) | date: descriptor.displayFormat }}\n    </ng-container>\n    <ng-container *ngSwitchCase=\"columnTypeBoolean\">\n        {{ (descriptor.displayPropertyPath ? (item | propertyPath: descriptor.displayPropertyPath) : item[descriptor.property]) | boolean }}\n    </ng-container>\n</ng-container>\n" }]
+        }], propDecorators: { descriptor: [{
+                type: Input
+            }], item: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLXZhbHVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21uZy1jb21tb25zL3NyYy9saWIvY29tcG9uZW50cy90YWJsZXZpZXcvdGFibGUvY29sdW1uLXZhbHVlL2NvbHVtbi12YWx1ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tbmctY29tbW9ucy9zcmMvbGliL2NvbXBvbmVudHMvdGFibGV2aWV3L3RhYmxlL2NvbHVtbi12YWx1ZS9jb2x1bW4tdmFsdWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFeEUsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7Ozs7O0FBT2hFLE1BQU0sT0FBTyw0QkFBNEI7SUFMekM7UUFPb0IscUJBQWdCLEdBQThCLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUM7UUFDL0UscUJBQWdCLEdBQThCLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUM7UUFDL0Usc0JBQWlCLEdBQThCLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUM7UUFDakYsbUJBQWMsR0FBOEIsZ0JBQWdCLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQztLQUk5Rjs7eUhBVFksNEJBQTRCOzZHQUE1Qiw0QkFBNEIsa0hDVHpDLG05QkFjQTsyRkRMYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0ksd0JBQXdCLG1CQUVqQix1QkFBdUIsQ0FBQyxNQUFNOzhCQVN0QyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge0NvbHVtbkRlc2NyaXB0b3J9IGZyb20gJy4uLy4uLy4uLy4uL21vZGVscy9kZXNjcmlwdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbW5nLXRhYmxlLWNvbHVtbi12YWx1ZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NvbHVtbi12YWx1ZS5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgTW5nVGFibGVDb2x1bW5WYWx1ZUNvbXBvbmVudDxULCBUVD4ge1xuXG4gICAgcHVibGljIHJlYWRvbmx5IGNvbHVtblR5cGVTdHJpbmc6IENvbHVtbkRlc2NyaXB0b3IuVHlwZUVudW0gPSBDb2x1bW5EZXNjcmlwdG9yLlR5cGVFbnVtLlN0cmluZztcbiAgICBwdWJsaWMgcmVhZG9ubHkgY29sdW1uVHlwZU51bWJlcjogQ29sdW1uRGVzY3JpcHRvci5UeXBlRW51bSA9IENvbHVtbkRlc2NyaXB0b3IuVHlwZUVudW0uTnVtYmVyO1xuICAgIHB1YmxpYyByZWFkb25seSBjb2x1bW5UeXBlQm9vbGVhbjogQ29sdW1uRGVzY3JpcHRvci5UeXBlRW51bSA9IENvbHVtbkRlc2NyaXB0b3IuVHlwZUVudW0uQm9vbGVhbjtcbiAgICBwdWJsaWMgcmVhZG9ubHkgY29sdW1uVHlwZURhdGU6IENvbHVtbkRlc2NyaXB0b3IuVHlwZUVudW0gPSBDb2x1bW5EZXNjcmlwdG9yLlR5cGVFbnVtLkRhdGU7XG5cbiAgICBASW5wdXQoKSBkZXNjcmlwdG9yITogQ29sdW1uRGVzY3JpcHRvcjxULCBUVD47XG4gICAgQElucHV0KCkgaXRlbSE6IGFueTtcbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImRlc2NyaXB0b3IuY29sdW1uVHlwZVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cImNvbHVtblR5cGVTdHJpbmdcIj5cbiAgICAgICAge3sgZGVzY3JpcHRvci5kaXNwbGF5UHJvcGVydHlQYXRoID8gKGl0ZW0gfCBwcm9wZXJ0eVBhdGg6IGRlc2NyaXB0b3IuZGlzcGxheVByb3BlcnR5UGF0aCkgOiBpdGVtW2Rlc2NyaXB0b3IucHJvcGVydHldIH19XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiY29sdW1uVHlwZU51bWJlclwiPlxuICAgICAgICB7eyAoZGVzY3JpcHRvci5kaXNwbGF5UHJvcGVydHlQYXRoID8gKGl0ZW0gfCBwcm9wZXJ0eVBhdGg6IGRlc2NyaXB0b3IuZGlzcGxheVByb3BlcnR5UGF0aCkgOiBpdGVtW2Rlc2NyaXB0b3IucHJvcGVydHldKSB8IG51bWJlcjogZGVzY3JpcHRvci5kaXNwbGF5Rm9ybWF0IH19XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiY29sdW1uVHlwZURhdGVcIj5cbiAgICAgICAge3sgKGRlc2NyaXB0b3IuZGlzcGxheVByb3BlcnR5UGF0aCA/IChpdGVtIHwgcHJvcGVydHlQYXRoOiBkZXNjcmlwdG9yLmRpc3BsYXlQcm9wZXJ0eVBhdGgpIDogaXRlbVtkZXNjcmlwdG9yLnByb3BlcnR5XSkgfCBkYXRlOiBkZXNjcmlwdG9yLmRpc3BsYXlGb3JtYXQgfX1cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCJjb2x1bW5UeXBlQm9vbGVhblwiPlxuICAgICAgICB7eyAoZGVzY3JpcHRvci5kaXNwbGF5UHJvcGVydHlQYXRoID8gKGl0ZW0gfCBwcm9wZXJ0eVBhdGg6IGRlc2NyaXB0b3IuZGlzcGxheVByb3BlcnR5UGF0aCkgOiBpdGVtW2Rlc2NyaXB0b3IucHJvcGVydHldKSB8IGJvb2xlYW4gfX1cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuIl19