@deenruv/admin-ui 1.0.0

package/esm2022/core/shared/components/custom-field-control/custom-field-control.component.mjs

@@ -0,0 +1,88 @@
+import { Component, Input } from '@angular/core';
+import { map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../data/providers/data.service";
+import * as i2 from "../../../providers/custom-field-component/custom-field-component.service";
+import * as i3 from "@clr/angular";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "../form-field/form-field.component";
+import * as i7 from "../help-tooltip/help-tooltip.component";
+import * as i8 from "../../dynamic-form-inputs/dynamic-form-input/dynamic-form-input.component";
+import * as i9 from "../../pipes/custom-field-label.pipe";
+import * as i10 from "../../pipes/custom-field-description.pipe";
+/**
+ * This component renders the appropriate type of form input control based
+ * on the "type" property of the provided CustomFieldConfig.
+ */
+export class CustomFieldControlComponent {
+    constructor(dataService, customFieldComponentService) {
+        this.dataService = dataService;
+        this.customFieldComponentService = customFieldComponentService;
+        this.compact = false;
+        this.showLabel = true;
+        this.readonly = false;
+        this.hasCustomControl = false;
+    }
+    ngOnInit() {
+        this.uiLanguage$ = this.dataService.client
+            .uiState()
+            .stream$.pipe(map(({ uiState }) => uiState.language));
+    }
+    getFieldDefinition() {
+        const config = {
+            ...this.customField,
+        };
+        const id = this.customFieldComponentService.customFieldComponentExists(this.entityName, this.customField.name);
+        if (id) {
+            config.ui = { component: id };
+        }
+        switch (config.__typename) {
+            case 'IntCustomFieldConfig':
+                return {
+                    ...config,
+                    min: config.intMin,
+                    max: config.intMax,
+                    step: config.intStep,
+                };
+            case 'FloatCustomFieldConfig':
+                return {
+                    ...config,
+                    min: config.floatMin,
+                    max: config.floatMax,
+                    step: config.floatStep,
+                };
+            case 'DateTimeCustomFieldConfig':
+                return {
+                    ...config,
+                    min: config.datetimeMin,
+                    max: config.datetimeMax,
+                    step: config.datetimeStep,
+                };
+            default:
+                return {
+                    ...config,
+                };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomFieldControlComponent, deps: [{ token: i1.DataService }, { token: i2.CustomFieldComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CustomFieldControlComponent, selector: "vdr-custom-field-control", inputs: { entityName: "entityName", formGroup: ["customFieldsFormGroup", "formGroup"], customField: "customField", compact: "compact", showLabel: "showLabel", readonly: "readonly" }, ngImport: i0, template: "<div class=\"clr-form-control\" *ngIf=\"compact\">\n    <div class=\"flex\">\n        <label for=\"basic\" class=\"clr-control-label\"\n            >{{ customField | customFieldLabel: (uiLanguage$ | async) }}\n            <vdr-help-tooltip\n                *ngIf=\"customField | customFieldDescription: (uiLanguage$ | async) as description\"\n                [content]=\"description\"\n            ></vdr-help-tooltip>\n        </label>\n    </div>\n    <div class=\"clr-control-container\">\n        <div class=\"clr-input-wrapper\">\n            <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\n        </div>\n    </div>\n</div>\n<vdr-form-field\n    [label]=\"customField | customFieldLabel: (uiLanguage$ | async)\"\n    [tooltip]=\"customField | customFieldDescription: (uiLanguage$ | async)\"\n    [for]=\"customField.name\"\n    *ngIf=\"!compact\"\n>\n    <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\n</vdr-form-field>\n\n<ng-template #inputs>\n    <ng-container [formGroup]=\"formGroup\">\n        <vdr-dynamic-form-input\n            [formControlName]=\"customField.name\"\n            [readonly]=\"readonly || customField.readonly\"\n            [control]=\"formGroup.get(customField.name)\"\n            [def]=\"getFieldDefinition()\"\n        >\n        </vdr-dynamic-form-input>\n    </ng-container>\n</ng-template>\n", styles: [":host{display:block;width:100%}:host .toggle-switch{margin-top:0;margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i3.ClrLabel, selector: "label", inputs: ["id", "for"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.FormFieldComponent, selector: "vdr-form-field", inputs: ["label", "for", "tooltip", "errors", "readOnlyToggle"], outputs: ["readOnlyToggleChange"] }, { kind: "component", type: i7.HelpTooltipComponent, selector: "vdr-help-tooltip", inputs: ["content", "position"] }, { kind: "component", type: i8.DynamicFormInputComponent, selector: "vdr-dynamic-form-input", inputs: ["def", "readonly", "control"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.CustomFieldLabelPipe, name: "customFieldLabel" }, { kind: "pipe", type: i10.CustomFieldDescriptionPipe, name: "customFieldDescription" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomFieldControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-custom-field-control', template: "<div class=\"clr-form-control\" *ngIf=\"compact\">\n    <div class=\"flex\">\n        <label for=\"basic\" class=\"clr-control-label\"\n            >{{ customField | customFieldLabel: (uiLanguage$ | async) }}\n            <vdr-help-tooltip\n                *ngIf=\"customField | customFieldDescription: (uiLanguage$ | async) as description\"\n                [content]=\"description\"\n            ></vdr-help-tooltip>\n        </label>\n    </div>\n    <div class=\"clr-control-container\">\n        <div class=\"clr-input-wrapper\">\n            <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\n        </div>\n    </div>\n</div>\n<vdr-form-field\n    [label]=\"customField | customFieldLabel: (uiLanguage$ | async)\"\n    [tooltip]=\"customField | customFieldDescription: (uiLanguage$ | async)\"\n    [for]=\"customField.name\"\n    *ngIf=\"!compact\"\n>\n    <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\n</vdr-form-field>\n\n<ng-template #inputs>\n    <ng-container [formGroup]=\"formGroup\">\n        <vdr-dynamic-form-input\n            [formControlName]=\"customField.name\"\n            [readonly]=\"readonly || customField.readonly\"\n            [control]=\"formGroup.get(customField.name)\"\n            [def]=\"getFieldDefinition()\"\n        >\n        </vdr-dynamic-form-input>\n    </ng-container>\n</ng-template>\n", styles: [":host{display:block;width:100%}:host .toggle-switch{margin-top:0;margin-bottom:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DataService }, { type: i2.CustomFieldComponentService }], propDecorators: { entityName: [{
+                type: Input
+            }], formGroup: [{
+                type: Input,
+                args: ['customFieldsFormGroup']
+            }], customField: [{
+                type: Input
+            }], compact: [{
+                type: Input
+            }], showLabel: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWZpZWxkLWNvbnRyb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9jdXN0b20tZmllbGQtY29udHJvbC9jdXN0b20tZmllbGQtY29udHJvbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL2N1c3RvbS1maWVsZC1jb250cm9sL2N1c3RvbS1maWVsZC1jb250cm9sLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBR3pELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7Ozs7O0FBVXJDOzs7R0FHRztBQU1ILE1BQU0sT0FBTywyQkFBMkI7SUFVcEMsWUFDWSxXQUF3QixFQUN4QiwyQkFBd0Q7UUFEeEQsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDeEIsZ0NBQTJCLEdBQTNCLDJCQUEyQixDQUE2QjtRQVIzRCxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUMxQixxQkFBZ0IsR0FBRyxLQUFLLENBQUM7SUFNdEIsQ0FBQztJQUVKLFFBQVE7UUFDSixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTTthQUNyQyxPQUFPLEVBQUU7YUFDVCxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFRCxrQkFBa0I7UUFDZCxNQUFNLE1BQU0sR0FBeUQ7WUFDakUsR0FBRyxJQUFJLENBQUMsV0FBVztTQUN0QixDQUFDO1FBQ0YsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLDJCQUEyQixDQUFDLDBCQUEwQixDQUNsRSxJQUFJLENBQUMsVUFBVSxFQUNmLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUN4QixDQUFDO1FBQ0YsSUFBSSxFQUFFLEVBQUUsQ0FBQztZQUNMLE1BQU0sQ0FBQyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLENBQUM7UUFDbEMsQ0FBQztRQUNELFFBQVEsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3hCLEtBQUssc0JBQXNCO2dCQUN2QixPQUFPO29CQUNILEdBQUcsTUFBTTtvQkFDVCxHQUFHLEVBQUUsTUFBTSxDQUFDLE1BQU07b0JBQ2xCLEdBQUcsRUFBRSxNQUFNLENBQUMsTUFBTTtvQkFDbEIsSUFBSSxFQUFFLE1BQU0sQ0FBQyxPQUFPO2lCQUN2QixDQUFDO1lBQ04sS0FBSyx3QkFBd0I7Z0JBQ3pCLE9BQU87b0JBQ0gsR0FBRyxNQUFNO29CQUNULEdBQUcsRUFBRSxNQUFNLENBQUMsUUFBUTtvQkFDcEIsR0FBRyxFQUFFLE1BQU0sQ0FBQyxRQUFRO29CQUNwQixJQUFJLEVBQUUsTUFBTSxDQUFDLFNBQVM7aUJBQ3pCLENBQUM7WUFDTixLQUFLLDJCQUEyQjtnQkFDNUIsT0FBTztvQkFDSCxHQUFHLE1BQU07b0JBQ1QsR0FBRyxFQUFFLE1BQU0sQ0FBQyxXQUFXO29CQUN2QixHQUFHLEVBQUUsTUFBTSxDQUFDLFdBQVc7b0JBQ3ZCLElBQUksRUFBRSxNQUFNLENBQUMsWUFBWTtpQkFDNUIsQ0FBQztZQUNOO2dCQUNJLE9BQU87b0JBQ0gsR0FBRyxNQUFNO2lCQUNaLENBQUM7UUFDVixDQUFDO0lBQ0wsQ0FBQzsrR0EzRFEsMkJBQTJCO21HQUEzQiwyQkFBMkIsdVBDdEJ4Qyw4MENBb0NBOzs0RkRkYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0ksMEJBQTBCOzBIQUszQixVQUFVO3NCQUFsQixLQUFLO2dCQUMwQixTQUFTO3NCQUF4QyxLQUFLO3VCQUFDLHVCQUF1QjtnQkFDckIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBJbnB1dENvbXBvbmVudENvbmZpZyB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9jb21wb25lbnQtcmVnaXN0cnktdHlwZXMnO1xuaW1wb3J0IHsgQ3VzdG9tRmllbGRDb25maWcsIEN1c3RvbUZpZWxkc0ZyYWdtZW50LCBMYW5ndWFnZUNvZGUgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vZ2VuZXJhdGVkLXR5cGVzJztcbmltcG9ydCB7IERhdGFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vZGF0YS9wcm92aWRlcnMvZGF0YS5zZXJ2aWNlJztcbmltcG9ydCB7XG4gICAgQ3VzdG9tRmllbGRDb21wb25lbnRTZXJ2aWNlLFxuICAgIEN1c3RvbUZpZWxkRW50aXR5TmFtZSxcbn0gZnJvbSAnLi4vLi4vLi4vcHJvdmlkZXJzL2N1c3RvbS1maWVsZC1jb21wb25lbnQvY3VzdG9tLWZpZWxkLWNvbXBvbmVudC5zZXJ2aWNlJztcblxuLyoqXG4gKiBUaGlzIGNvbXBvbmVudCByZW5kZXJzIHRoZSBhcHByb3ByaWF0ZSB0eXBlIG9mIGZvcm0gaW5wdXQgY29udHJvbCBiYXNlZFxuICogb24gdGhlIFwidHlwZVwiIHByb3BlcnR5IG9mIHRoZSBwcm92aWRlZCBDdXN0b21GaWVsZENvbmZpZy5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItY3VzdG9tLWZpZWxkLWNvbnRyb2wnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jdXN0b20tZmllbGQtY29udHJvbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY3VzdG9tLWZpZWxkLWNvbnRyb2wuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ3VzdG9tRmllbGRDb250cm9sQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBlbnRpdHlOYW1lOiBDdXN0b21GaWVsZEVudGl0eU5hbWU7XG4gICAgQElucHV0KCdjdXN0b21GaWVsZHNGb3JtR3JvdXAnKSBmb3JtR3JvdXA6IFVudHlwZWRGb3JtR3JvdXA7XG4gICAgQElucHV0KCkgY3VzdG9tRmllbGQ6IEN1c3RvbUZpZWxkc0ZyYWdtZW50O1xuICAgIEBJbnB1dCgpIGNvbXBhY3QgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBzaG93TGFiZWwgPSB0cnVlO1xuICAgIEBJbnB1dCgpIHJlYWRvbmx5ID0gZmFsc2U7XG4gICAgaGFzQ3VzdG9tQ29udHJvbCA9IGZhbHNlO1xuICAgIHVpTGFuZ3VhZ2UkOiBPYnNlcnZhYmxlPExhbmd1YWdlQ29kZT47XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBkYXRhU2VydmljZTogRGF0YVNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgY3VzdG9tRmllbGRDb21wb25lbnRTZXJ2aWNlOiBDdXN0b21GaWVsZENvbXBvbmVudFNlcnZpY2UsXG4gICAgKSB7fVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMudWlMYW5ndWFnZSQgPSB0aGlzLmRhdGFTZXJ2aWNlLmNsaWVudFxuICAgICAgICAgICAgLnVpU3RhdGUoKVxuICAgICAgICAgICAgLnN0cmVhbSQucGlwZShtYXAoKHsgdWlTdGF0ZSB9KSA9PiB1aVN0YXRlLmxhbmd1YWdlKSk7XG4gICAgfVxuXG4gICAgZ2V0RmllbGREZWZpbml0aW9uKCk6IEN1c3RvbUZpZWxkQ29uZmlnICYgeyB1aT86IElucHV0Q29tcG9uZW50Q29uZmlnIH0ge1xuICAgICAgICBjb25zdCBjb25maWc6IEN1c3RvbUZpZWxkc0ZyYWdtZW50ICYgeyB1aT86IElucHV0Q29tcG9uZW50Q29uZmlnIH0gPSB7XG4gICAgICAgICAgICAuLi50aGlzLmN1c3RvbUZpZWxkLFxuICAgICAgICB9O1xuICAgICAgICBjb25zdCBpZCA9IHRoaXMuY3VzdG9tRmllbGRDb21wb25lbnRTZXJ2aWNlLmN1c3RvbUZpZWxkQ29tcG9uZW50RXhpc3RzKFxuICAgICAgICAgICAgdGhpcy5lbnRpdHlOYW1lLFxuICAgICAgICAgICAgdGhpcy5jdXN0b21GaWVsZC5uYW1lLFxuICAgICAgICApO1xuICAgICAgICBpZiAoaWQpIHtcbiAgICAgICAgICAgIGNvbmZpZy51aSA9IHsgY29tcG9uZW50OiBpZCB9O1xuICAgICAgICB9XG4gICAgICAgIHN3aXRjaCAoY29uZmlnLl9fdHlwZW5hbWUpIHtcbiAgICAgICAgICAgIGNhc2UgJ0ludEN1c3RvbUZpZWxkQ29uZmlnJzpcbiAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgICAuLi5jb25maWcsXG4gICAgICAgICAgICAgICAgICAgIG1pbjogY29uZmlnLmludE1pbixcbiAgICAgICAgICAgICAgICAgICAgbWF4OiBjb25maWcuaW50TWF4LFxuICAgICAgICAgICAgICAgICAgICBzdGVwOiBjb25maWcuaW50U3RlcCxcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgY2FzZSAnRmxvYXRDdXN0b21GaWVsZENvbmZpZyc6XG4gICAgICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgICAgICAgLi4uY29uZmlnLFxuICAgICAgICAgICAgICAgICAgICBtaW46IGNvbmZpZy5mbG9hdE1pbixcbiAgICAgICAgICAgICAgICAgICAgbWF4OiBjb25maWcuZmxvYXRNYXgsXG4gICAgICAgICAgICAgICAgICAgIHN0ZXA6IGNvbmZpZy5mbG9hdFN0ZXAsXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIGNhc2UgJ0RhdGVUaW1lQ3VzdG9tRmllbGRDb25maWcnOlxuICAgICAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgICAgIC4uLmNvbmZpZyxcbiAgICAgICAgICAgICAgICAgICAgbWluOiBjb25maWcuZGF0ZXRpbWVNaW4sXG4gICAgICAgICAgICAgICAgICAgIG1heDogY29uZmlnLmRhdGV0aW1lTWF4LFxuICAgICAgICAgICAgICAgICAgICBzdGVwOiBjb25maWcuZGF0ZXRpbWVTdGVwLFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgICAgIC4uLmNvbmZpZyxcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNsci1mb3JtLWNvbnRyb2xcIiAqbmdJZj1cImNvbXBhY3RcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleFwiPlxuICAgICAgICA8bGFiZWwgZm9yPVwiYmFzaWNcIiBjbGFzcz1cImNsci1jb250cm9sLWxhYmVsXCJcbiAgICAgICAgICAgID57eyBjdXN0b21GaWVsZCB8IGN1c3RvbUZpZWxkTGFiZWw6ICh1aUxhbmd1YWdlJCB8IGFzeW5jKSB9fVxuICAgICAgICAgICAgPHZkci1oZWxwLXRvb2x0aXBcbiAgICAgICAgICAgICAgICAqbmdJZj1cImN1c3RvbUZpZWxkIHwgY3VzdG9tRmllbGREZXNjcmlwdGlvbjogKHVpTGFuZ3VhZ2UkIHwgYXN5bmMpIGFzIGRlc2NyaXB0aW9uXCJcbiAgICAgICAgICAgICAgICBbY29udGVudF09XCJkZXNjcmlwdGlvblwiXG4gICAgICAgICAgICA+PC92ZHItaGVscC10b29sdGlwPlxuICAgICAgICA8L2xhYmVsPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjbHItY29udHJvbC1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNsci1pbnB1dC13cmFwcGVyXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaW5wdXRzXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG48dmRyLWZvcm0tZmllbGRcbiAgICBbbGFiZWxdPVwiY3VzdG9tRmllbGQgfCBjdXN0b21GaWVsZExhYmVsOiAodWlMYW5ndWFnZSQgfCBhc3luYylcIlxuICAgIFt0b29sdGlwXT1cImN1c3RvbUZpZWxkIHwgY3VzdG9tRmllbGREZXNjcmlwdGlvbjogKHVpTGFuZ3VhZ2UkIHwgYXN5bmMpXCJcbiAgICBbZm9yXT1cImN1c3RvbUZpZWxkLm5hbWVcIlxuICAgICpuZ0lmPVwiIWNvbXBhY3RcIlxuPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpbnB1dHNcIj48L25nLWNvbnRhaW5lcj5cbjwvdmRyLWZvcm0tZmllbGQ+XG5cbjxuZy10ZW1wbGF0ZSAjaW5wdXRzPlxuICAgIDxuZy1jb250YWluZXIgW2Zvcm1Hcm91cF09XCJmb3JtR3JvdXBcIj5cbiAgICAgICAgPHZkci1keW5hbWljLWZvcm0taW5wdXRcbiAgICAgICAgICAgIFtmb3JtQ29udHJvbE5hbWVdPVwiY3VzdG9tRmllbGQubmFtZVwiXG4gICAgICAgICAgICBbcmVhZG9ubHldPVwicmVhZG9ubHkgfHwgY3VzdG9tRmllbGQucmVhZG9ubHlcIlxuICAgICAgICAgICAgW2NvbnRyb2xdPVwiZm9ybUdyb3VwLmdldChjdXN0b21GaWVsZC5uYW1lKVwiXG4gICAgICAgICAgICBbZGVmXT1cImdldEZpZWxkRGVmaW5pdGlvbigpXCJcbiAgICAgICAgPlxuICAgICAgICA8L3Zkci1keW5hbWljLWZvcm0taW5wdXQ+XG4gICAgPC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/core/shared/components/customer-label/customer-label.component.mjs

@@ -0,0 +1,17 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@clr/angular";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/router";
+import * as i4 from "@ngx-translate/core";
+export class CustomerLabelComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomerLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CustomerLabelComponent, selector: "vdr-customer-label", inputs: { customer: "customer" }, ngImport: i0, template: "<a *ngIf=\"customer\" class=\"button-ghost\" [routerLink]=\"['/customer', 'customers', customer.id]\">\n    <clr-icon shape=\"user\" [class.is-solid]=\"customer\"></clr-icon>\n    <span>{{ customer.firstName }} {{ customer.lastName }}</span>\n    <clr-icon shape=\"arrow right\"></clr-icon>\n</a>\n<div *ngIf=\"!customer\">{{ 'common.guest' | translate }}</div>\n", styles: [":host{display:flex;align-items:center}clr-icon{margin-inline-end:6px}\n"], dependencies: [{ kind: "directive", type: i1.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomerLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-customer-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a *ngIf=\"customer\" class=\"button-ghost\" [routerLink]=\"['/customer', 'customers', customer.id]\">\n    <clr-icon shape=\"user\" [class.is-solid]=\"customer\"></clr-icon>\n    <span>{{ customer.firstName }} {{ customer.lastName }}</span>\n    <clr-icon shape=\"arrow right\"></clr-icon>\n</a>\n<div *ngIf=\"!customer\">{{ 'common.guest' | translate }}</div>\n", styles: [":host{display:flex;align-items:center}clr-icon{margin-inline-end:6px}\n"] }]
+        }], propDecorators: { customer: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tZXItbGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9jdXN0b21lci1sYWJlbC9jdXN0b21lci1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL2N1c3RvbWVyLWxhYmVsL2N1c3RvbWVyLWxhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFVMUUsTUFBTSxPQUFPLHNCQUFzQjsrR0FBdEIsc0JBQXNCO21HQUF0QixzQkFBc0IsNEZDVm5DLDZXQU1BOzs0RkRJYSxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0ksb0JBQW9CLG1CQUdiLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDdXN0b21lckZyYWdtZW50IH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL2dlbmVyYXRlZC10eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmRyLWN1c3RvbWVyLWxhYmVsJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tZXItbGFiZWwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2N1c3RvbWVyLWxhYmVsLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEN1c3RvbWVyTGFiZWxDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGN1c3RvbWVyOiBDdXN0b21lckZyYWdtZW50O1xufVxuIiwiPGEgKm5nSWY9XCJjdXN0b21lclwiIGNsYXNzPVwiYnV0dG9uLWdob3N0XCIgW3JvdXRlckxpbmtdPVwiWycvY3VzdG9tZXInLCAnY3VzdG9tZXJzJywgY3VzdG9tZXIuaWRdXCI+XG4gICAgPGNsci1pY29uIHNoYXBlPVwidXNlclwiIFtjbGFzcy5pcy1zb2xpZF09XCJjdXN0b21lclwiPjwvY2xyLWljb24+XG4gICAgPHNwYW4+e3sgY3VzdG9tZXIuZmlyc3ROYW1lIH19IHt7IGN1c3RvbWVyLmxhc3ROYW1lIH19PC9zcGFuPlxuICAgIDxjbHItaWNvbiBzaGFwZT1cImFycm93IHJpZ2h0XCI+PC9jbHItaWNvbj5cbjwvYT5cbjxkaXYgKm5nSWY9XCIhY3VzdG9tZXJcIj57eyAnY29tbW9uLmd1ZXN0JyB8IHRyYW5zbGF0ZSB9fTwvZGl2PlxuIl19

package/esm2022/core/shared/components/data-table/data-table-column.component.mjs

@@ -0,0 +1,29 @@
+import { Component, Input, TemplateRef, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DataTableColumnComponent {
+    constructor() {
+        /**
+         * When set to true, this column will expand to use avaiable width
+         */
+        this.expand = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DataTableColumnComponent, selector: "vdr-dt-column", inputs: { expand: "expand" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `
+        <ng-template><ng-content></ng-content></ng-template>
+    `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vdr-dt-column',
+                    template: `
+        <ng-template><ng-content></ng-content></ng-template>
+    `,
+                }]
+        }], propDecorators: { expand: [{
+                type: Input
+            }], template: [{
+                type: ViewChild,
+                args: [TemplateRef, { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS10YWJsZS1jb2x1bW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9kYXRhLXRhYmxlL2RhdGEtdGFibGUtY29sdW1uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFqRixNQUFNLE9BQU8sd0JBQXdCO0lBTnJDO1FBT0k7O1dBRUc7UUFDTSxXQUFNLEdBQUcsS0FBSyxDQUFDO0tBRTNCOytHQU5ZLHdCQUF3QjttR0FBeEIsd0JBQXdCLDZIQUt0QixXQUFXLDhEQVRaOztLQUVUOzs0RkFFUSx3QkFBd0I7a0JBTnBDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFFBQVEsRUFBRTs7S0FFVDtpQkFDSjs4QkFLWSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ29DLFFBQVE7c0JBQWpELFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1kdC1jb2x1bW4nLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxuZy10ZW1wbGF0ZT48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9uZy10ZW1wbGF0ZT5cbiAgICBgLFxufSlcbmV4cG9ydCBjbGFzcyBEYXRhVGFibGVDb2x1bW5Db21wb25lbnQge1xuICAgIC8qKlxuICAgICAqIFdoZW4gc2V0IHRvIHRydWUsIHRoaXMgY29sdW1uIHdpbGwgZXhwYW5kIHRvIHVzZSBhdmFpYWJsZSB3aWR0aFxuICAgICAqL1xuICAgIEBJbnB1dCgpIGV4cGFuZCA9IGZhbHNlO1xuICAgIEBWaWV3Q2hpbGQoVGVtcGxhdGVSZWYsIHsgc3RhdGljOiB0cnVlIH0pIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xufVxuIl19

package/esm2022/core/shared/components/data-table/data-table.component.mjs

@@ -0,0 +1,177 @@
+import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output, TemplateRef, } from '@angular/core';
+import { PaginationService } from 'ngx-pagination';
+import { DataTableColumnComponent } from './data-table-column.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@clr/angular";
+import * as i2 from "@angular/common";
+import * as i3 from "../items-per-page-controls/items-per-page-controls.component";
+import * as i4 from "../pagination-controls/pagination-controls.component";
+import * as i5 from "../form-field/form-field-control.directive";
+import * as i6 from "../empty-placeholder/empty-placeholder.component";
+import * as i7 from "ngx-pagination";
+import * as i8 from "@ngx-translate/core";
+/**
+ * @description
+ * A table for displaying PaginatedList results. It is designed to be used inside components which
+ * extend the {@link BaseListComponent} class.
+ *
+ * **Deprecated** This component is deprecated. Use the {@link DataTable2Component} instead.
+ *
+ * @example
+ * ```HTML
+ * <vdr-data-table
+ *   [items]="items$ | async"
+ *   [itemsPerPage]="itemsPerPage$ | async"
+ *   [totalItems]="totalItems$ | async"
+ *   [currentPage]="currentPage$ | async"
+ *   (pageChange)="setPageNumber($event)"
+ *   (itemsPerPageChange)="setItemsPerPage($event)"
+ * >
+ *   <!-- The header columns are defined first -->
+ *   <vdr-dt-column>{{ 'common.name' | translate }}</vdr-dt-column>
+ *   <vdr-dt-column></vdr-dt-column>
+ *   <vdr-dt-column></vdr-dt-column>
+ *
+ *   <!-- Then we define how a row is rendered -->
+ *   <ng-template let-taxRate="item">
+ *     <td class="left align-middle">{{ taxRate.name }}</td>
+ *     <td class="left align-middle">{{ taxRate.category.name }}</td>
+ *     <td class="left align-middle">{{ taxRate.zone.name }}</td>
+ *     <td class="left align-middle">{{ taxRate.value }}%</td>
+ *     <td class="right align-middle">
+ *       <vdr-table-row-action
+ *         iconShape="edit"
+ *         [label]="'common.edit' | translate"
+ *         [linkTo]="['./', taxRate.id]"
+ *       ></vdr-table-row-action>
+ *     </td>
+ *     <td class="right align-middle">
+ *       <vdr-dropdown>
+ *         <button type="button" class="btn btn-link btn-sm" vdrDropdownTrigger>
+ *           {{ 'common.actions' | translate }}
+ *           <clr-icon shape="caret down"></clr-icon>
+ *         </button>
+ *         <vdr-dropdown-menu vdrPosition="bottom-right">
+ *           <button
+ *               type="button"
+ *               class="delete-button"
+ *               (click)="deleteTaxRate(taxRate)"
+ *               [disabled]="!(['DeleteSettings', 'DeleteTaxRate'] | hasPermission)"
+ *               vdrDropdownItem
+ *           >
+ *               <clr-icon shape="trash" class="is-danger"></clr-icon>
+ *               {{ 'common.delete' | translate }}
+ *           </button>
+ *         </vdr-dropdown-menu>
+ *       </vdr-dropdown>
+ *     </td>
+ *   </ng-template>
+ * </vdr-data-table>
+ * ```
+ *
+ * @docsCategory components
+ * @deprecated Use the DataTable2 component instead.
+ */
+export class DataTableComponent {
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.pageChange = new EventEmitter();
+        this.itemsPerPageChange = new EventEmitter();
+        /** @deprecated pass a SelectionManager instance instead */
+        this.allSelectChange = new EventEmitter();
+        /** @deprecated pass a SelectionManager instance instead */
+        this.rowSelectChange = new EventEmitter();
+        // This is used to apply a `user-select: none` CSS rule to the table,
+        // which allows shift-click multi-row selection
+        this.disableSelect = false;
+        this.shiftDownHandler = (event) => {
+            if (event.shiftKey && !this.disableSelect) {
+                this.disableSelect = true;
+                this.changeDetectorRef.markForCheck();
+            }
+        };
+        this.shiftUpHandler = (event) => {
+            if (this.disableSelect) {
+                this.disableSelect = false;
+                this.changeDetectorRef.markForCheck();
+            }
+        };
+    }
+    ngOnInit() {
+        if (typeof this.isRowSelectedFn === 'function' || this.selectionManager) {
+            document.addEventListener('keydown', this.shiftDownHandler, { passive: true });
+            document.addEventListener('keyup', this.shiftUpHandler, { passive: true });
+        }
+        this.subscription = this.selectionManager?.selectionChanges$.subscribe(() => this.changeDetectorRef.markForCheck());
+    }
+    ngOnChanges(changes) {
+        if (changes.items) {
+            this.currentStart = this.itemsPerPage * (this.currentPage - 1);
+            this.currentEnd = this.currentStart + changes.items.currentValue?.length;
+            this.selectionManager?.setCurrentItems(this.items);
+        }
+    }
+    ngOnDestroy() {
+        if (typeof this.isRowSelectedFn === 'function' || this.selectionManager) {
+            document.removeEventListener('keydown', this.shiftDownHandler);
+            document.removeEventListener('keyup', this.shiftUpHandler);
+        }
+        this.subscription?.unsubscribe();
+    }
+    ngAfterContentInit() {
+        this.rowTemplate = this.templateRefs.last;
+    }
+    trackByFn(index, item) {
+        if (item.id != null) {
+            return item.id;
+        }
+        else {
+            return index;
+        }
+    }
+    onToggleAllClick() {
+        this.allSelectChange.emit();
+        this.selectionManager?.toggleSelectAll();
+    }
+    onRowClick(item, event) {
+        this.rowSelectChange.emit({ event, item });
+        this.selectionManager?.toggleSelection(item, event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DataTableComponent, selector: "vdr-data-table", inputs: { items: "items", itemsPerPage: "itemsPerPage", currentPage: "currentPage", totalItems: "totalItems", emptyStateLabel: "emptyStateLabel", selectionManager: "selectionManager", allSelected: "allSelected", isRowSelectedFn: "isRowSelectedFn" }, outputs: { pageChange: "pageChange", itemsPerPageChange: "itemsPerPageChange", allSelectChange: "allSelectChange", rowSelectChange: "rowSelectChange" }, providers: [PaginationService], queries: [{ propertyName: "columns", predicate: DataTableColumnComponent }, { propertyName: "templateRefs", predicate: TemplateRef }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!items || (items && items.length); else emptyPlaceholder\">\n    <div class=\"bulk-actions\">\n    <ng-content select=\"vdr-bulk-action-menu\"></ng-content>\n    </div>\n    <table class=\"table\" [class.no-select]=\"disableSelect\">\n        <thead [class.items-selected]=\"selectionManager?.selection.length\">\n            <tr>\n                <th *ngIf=\"isRowSelectedFn || selectionManager\" class=\"align-middle\">\n                    <input\n                        type=\"checkbox\"\n                        clrCheckbox\n                        [checked]=\"allSelected ? allSelected : selectionManager?.areAllCurrentItemsSelected()\"\n                        (change)=\"onToggleAllClick()\"\n                    />\n                </th>\n                <th *ngFor=\"let header of columns?.toArray()\" class=\"left align-middle\" [class.expand]=\"header.expand\">\n                    <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n                </th>\n            </tr>\n        </thead>\n        <tbody>\n            <tr\n                *ngFor=\"\n                    let item of items\n                        | paginate\n                            : {\n                                  itemsPerPage: itemsPerPage,\n                                  currentPage: currentPage,\n                                  totalItems: totalItems\n                              };\n                    index as i;\n                    trackBy: trackByFn\n                \"\n            >\n                <td *ngIf=\"isRowSelectedFn || selectionManager\" class=\"align-middle selection-col\">\n                    <input\n                        type=\"checkbox\"\n                        clrCheckbox\n                        [checked]=\"isRowSelectedFn ? isRowSelectedFn(item) : selectionManager?.isSelected(item)\"\n                        (click)=\"onRowClick(item, $event)\"\n                    />\n                </td>\n                <ng-container\n                    *ngTemplateOutlet=\"rowTemplate; context: { item: item, index: i }\"\n                ></ng-container>\n            </tr>\n        </tbody>\n    </table>\n    <div class=\"table-footer\">\n        <vdr-items-per-page-controls\n            *ngIf=\"totalItems\"\n            [itemsPerPage]=\"itemsPerPage\"\n            (itemsPerPageChange)=\"itemsPerPageChange.emit($event)\"\n        ></vdr-items-per-page-controls>\n        <div *ngIf=\"totalItems\" class=\"p5\">\n            {{ 'common.total-items' | translate: { currentStart, currentEnd, totalItems } }}\n        </div>\n\n        <vdr-pagination-controls\n            *ngIf=\"totalItems\"\n            [currentPage]=\"currentPage\"\n            [itemsPerPage]=\"itemsPerPage\"\n            [totalItems]=\"totalItems\"\n            (pageChange)=\"pageChange.emit($event)\"\n        ></vdr-pagination-controls>\n    </div>\n</ng-container>\n<ng-template #emptyPlaceholder>\n    <vdr-empty-placeholder [emptyStateLabel]=\"emptyStateLabel\"></vdr-empty-placeholder>\n</ng-template>\n", styles: [":host{display:block;max-width:100%;overflow:auto;position:relative}.bulk-actions{position:absolute;left:50px;top:30px;z-index:2}table.table{max-width:100vw;overflow-x:auto}table.no-select{-webkit-user-select:none;user-select:none}thead th.expand{width:100%}thead.items-selected tr th{color:transparent}.selection-col{width:24px}.table-footer{display:flex;align-items:baseline;justify-content:space-between;margin-top:6px}\n"], dependencies: [{ kind: "directive", type: i1.ClrCheckbox, selector: "[clrCheckbox],[clrToggle]" }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.ItemsPerPageControlsComponent, selector: "vdr-items-per-page-controls", inputs: ["itemsPerPage"], outputs: ["itemsPerPageChange"] }, { kind: "component", type: i4.PaginationControlsComponent, selector: "vdr-pagination-controls", inputs: ["id", "currentPage", "itemsPerPage", "totalItems"], outputs: ["pageChange"] }, { kind: "directive", type: i5.FormFieldControlDirective, selector: "input, textarea, select, vdr-currency-input" }, { kind: "component", type: i6.EmptyPlaceholderComponent, selector: "vdr-empty-placeholder", inputs: ["emptyStateLabel"] }, { kind: "pipe", type: i7.PaginatePipe, name: "paginate" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-data-table', changeDetection: ChangeDetectionStrategy.OnPush, providers: [PaginationService], template: "<ng-container *ngIf=\"!items || (items && items.length); else emptyPlaceholder\">\n    <div class=\"bulk-actions\">\n    <ng-content select=\"vdr-bulk-action-menu\"></ng-content>\n    </div>\n    <table class=\"table\" [class.no-select]=\"disableSelect\">\n        <thead [class.items-selected]=\"selectionManager?.selection.length\">\n            <tr>\n                <th *ngIf=\"isRowSelectedFn || selectionManager\" class=\"align-middle\">\n                    <input\n                        type=\"checkbox\"\n                        clrCheckbox\n                        [checked]=\"allSelected ? allSelected : selectionManager?.areAllCurrentItemsSelected()\"\n                        (change)=\"onToggleAllClick()\"\n                    />\n                </th>\n                <th *ngFor=\"let header of columns?.toArray()\" class=\"left align-middle\" [class.expand]=\"header.expand\">\n                    <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n                </th>\n            </tr>\n        </thead>\n        <tbody>\n            <tr\n                *ngFor=\"\n                    let item of items\n                        | paginate\n                            : {\n                                  itemsPerPage: itemsPerPage,\n                                  currentPage: currentPage,\n                                  totalItems: totalItems\n                              };\n                    index as i;\n                    trackBy: trackByFn\n                \"\n            >\n                <td *ngIf=\"isRowSelectedFn || selectionManager\" class=\"align-middle selection-col\">\n                    <input\n                        type=\"checkbox\"\n                        clrCheckbox\n                        [checked]=\"isRowSelectedFn ? isRowSelectedFn(item) : selectionManager?.isSelected(item)\"\n                        (click)=\"onRowClick(item, $event)\"\n                    />\n                </td>\n                <ng-container\n                    *ngTemplateOutlet=\"rowTemplate; context: { item: item, index: i }\"\n                ></ng-container>\n            </tr>\n        </tbody>\n    </table>\n    <div class=\"table-footer\">\n        <vdr-items-per-page-controls\n            *ngIf=\"totalItems\"\n            [itemsPerPage]=\"itemsPerPage\"\n            (itemsPerPageChange)=\"itemsPerPageChange.emit($event)\"\n        ></vdr-items-per-page-controls>\n        <div *ngIf=\"totalItems\" class=\"p5\">\n            {{ 'common.total-items' | translate: { currentStart, currentEnd, totalItems } }}\n        </div>\n\n        <vdr-pagination-controls\n            *ngIf=\"totalItems\"\n            [currentPage]=\"currentPage\"\n            [itemsPerPage]=\"itemsPerPage\"\n            [totalItems]=\"totalItems\"\n            (pageChange)=\"pageChange.emit($event)\"\n        ></vdr-pagination-controls>\n    </div>\n</ng-container>\n<ng-template #emptyPlaceholder>\n    <vdr-empty-placeholder [emptyStateLabel]=\"emptyStateLabel\"></vdr-empty-placeholder>\n</ng-template>\n", styles: [":host{display:block;max-width:100%;overflow:auto;position:relative}.bulk-actions{position:absolute;left:50px;top:30px;z-index:2}table.table{max-width:100vw;overflow-x:auto}table.no-select{-webkit-user-select:none;user-select:none}thead th.expand{width:100%}thead.items-selected tr th{color:transparent}.selection-col{width:24px}.table-footer{display:flex;align-items:baseline;justify-content:space-between;margin-top:6px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { items: [{
+                type: Input
+            }], itemsPerPage: [{
+                type: Input
+            }], currentPage: [{
+                type: Input
+            }], totalItems: [{
+                type: Input
+            }], emptyStateLabel: [{
+                type: Input
+            }], selectionManager: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }], itemsPerPageChange: [{
+                type: Output
+            }], allSelected: [{
+                type: Input
+            }], isRowSelectedFn: [{
+                type: Input
+            }], allSelectChange: [{
+                type: Output
+            }], rowSelectChange: [{
+                type: Output
+            }], columns: [{
+                type: ContentChildren,
+                args: [DataTableColumnComponent]
+            }], templateRefs: [{
+                type: ContentChildren,
+                args: [TemplateRef]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL2RhdGEtdGFibGUvZGF0YS10YWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL2RhdGEtdGFibGUvZGF0YS10YWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsWUFBWSxFQUNaLEtBQUssRUFJTCxNQUFNLEVBR04sV0FBVyxHQUNkLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBS25ELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7Ozs7Ozs7O0FBRXpFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkRHO0FBUUgsTUFBTSxPQUFPLGtCQUFrQjtJQTZCM0IsWUFBb0IsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUF0QjlDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3hDLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFNMUQsMkRBQTJEO1FBQ2pELG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNyRCwyREFBMkQ7UUFDakQsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBa0MsQ0FBQztRQU8vRSxxRUFBcUU7UUFDckUsK0NBQStDO1FBQy9DLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBS2QscUJBQWdCLEdBQUcsQ0FBQyxLQUFvQixFQUFFLEVBQUU7WUFDaEQsSUFBSSxLQUFLLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO2dCQUN4QyxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztnQkFDMUIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO1lBQzFDLENBQUM7UUFDTCxDQUFDLENBQUM7UUFFTSxtQkFBYyxHQUFHLENBQUMsS0FBb0IsRUFBRSxFQUFFO1lBQzlDLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO2dCQUNyQixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztnQkFDM0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO1lBQzFDLENBQUM7UUFDTCxDQUFDLENBQUM7SUFkeUQsQ0FBQztJQWdCNUQsUUFBUTtRQUNKLElBQUksT0FBTyxJQUFJLENBQUMsZUFBZSxLQUFLLFVBQVUsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztZQUN0RSxRQUFRLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1lBQy9FLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQy9FLENBQUM7UUFFRCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxpQkFBaUIsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQ3hFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsQ0FDeEMsQ0FBQztJQUNOLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsSUFBSSxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsQ0FBQztZQUMvRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxZQUFZLEdBQUcsT0FBTyxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsTUFBTSxDQUFDO1lBQ3pFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZELENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksT0FBTyxJQUFJLENBQUMsZUFBZSxLQUFLLFVBQVUsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztZQUN0RSxRQUFRLENBQUMsbUJBQW1CLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQy9ELFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQy9ELENBQUM7UUFDRCxJQUFJLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxDQUFDO0lBQ3JDLENBQUM7SUFFRCxrQkFBa0I7UUFDZCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO0lBQzlDLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBYSxFQUFFLElBQVM7UUFDOUIsSUFBSyxJQUFZLENBQUMsRUFBRSxJQUFJLElBQUksRUFBRSxDQUFDO1lBQzNCLE9BQVEsSUFBWSxDQUFDLEVBQUUsQ0FBQztRQUM1QixDQUFDO2FBQU0sQ0FBQztZQUNKLE9BQU8sS0FBSyxDQUFDO1FBQ2pCLENBQUM7SUFDTCxDQUFDO0lBRUQsZ0JBQWdCO1FBQ1osSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUM1QixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsZUFBZSxFQUFFLENBQUM7SUFDN0MsQ0FBQztJQUVELFVBQVUsQ0FBQyxJQUFPLEVBQUUsS0FBaUI7UUFDakMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUMzQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsZUFBZSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQztJQUN4RCxDQUFDOytHQTVGUSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw0YkFGaEIsQ0FBQyxpQkFBaUIsQ0FBQyxrREFxQmIsd0JBQXdCLCtDQUN4QixXQUFXLGtEQ2hIaEMsMC9GQXNFQTs7NEZEc0JhLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDSSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSxhQUNwQyxDQUFDLGlCQUFpQixDQUFDO3NGQUdyQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBR0UsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVJLGVBQWU7c0JBQXhCLE1BQU07Z0JBRUcsZUFBZTtzQkFBeEIsTUFBTTtnQkFFb0MsT0FBTztzQkFBakQsZUFBZTt1QkFBQyx3QkFBd0I7Z0JBQ1gsWUFBWTtzQkFBekMsZUFBZTt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlckNvbnRlbnRJbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBDb250ZW50Q2hpbGRyZW4sXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBPbkRlc3Ryb3ksXG4gICAgT25Jbml0LFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG4gICAgU2ltcGxlQ2hhbmdlcyxcbiAgICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWdpbmF0aW9uU2VydmljZSB9IGZyb20gJ25neC1wYWdpbmF0aW9uJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgU2VsZWN0aW9uTWFuYWdlciB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi91dGlsaXRpZXMvc2VsZWN0aW9uLW1hbmFnZXInO1xuXG5pbXBvcnQgeyBEYXRhVGFibGVDb2x1bW5Db21wb25lbnQgfSBmcm9tICcuL2RhdGEtdGFibGUtY29sdW1uLmNvbXBvbmVudCc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBBIHRhYmxlIGZvciBkaXNwbGF5aW5nIFBhZ2luYXRlZExpc3QgcmVzdWx0cy4gSXQgaXMgZGVzaWduZWQgdG8gYmUgdXNlZCBpbnNpZGUgY29tcG9uZW50cyB3aGljaFxuICogZXh0ZW5kIHRoZSB7QGxpbmsgQmFzZUxpc3RDb21wb25lbnR9IGNsYXNzLlxuICpcbiAqICoqRGVwcmVjYXRlZCoqIFRoaXMgY29tcG9uZW50IGlzIGRlcHJlY2F0ZWQuIFVzZSB0aGUge0BsaW5rIERhdGFUYWJsZTJDb21wb25lbnR9IGluc3RlYWQuXG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYEhUTUxcbiAqIDx2ZHItZGF0YS10YWJsZVxuICogICBbaXRlbXNdPVwiaXRlbXMkIHwgYXN5bmNcIlxuICogICBbaXRlbXNQZXJQYWdlXT1cIml0ZW1zUGVyUGFnZSQgfCBhc3luY1wiXG4gKiAgIFt0b3RhbEl0ZW1zXT1cInRvdGFsSXRlbXMkIHwgYXN5bmNcIlxuICogICBbY3VycmVudFBhZ2VdPVwiY3VycmVudFBhZ2UkIHwgYXN5bmNcIlxuICogICAocGFnZUNoYW5nZSk9XCJzZXRQYWdlTnVtYmVyKCRldmVudClcIlxuICogICAoaXRlbXNQZXJQYWdlQ2hhbmdlKT1cInNldEl0ZW1zUGVyUGFnZSgkZXZlbnQpXCJcbiAqID5cbiAqICAgPCEtLSBUaGUgaGVhZGVyIGNvbHVtbnMgYXJlIGRlZmluZWQgZmlyc3QgLS0+XG4gKiAgIDx2ZHItZHQtY29sdW1uPnt7ICdjb21tb24ubmFtZScgfCB0cmFuc2xhdGUgfX08L3Zkci1kdC1jb2x1bW4+XG4gKiAgIDx2ZHItZHQtY29sdW1uPjwvdmRyLWR0LWNvbHVtbj5cbiAqICAgPHZkci1kdC1jb2x1bW4+PC92ZHItZHQtY29sdW1uPlxuICpcbiAqICAgPCEtLSBUaGVuIHdlIGRlZmluZSBob3cgYSByb3cgaXMgcmVuZGVyZWQgLS0+XG4gKiAgIDxuZy10ZW1wbGF0ZSBsZXQtdGF4UmF0ZT1cIml0ZW1cIj5cbiAqICAgICA8dGQgY2xhc3M9XCJsZWZ0IGFsaWduLW1pZGRsZVwiPnt7IHRheFJhdGUubmFtZSB9fTwvdGQ+XG4gKiAgICAgPHRkIGNsYXNzPVwibGVmdCBhbGlnbi1taWRkbGVcIj57eyB0YXhSYXRlLmNhdGVnb3J5Lm5hbWUgfX08L3RkPlxuICogICAgIDx0ZCBjbGFzcz1cImxlZnQgYWxpZ24tbWlkZGxlXCI+e3sgdGF4UmF0ZS56b25lLm5hbWUgfX08L3RkPlxuICogICAgIDx0ZCBjbGFzcz1cImxlZnQgYWxpZ24tbWlkZGxlXCI+e3sgdGF4UmF0ZS52YWx1ZSB9fSU8L3RkPlxuICogICAgIDx0ZCBjbGFzcz1cInJpZ2h0IGFsaWduLW1pZGRsZVwiPlxuICogICAgICAgPHZkci10YWJsZS1yb3ctYWN0aW9uXG4gKiAgICAgICAgIGljb25TaGFwZT1cImVkaXRcIlxuICogICAgICAgICBbbGFiZWxdPVwiJ2NvbW1vbi5lZGl0JyB8IHRyYW5zbGF0ZVwiXG4gKiAgICAgICAgIFtsaW5rVG9dPVwiWycuLycsIHRheFJhdGUuaWRdXCJcbiAqICAgICAgID48L3Zkci10YWJsZS1yb3ctYWN0aW9uPlxuICogICAgIDwvdGQ+XG4gKiAgICAgPHRkIGNsYXNzPVwicmlnaHQgYWxpZ24tbWlkZGxlXCI+XG4gKiAgICAgICA8dmRyLWRyb3Bkb3duPlxuICogICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImJ0biBidG4tbGluayBidG4tc21cIiB2ZHJEcm9wZG93blRyaWdnZXI+XG4gKiAgICAgICAgICAge3sgJ2NvbW1vbi5hY3Rpb25zJyB8IHRyYW5zbGF0ZSB9fVxuICogICAgICAgICAgIDxjbHItaWNvbiBzaGFwZT1cImNhcmV0IGRvd25cIj48L2Nsci1pY29uPlxuICogICAgICAgICA8L2J1dHRvbj5cbiAqICAgICAgICAgPHZkci1kcm9wZG93bi1tZW51IHZkclBvc2l0aW9uPVwiYm90dG9tLXJpZ2h0XCI+XG4gKiAgICAgICAgICAgPGJ1dHRvblxuICogICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAqICAgICAgICAgICAgICAgY2xhc3M9XCJkZWxldGUtYnV0dG9uXCJcbiAqICAgICAgICAgICAgICAgKGNsaWNrKT1cImRlbGV0ZVRheFJhdGUodGF4UmF0ZSlcIlxuICogICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiIShbJ0RlbGV0ZVNldHRpbmdzJywgJ0RlbGV0ZVRheFJhdGUnXSB8IGhhc1Blcm1pc3Npb24pXCJcbiAqICAgICAgICAgICAgICAgdmRyRHJvcGRvd25JdGVtXG4gKiAgICAgICAgICAgPlxuICogICAgICAgICAgICAgICA8Y2xyLWljb24gc2hhcGU9XCJ0cmFzaFwiIGNsYXNzPVwiaXMtZGFuZ2VyXCI+PC9jbHItaWNvbj5cbiAqICAgICAgICAgICAgICAge3sgJ2NvbW1vbi5kZWxldGUnIHwgdHJhbnNsYXRlIH19XG4gKiAgICAgICAgICAgPC9idXR0b24+XG4gKiAgICAgICAgIDwvdmRyLWRyb3Bkb3duLW1lbnU+XG4gKiAgICAgICA8L3Zkci1kcm9wZG93bj5cbiAqICAgICA8L3RkPlxuICogICA8L25nLXRlbXBsYXRlPlxuICogPC92ZHItZGF0YS10YWJsZT5cbiAqIGBgYFxuICpcbiAqIEBkb2NzQ2F0ZWdvcnkgY29tcG9uZW50c1xuICogQGRlcHJlY2F0ZWQgVXNlIHRoZSBEYXRhVGFibGUyIGNvbXBvbmVudCBpbnN0ZWFkLlxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1kYXRhLXRhYmxlJyxcbiAgICB0ZW1wbGF0ZVVybDogJ2RhdGEtdGFibGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWydkYXRhLXRhYmxlLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbUGFnaW5hdGlvblNlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBEYXRhVGFibGVDb21wb25lbnQ8VD4gaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgICBASW5wdXQoKSBpdGVtczogVFtdO1xuICAgIEBJbnB1dCgpIGl0ZW1zUGVyUGFnZTogbnVtYmVyO1xuICAgIEBJbnB1dCgpIGN1cnJlbnRQYWdlOiBudW1iZXI7XG4gICAgQElucHV0KCkgdG90YWxJdGVtczogbnVtYmVyO1xuICAgIEBJbnB1dCgpIGVtcHR5U3RhdGVMYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHNlbGVjdGlvbk1hbmFnZXI/OiBTZWxlY3Rpb25NYW5hZ2VyPFQ+O1xuICAgIEBPdXRwdXQoKSBwYWdlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gICAgQE91dHB1dCgpIGl0ZW1zUGVyUGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gICAgLyoqIEBkZXByZWNhdGVkIHBhc3MgYSBTZWxlY3Rpb25NYW5hZ2VyIGluc3RhbmNlIGluc3RlYWQgKi9cbiAgICBASW5wdXQoKSBhbGxTZWxlY3RlZDogYm9vbGVhbjtcbiAgICAvKiogQGRlcHJlY2F0ZWQgcGFzcyBhIFNlbGVjdGlvbk1hbmFnZXIgaW5zdGFuY2UgaW5zdGVhZCAqL1xuICAgIEBJbnB1dCgpIGlzUm93U2VsZWN0ZWRGbjogKChpdGVtOiBUKSA9PiBib29sZWFuKSB8IHVuZGVmaW5lZDtcbiAgICAvKiogQGRlcHJlY2F0ZWQgcGFzcyBhIFNlbGVjdGlvbk1hbmFnZXIgaW5zdGFuY2UgaW5zdGVhZCAqL1xuICAgIEBPdXRwdXQoKSBhbGxTZWxlY3RDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gICAgLyoqIEBkZXByZWNhdGVkIHBhc3MgYSBTZWxlY3Rpb25NYW5hZ2VyIGluc3RhbmNlIGluc3RlYWQgKi9cbiAgICBAT3V0cHV0KCkgcm93U2VsZWN0Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjx7IGV2ZW50OiBNb3VzZUV2ZW50OyBpdGVtOiBUIH0+KCk7XG5cbiAgICBAQ29udGVudENoaWxkcmVuKERhdGFUYWJsZUNvbHVtbkNvbXBvbmVudCkgY29sdW1uczogUXVlcnlMaXN0PERhdGFUYWJsZUNvbHVtbkNvbXBvbmVudD47XG4gICAgQENvbnRlbnRDaGlsZHJlbihUZW1wbGF0ZVJlZikgdGVtcGxhdGVSZWZzOiBRdWVyeUxpc3Q8VGVtcGxhdGVSZWY8YW55Pj47XG4gICAgcm93VGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG4gICAgY3VycmVudFN0YXJ0OiBudW1iZXI7XG4gICAgY3VycmVudEVuZDogbnVtYmVyO1xuICAgIC8vIFRoaXMgaXMgdXNlZCB0byBhcHBseSBhIGB1c2VyLXNlbGVjdDogbm9uZWAgQ1NTIHJ1bGUgdG8gdGhlIHRhYmxlLFxuICAgIC8vIHdoaWNoIGFsbG93cyBzaGlmdC1jbGljayBtdWx0aS1yb3cgc2VsZWN0aW9uXG4gICAgZGlzYWJsZVNlbGVjdCA9IGZhbHNlO1xuICAgIHByaXZhdGUgc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb24gfCB1bmRlZmluZWQ7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICAgIHByaXZhdGUgc2hpZnREb3duSGFuZGxlciA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZXZlbnQuc2hpZnRLZXkgJiYgIXRoaXMuZGlzYWJsZVNlbGVjdCkge1xuICAgICAgICAgICAgdGhpcy5kaXNhYmxlU2VsZWN0ID0gdHJ1ZTtcbiAgICAgICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgcHJpdmF0ZSBzaGlmdFVwSGFuZGxlciA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBpZiAodGhpcy5kaXNhYmxlU2VsZWN0KSB7XG4gICAgICAgICAgICB0aGlzLmRpc2FibGVTZWxlY3QgPSBmYWxzZTtcbiAgICAgICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIGlmICh0eXBlb2YgdGhpcy5pc1Jvd1NlbGVjdGVkRm4gPT09ICdmdW5jdGlvbicgfHwgdGhpcy5zZWxlY3Rpb25NYW5hZ2VyKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgdGhpcy5zaGlmdERvd25IYW5kbGVyLCB7IHBhc3NpdmU6IHRydWUgfSk7XG4gICAgICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdrZXl1cCcsIHRoaXMuc2hpZnRVcEhhbmRsZXIsIHsgcGFzc2l2ZTogdHJ1ZSB9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gdGhpcy5zZWxlY3Rpb25NYW5hZ2VyPy5zZWxlY3Rpb25DaGFuZ2VzJC5zdWJzY3JpYmUoKCkgPT5cbiAgICAgICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCksXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgICAgICBpZiAoY2hhbmdlcy5pdGVtcykge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50U3RhcnQgPSB0aGlzLml0ZW1zUGVyUGFnZSAqICh0aGlzLmN1cnJlbnRQYWdlIC0gMSk7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRFbmQgPSB0aGlzLmN1cnJlbnRTdGFydCArIGNoYW5nZXMuaXRlbXMuY3VycmVudFZhbHVlPy5sZW5ndGg7XG4gICAgICAgICAgICB0aGlzLnNlbGVjdGlvbk1hbmFnZXI/LnNldEN1cnJlbnRJdGVtcyh0aGlzLml0ZW1zKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICBpZiAodHlwZW9mIHRoaXMuaXNSb3dTZWxlY3RlZEZuID09PSAnZnVuY3Rpb24nIHx8IHRoaXMuc2VsZWN0aW9uTWFuYWdlcikge1xuICAgICAgICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIHRoaXMuc2hpZnREb3duSGFuZGxlcik7XG4gICAgICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdrZXl1cCcsIHRoaXMuc2hpZnRVcEhhbmRsZXIpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uPy51bnN1YnNjcmliZSgpO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5yb3dUZW1wbGF0ZSA9IHRoaXMudGVtcGxhdGVSZWZzLmxhc3Q7XG4gICAgfVxuXG4gICAgdHJhY2tCeUZuKGluZGV4OiBudW1iZXIsIGl0ZW06IGFueSkge1xuICAgICAgICBpZiAoKGl0ZW0gYXMgYW55KS5pZCAhPSBudWxsKSB7XG4gICAgICAgICAgICByZXR1cm4gKGl0ZW0gYXMgYW55KS5pZDtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJldHVybiBpbmRleDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uVG9nZ2xlQWxsQ2xpY2soKSB7XG4gICAgICAgIHRoaXMuYWxsU2VsZWN0Q2hhbmdlLmVtaXQoKTtcbiAgICAgICAgdGhpcy5zZWxlY3Rpb25NYW5hZ2VyPy50b2dnbGVTZWxlY3RBbGwoKTtcbiAgICB9XG5cbiAgICBvblJvd0NsaWNrKGl0ZW06IFQsIGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgICAgIHRoaXMucm93U2VsZWN0Q2hhbmdlLmVtaXQoeyBldmVudCwgaXRlbSB9KTtcbiAgICAgICAgdGhpcy5zZWxlY3Rpb25NYW5hZ2VyPy50b2dnbGVTZWxlY3Rpb24oaXRlbSwgZXZlbnQpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCIhaXRlbXMgfHwgKGl0ZW1zICYmIGl0ZW1zLmxlbmd0aCk7IGVsc2UgZW1wdHlQbGFjZWhvbGRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJidWxrLWFjdGlvbnNcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJ2ZHItYnVsay1hY3Rpb24tbWVudVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8dGFibGUgY2xhc3M9XCJ0YWJsZVwiIFtjbGFzcy5uby1zZWxlY3RdPVwiZGlzYWJsZVNlbGVjdFwiPlxuICAgICAgICA8dGhlYWQgW2NsYXNzLml0ZW1zLXNlbGVjdGVkXT1cInNlbGVjdGlvbk1hbmFnZXI/LnNlbGVjdGlvbi5sZW5ndGhcIj5cbiAgICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgICAgICA8dGggKm5nSWY9XCJpc1Jvd1NlbGVjdGVkRm4gfHwgc2VsZWN0aW9uTWFuYWdlclwiIGNsYXNzPVwiYWxpZ24tbWlkZGxlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsckNoZWNrYm94XG4gICAgICAgICAgICAgICAgICAgICAgICBbY2hlY2tlZF09XCJhbGxTZWxlY3RlZCA/IGFsbFNlbGVjdGVkIDogc2VsZWN0aW9uTWFuYWdlcj8uYXJlQWxsQ3VycmVudEl0ZW1zU2VsZWN0ZWQoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2hhbmdlKT1cIm9uVG9nZ2xlQWxsQ2xpY2soKVwiXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC90aD5cbiAgICAgICAgICAgICAgICA8dGggKm5nRm9yPVwibGV0IGhlYWRlciBvZiBjb2x1bW5zPy50b0FycmF5KClcIiBjbGFzcz1cImxlZnQgYWxpZ24tbWlkZGxlXCIgW2NsYXNzLmV4cGFuZF09XCJoZWFkZXIuZXhwYW5kXCI+XG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXIudGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8L3RoPlxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgPC90aGVhZD5cbiAgICAgICAgPHRib2R5PlxuICAgICAgICAgICAgPHRyXG4gICAgICAgICAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgICAgICAgICAgIGxldCBpdGVtIG9mIGl0ZW1zXG4gICAgICAgICAgICAgICAgICAgICAgICB8IHBhZ2luYXRlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaXRlbXNQZXJQYWdlOiBpdGVtc1BlclBhZ2UsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY3VycmVudFBhZ2U6IGN1cnJlbnRQYWdlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRvdGFsSXRlbXM6IHRvdGFsSXRlbXNcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgICAgIGluZGV4IGFzIGk7XG4gICAgICAgICAgICAgICAgICAgIHRyYWNrQnk6IHRyYWNrQnlGblxuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHRkICpuZ0lmPVwiaXNSb3dTZWxlY3RlZEZuIHx8IHNlbGVjdGlvbk1hbmFnZXJcIiBjbGFzcz1cImFsaWduLW1pZGRsZSBzZWxlY3Rpb24tY29sXCI+XG4gICAgICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsckNoZWNrYm94XG4gICAgICAgICAgICAgICAgICAgICAgICBbY2hlY2tlZF09XCJpc1Jvd1NlbGVjdGVkRm4gPyBpc1Jvd1NlbGVjdGVkRm4oaXRlbSkgOiBzZWxlY3Rpb25NYW5hZ2VyPy5pc1NlbGVjdGVkKGl0ZW0pXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvblJvd0NsaWNrKGl0ZW0sICRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cInJvd1RlbXBsYXRlOyBjb250ZXh0OiB7IGl0ZW06IGl0ZW0sIGluZGV4OiBpIH1cIlxuICAgICAgICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvdHI+XG4gICAgICAgIDwvdGJvZHk+XG4gICAgPC90YWJsZT5cbiAgICA8ZGl2IGNsYXNzPVwidGFibGUtZm9vdGVyXCI+XG4gICAgICAgIDx2ZHItaXRlbXMtcGVyLXBhZ2UtY29udHJvbHNcbiAgICAgICAgICAgICpuZ0lmPVwidG90YWxJdGVtc1wiXG4gICAgICAgICAgICBbaXRlbXNQZXJQYWdlXT1cIml0ZW1zUGVyUGFnZVwiXG4gICAgICAgICAgICAoaXRlbXNQZXJQYWdlQ2hhbmdlKT1cIml0ZW1zUGVyUGFnZUNoYW5nZS5lbWl0KCRldmVudClcIlxuICAgICAgICA+PC92ZHItaXRlbXMtcGVyLXBhZ2UtY29udHJvbHM+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJ0b3RhbEl0ZW1zXCIgY2xhc3M9XCJwNVwiPlxuICAgICAgICAgICAge3sgJ2NvbW1vbi50b3RhbC1pdGVtcycgfCB0cmFuc2xhdGU6IHsgY3VycmVudFN0YXJ0LCBjdXJyZW50RW5kLCB0b3RhbEl0ZW1zIH0gfX1cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPHZkci1wYWdpbmF0aW9uLWNvbnRyb2xzXG4gICAgICAgICAgICAqbmdJZj1cInRvdGFsSXRlbXNcIlxuICAgICAgICAgICAgW2N1cnJlbnRQYWdlXT1cImN1cnJlbnRQYWdlXCJcbiAgICAgICAgICAgIFtpdGVtc1BlclBhZ2VdPVwiaXRlbXNQZXJQYWdlXCJcbiAgICAgICAgICAgIFt0b3RhbEl0ZW1zXT1cInRvdGFsSXRlbXNcIlxuICAgICAgICAgICAgKHBhZ2VDaGFuZ2UpPVwicGFnZUNoYW5nZS5lbWl0KCRldmVudClcIlxuICAgICAgICA+PC92ZHItcGFnaW5hdGlvbi1jb250cm9scz5cbiAgICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuPG5nLXRlbXBsYXRlICNlbXB0eVBsYWNlaG9sZGVyPlxuICAgIDx2ZHItZW1wdHktcGxhY2Vob2xkZXIgW2VtcHR5U3RhdGVMYWJlbF09XCJlbXB0eVN0YXRlTGFiZWxcIj48L3Zkci1lbXB0eS1wbGFjZWhvbGRlcj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/core/shared/components/data-table-2/data-table-column.component.mjs

@@ -0,0 +1,64 @@
+import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DataTable2ColumnComponent {
+    constructor() {
+        /**
+         * When set to true, this column will expand to use available width
+         */
+        this.expand = false;
+        this.align = 'left';
+        this.optional = true;
+        this.hiddenByDefault = false;
+        this.orderable = true;
+        this.#visible = true;
+        this.#onColumnChangeFns = [];
+    }
+    #visible;
+    #onColumnChangeFns;
+    get visible() {
+        return this.#visible;
+    }
+    ngOnInit() {
+        this.#visible = this.hiddenByDefault ? false : true;
+    }
+    setVisibility(isVisible) {
+        this.#visible = isVisible;
+        this.#onColumnChangeFns.forEach(fn => fn());
+    }
+    resetVisibility() {
+        this.setVisibility(!this.hiddenByDefault);
+    }
+    onColumnChange(callback) {
+        this.#onColumnChangeFns.push(callback);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTable2ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DataTable2ColumnComponent, selector: "vdr-dt2-column", inputs: { id: "id", expand: "expand", heading: "heading", align: "align", sort: "sort", optional: "optional", hiddenByDefault: "hiddenByDefault", orderable: "orderable" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["row"], ngImport: i0, template: ``, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTable2ColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vdr-dt2-column',
+                    template: ``,
+                    exportAs: 'row',
+                }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], expand: [{
+                type: Input
+            }], heading: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }], sort: [{
+                type: Input
+            }], optional: [{
+                type: Input
+            }], hiddenByDefault: [{
+                type: Input
+            }], orderable: [{
+                type: Input
+            }], template: [{
+                type: ContentChild,
+                args: [TemplateRef, { static: false }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS10YWJsZS1jb2x1bW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9kYXRhLXRhYmxlLTIvZGF0YS10YWJsZS1jb2x1bW4uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxXQUFXLEVBQWEsTUFBTSxlQUFlLENBQUM7O0FBUy9GLE1BQU0sT0FBTyx5QkFBeUI7SUFMdEM7UUFPSTs7V0FFRztRQUNNLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFFZixVQUFLLEdBQWdDLE1BQU0sQ0FBQztRQUU1QyxhQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ2hCLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDMUIsYUFBUSxHQUFHLElBQUksQ0FBQztRQUNoQix1QkFBa0IsR0FBc0IsRUFBRSxDQUFDO0tBdUI5QztJQXhCRyxRQUFRLENBQVE7SUFDaEIsa0JBQWtCLENBQXlCO0lBRTNDLElBQUksT0FBTztRQUNQLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN6QixDQUFDO0lBR0QsUUFBUTtRQUNKLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDeEQsQ0FBQztJQUVELGFBQWEsQ0FBQyxTQUFrQjtRQUM1QixJQUFJLENBQUMsUUFBUSxHQUFHLFNBQVMsQ0FBQztRQUMxQixJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDOUMsQ0FBQztJQUVELGNBQWMsQ0FBQyxRQUFvQjtRQUMvQixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzNDLENBQUM7K0dBbkNRLHlCQUF5QjttR0FBekIseUJBQXlCLHdRQWtCcEIsV0FBVyxtRUFyQmYsRUFBRTs7NEZBR0gseUJBQXlCO2tCQUxyQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFFBQVEsRUFBRSxFQUFFO29CQUNaLFFBQVEsRUFBRSxLQUFLO2lCQUNsQjs4QkFFWSxFQUFFO3NCQUFWLEtBQUs7Z0JBSUcsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQU93QyxRQUFRO3NCQUFyRCxZQUFZO3VCQUFDLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTG9jYWxpemVkU3RyaW5nIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL2dlbmVyYXRlZC10eXBlcyc7XG5pbXBvcnQgeyBEYXRhVGFibGVTb3J0IH0gZnJvbSAnLi4vLi4vLi4vcHJvdmlkZXJzL2RhdGEtdGFibGUvZGF0YS10YWJsZS1zb3J0JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItZHQyLWNvbHVtbicsXG4gICAgdGVtcGxhdGU6IGBgLFxuICAgIGV4cG9ydEFzOiAncm93Jyxcbn0pXG5leHBvcnQgY2xhc3MgRGF0YVRhYmxlMkNvbHVtbkNvbXBvbmVudDxUPiBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgaWQ6IHN0cmluZztcbiAgICAvKipcbiAgICAgKiBXaGVuIHNldCB0byB0cnVlLCB0aGlzIGNvbHVtbiB3aWxsIGV4cGFuZCB0byB1c2UgYXZhaWxhYmxlIHdpZHRoXG4gICAgICovXG4gICAgQElucHV0KCkgZXhwYW5kID0gZmFsc2U7XG4gICAgQElucHV0KCkgaGVhZGluZzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGFsaWduOiAnbGVmdCcgfCAncmlnaHQnIHwgJ2NlbnRlcicgPSAnbGVmdCc7XG4gICAgQElucHV0KCkgc29ydD86IERhdGFUYWJsZVNvcnQ8YW55PjtcbiAgICBASW5wdXQoKSBvcHRpb25hbCA9IHRydWU7XG4gICAgQElucHV0KCkgaGlkZGVuQnlEZWZhdWx0ID0gZmFsc2U7XG4gICAgQElucHV0KCkgb3JkZXJhYmxlID0gdHJ1ZTtcbiAgICAjdmlzaWJsZSA9IHRydWU7XG4gICAgI29uQ29sdW1uQ2hhbmdlRm5zOiBBcnJheTwoKSA9PiB2b2lkPiA9IFtdO1xuXG4gICAgZ2V0IHZpc2libGUoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLiN2aXNpYmxlO1xuICAgIH1cbiAgICBAQ29udGVudENoaWxkKFRlbXBsYXRlUmVmLCB7IHN0YXRpYzogZmFsc2UgfSkgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy4jdmlzaWJsZSA9IHRoaXMuaGlkZGVuQnlEZWZhdWx0ID8gZmFsc2UgOiB0cnVlO1xuICAgIH1cblxuICAgIHNldFZpc2liaWxpdHkoaXNWaXNpYmxlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuI3Zpc2libGUgPSBpc1Zpc2libGU7XG4gICAgICAgIHRoaXMuI29uQ29sdW1uQ2hhbmdlRm5zLmZvckVhY2goZm4gPT4gZm4oKSk7XG4gICAgfVxuXG4gICAgcmVzZXRWaXNpYmlsaXR5KCkge1xuICAgICAgICB0aGlzLnNldFZpc2liaWxpdHkoIXRoaXMuaGlkZGVuQnlEZWZhdWx0KTtcbiAgICB9XG5cbiAgICBvbkNvbHVtbkNoYW5nZShjYWxsYmFjazogKCkgPT4gdm9pZCkge1xuICAgICAgICB0aGlzLiNvbkNvbHVtbkNoYW5nZUZucy5wdXNoKGNhbGxiYWNrKTtcbiAgICB9XG59XG4iXX0=

package/esm2022/core/shared/components/data-table-2/data-table-custom-component.service.mjs

@@ -0,0 +1,26 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DataTableCustomComponentService {
+    constructor() {
+        this.configMap = new Map();
+    }
+    registerCustomComponent(config) {
+        const id = this.compoundId(config.tableId, config.columnId);
+        this.configMap.set(id, config);
+    }
+    getCustomComponentsFor(tableId, columnId) {
+        return this.configMap.get(this.compoundId(tableId, columnId));
+    }
+    compoundId(tableId, columnId) {
+        return `${tableId}.${columnId}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableCustomComponentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableCustomComponentService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableCustomComponentService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS10YWJsZS1jdXN0b20tY29tcG9uZW50LnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL2RhdGEtdGFibGUtMi9kYXRhLXRhYmxlLWN1c3RvbS1jb21wb25lbnQuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFrQixNQUFNLGVBQWUsQ0FBQzs7QUE4RTNELE1BQU0sT0FBTywrQkFBK0I7SUFINUM7UUFJWSxjQUFTLEdBQUcsSUFBSSxHQUFHLEVBQXdDLENBQUM7S0FpQnZFO0lBZkcsdUJBQXVCLENBQUMsTUFBZ0M7UUFDcEQsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM1RCxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVELHNCQUFzQixDQUNsQixPQUE0QixFQUM1QixRQUEyQjtRQUUzQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDbEUsQ0FBQztJQUVPLFVBQVUsQ0FBQyxPQUE0QixFQUFFLFFBQTJCO1FBQ3hFLE9BQU8sR0FBRyxPQUFPLElBQUksUUFBUSxFQUFFLENBQUM7SUFDcEMsQ0FBQzsrR0FqQlEsK0JBQStCO21IQUEvQiwrQkFBK0IsY0FGNUIsTUFBTTs7NEZBRVQsK0JBQStCO2tCQUgzQyxVQUFVO21CQUFDO29CQUNSLFVBQVUsRUFBRSxNQUFNO2lCQUNyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUsIFByb3ZpZGVyLCBUeXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWdlTG9jYXRpb25JZCB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9jb21wb25lbnQtcmVnaXN0cnktdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBEYXRhVGFibGVMb2NhdGlvbklkID1cbiAgICB8IHtcbiAgICAgICAgICBbbG9jYXRpb24gaW4gUGFnZUxvY2F0aW9uSWRdOiBsb2NhdGlvbiBleHRlbmRzIGAke3N0cmluZ30tbGlzdGAgPyBsb2NhdGlvbiA6IG5ldmVyO1xuICAgICAgfVtQYWdlTG9jYXRpb25JZF1cbiAgICB8ICdjb2xsZWN0aW9uLWNvbnRlbnRzJ1xuICAgIHwgJ2VkaXQtb3B0aW9ucy1saXN0J1xuICAgIHwgJ21hbmFnZS1wcm9kdWN0LXZhcmlhbnQtbGlzdCdcbiAgICB8ICdjdXN0b21lci1vcmRlci1saXN0J1xuICAgIHwgJ3Byb2R1Y3QtZGV0YWlsLXZhcmlhbnRzLWxpc3QnXG4gICAgfCBzdHJpbmc7XG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZUNvbHVtbklkID1cbiAgICB8ICdpZCdcbiAgICB8ICdjcmVhdGVkLWF0J1xuICAgIHwgJ3VwZGF0ZWQtYXQnXG4gICAgfCAnbmFtZSdcbiAgICB8ICdjb2RlJ1xuICAgIHwgJ2Rlc2NyaXB0aW9uJ1xuICAgIHwgJ3NsdWcnXG4gICAgfCAnZW5hYmxlZCdcbiAgICB8ICdza3UnXG4gICAgfCAncHJpY2UnXG4gICAgfCAncHJpY2Utd2l0aC10YXgnXG4gICAgfCAnc3RhdHVzJ1xuICAgIHwgJ3N0YXRlJ1xuICAgIHwgJ2ltYWdlJ1xuICAgIHwgJ3F1YW50aXR5J1xuICAgIHwgJ3RvdGFsJ1xuICAgIHwgJ3N0b2NrLW9uLWhhbmQnXG4gICAgfCBzdHJpbmc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBDb21wb25lbnRzIHdoaWNoIGFyZSB0byBiZSB1c2VkIHRvIHJlbmRlciBjdXN0b20gY2VsbHMgaW4gYSBkYXRhIHRhYmxlIHNob3VsZCBpbXBsZW1lbnQgdGhpcyBpbnRlcmZhY2UuXG4gKlxuICogVGhlIGByb3dJdGVtYCBwcm9wZXJ0eSBpcyB0aGUgZGF0YSBvYmplY3QgZm9yIHRoZSByb3csIGUuZy4gdGhlIGBQcm9kdWN0YCBvYmplY3QgaWYgdXNlZFxuICogaW4gdGhlIGBwcm9kdWN0LWxpc3RgIHRhYmxlLlxuICpcbiAqIEBkb2NzQ2F0ZWdvcnkgY3VzdG9tLXRhYmxlLWNvbXBvbmVudHNcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBDdXN0b21Db2x1bW5Db21wb25lbnQge1xuICAgIHJvd0l0ZW06IGFueTtcbn1cblxuLyoqXG4gKiBAZGVzY3JpcHRpb25cbiAqIENvbmZpZ3VyZXMgYSB7QGxpbmsgQ3VzdG9tRGV0YWlsQ29tcG9uZW50fSB0byBiZSBwbGFjZWQgaW4gdGhlIGdpdmVuIGxvY2F0aW9uLlxuICpcbiAqIEBkb2NzQ2F0ZWdvcnkgY3VzdG9tLXRhYmxlLWNvbXBvbmVudHNcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBEYXRhVGFibGVDb21wb25lbnRDb25maWcge1xuICAgIC8qKlxuICAgICAqIEBkZXNjcmlwdGlvblxuICAgICAqIFRoZSBsb2NhdGlvbiBpbiB0aGUgVUkgd2hlcmUgdGhlIGN1c3RvbSBjb21wb25lbnQgc2hvdWxkIGJlIHBsYWNlZC5cbiAgICAgKi9cbiAgICB0YWJsZUlkOiBEYXRhVGFibGVMb2NhdGlvbklkO1xuICAgIC8qKlxuICAgICAqIEBkZXNjcmlwdGlvblxuICAgICAqIFRoZSBjb2x1bW4gaW4gdGhlIHRhYmxlIHdoZXJlIHRoZSBjdXN0b20gY29tcG9uZW50IHNob3VsZCBiZSBwbGFjZWQuXG4gICAgICovXG4gICAgY29sdW1uSWQ6IERhdGFUYWJsZUNvbHVtbklkO1xuICAgIC8qKlxuICAgICAqIEBkZXNjcmlwdGlvblxuICAgICAqIFRoZSBjb21wb25lbnQgdG8gcmVuZGVyIGluIHRoZSB0YWJsZSBjZWxsLiBUaGlzIGNvbXBvbmVudCBzaG91bGQgaW1wbGVtZW50IHRoZVxuICAgICAqIHtAbGluayBDdXN0b21Db2x1bW5Db21wb25lbnR9IGludGVyZmFjZS5cbiAgICAgKi9cbiAgICBjb21wb25lbnQ6IFR5cGU8Q3VzdG9tQ29sdW1uQ29tcG9uZW50PjtcbiAgICBwcm92aWRlcnM/OiBQcm92aWRlcltdO1xufVxuXG50eXBlIENvbXBvdW5kSWQgPSBgJHtEYXRhVGFibGVMb2NhdGlvbklkfS4ke0RhdGFUYWJsZUNvbHVtbklkfWA7XG5cbkBJbmplY3RhYmxlKHtcbiAgICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIERhdGFUYWJsZUN1c3RvbUNvbXBvbmVudFNlcnZpY2Uge1xuICAgIHByaXZhdGUgY29uZmlnTWFwID0gbmV3IE1hcDxDb21wb3VuZElkLCBEYXRhVGFibGVDb21wb25lbnRDb25maWc+KCk7XG5cbiAgICByZWdpc3RlckN1c3RvbUNvbXBvbmVudChjb25maWc6IERhdGFUYWJsZUNvbXBvbmVudENvbmZpZykge1xuICAgICAgICBjb25zdCBpZCA9IHRoaXMuY29tcG91bmRJZChjb25maWcudGFibGVJZCwgY29uZmlnLmNvbHVtbklkKTtcbiAgICAgICAgdGhpcy5jb25maWdNYXAuc2V0KGlkLCBjb25maWcpO1xuICAgIH1cblxuICAgIGdldEN1c3RvbUNvbXBvbmVudHNGb3IoXG4gICAgICAgIHRhYmxlSWQ6IERhdGFUYWJsZUxvY2F0aW9uSWQsXG4gICAgICAgIGNvbHVtbklkOiBEYXRhVGFibGVDb2x1bW5JZCxcbiAgICApOiBEYXRhVGFibGVDb21wb25lbnRDb25maWcgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5jb25maWdNYXAuZ2V0KHRoaXMuY29tcG91bmRJZCh0YWJsZUlkLCBjb2x1bW5JZCkpO1xuICAgIH1cblxuICAgIHByaXZhdGUgY29tcG91bmRJZCh0YWJsZUlkOiBEYXRhVGFibGVMb2NhdGlvbklkLCBjb2x1bW5JZDogRGF0YVRhYmxlQ29sdW1uSWQpOiBDb21wb3VuZElkIHtcbiAgICAgICAgcmV0dXJuIGAke3RhYmxlSWR9LiR7Y29sdW1uSWR9YDtcbiAgICB9XG59XG4iXX0=

package/esm2022/core/shared/components/data-table-2/data-table-custom-field-column.component.mjs

@@ -0,0 +1,52 @@
+import { Component, Input, TemplateRef, ViewChild } from '@angular/core';
+import { map } from 'rxjs/operators';
+import { CustomFieldLabelPipe } from '../../pipes/custom-field-label.pipe';
+import { DataTable2ColumnComponent } from './data-table-column.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../data/providers/data.service";
+import * as i2 from "@clr/angular";
+import * as i3 from "@angular/common";
+import * as i4 from "../dropdown/dropdown.component";
+import * as i5 from "../dropdown/dropdown-menu.component";
+import * as i6 from "../dropdown/dropdown-trigger.directive";
+import * as i7 from "../object-tree/object-tree.component";
+import * as i8 from "@ngx-translate/core";
+import * as i9 from "../../pipes/locale-date.pipe";
+const labelPipe = new CustomFieldLabelPipe();
+export class DataTableCustomFieldColumnComponent extends DataTable2ColumnComponent {
+    constructor(dataService) {
+        super();
+        this.dataService = dataService;
+        this.uiLanguage$ = this.dataService.client
+            .uiState()
+            .stream$.pipe(map(({ uiState }) => uiState.language));
+    }
+    ngOnInit() {
+        this.uiLanguage$.subscribe(uiLanguage => {
+            this.heading =
+                Array.isArray(this.customField.label) && this.customField.label.length > 0
+                    ? this.customField.label.find(l => l.languageCode === uiLanguage)?.value ??
+                        this.customField.name
+                    : this.customField.name;
+        });
+        this.hiddenByDefault = true;
+        this.sort = this.sorts?.get(this.customField.name);
+        this.id = this.customField.name;
+        this.heading = labelPipe.transform(this.customField, null);
+        super.ngOnInit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableCustomFieldColumnComponent, deps: [{ token: i1.DataService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DataTableCustomFieldColumnComponent, selector: "vdr-dt2-custom-field-column", inputs: { customField: "customField", sorts: "sorts" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["row"], usesInheritance: true, ngImport: i0, template: "<ng-template let-item=\"item\">\n    <ng-container\n        *ngIf=\"item.customFields[customField.name] == null || item.customFields[customField.name] === ''\"\n    >\n        <span class=\"empty\">-</span>\n    </ng-container>\n    <ng-container *ngIf=\"item.customFields[customField.name] != null\">\n        <ng-container [ngSwitch]=\"customField.type\">\n            <ng-container *ngSwitchCase=\"'boolean'\">\n                <clr-icon\n                    *ngIf=\"item.customFields[customField.name]\"\n                    shape=\"check\"\n                    class=\"color-success-700\"\n                ></clr-icon>\n                <clr-icon *ngIf=\"!item.customFields[customField.name]\" shape=\"times\"></clr-icon>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'datetime'\">\n                {{ item.customFields[customField.name] | localeDate }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'text'\">\n                {{ item.customFields[customField.name] | slice : 0 : 50 }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'relation'\">\n                <vdr-dropdown>\n                    <button\n                        class=\"btn btn-link btn-icon\"\n                        vdrDropdownTrigger\n                        [title]=\"'common.details' | translate\"\n                    >\n                        <clr-icon shape=\"details\"></clr-icon>\n                    </button>\n                    <vdr-dropdown-menu>\n                        <div class=\"result-detail\">\n                            <vdr-object-tree [value]=\"item.customFields[customField.name]\"></vdr-object-tree>\n                        </div>\n                    </vdr-dropdown-menu>\n                </vdr-dropdown>\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n                {{ item.customFields[customField.name] }}\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n", styles: [".empty{color:var(--color-weight-300)}\n"], dependencies: [{ kind: "directive", type: i2.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i4.DropdownComponent, selector: "vdr-dropdown", inputs: ["manualToggle"] }, { kind: "component", type: i5.DropdownMenuComponent, selector: "vdr-dropdown-menu", inputs: ["vdrPosition", "customClasses"] }, { kind: "directive", type: i6.DropdownTriggerDirective, selector: "[vdrDropdownTrigger]" }, { kind: "component", type: i7.ObjectTreeComponent, selector: "vdr-object-tree", inputs: ["value", "isArrayItem"] }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }, { kind: "pipe", type: i9.LocaleDatePipe, name: "localeDate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableCustomFieldColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-dt2-custom-field-column', exportAs: 'row', template: "<ng-template let-item=\"item\">\n    <ng-container\n        *ngIf=\"item.customFields[customField.name] == null || item.customFields[customField.name] === ''\"\n    >\n        <span class=\"empty\">-</span>\n    </ng-container>\n    <ng-container *ngIf=\"item.customFields[customField.name] != null\">\n        <ng-container [ngSwitch]=\"customField.type\">\n            <ng-container *ngSwitchCase=\"'boolean'\">\n                <clr-icon\n                    *ngIf=\"item.customFields[customField.name]\"\n                    shape=\"check\"\n                    class=\"color-success-700\"\n                ></clr-icon>\n                <clr-icon *ngIf=\"!item.customFields[customField.name]\" shape=\"times\"></clr-icon>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'datetime'\">\n                {{ item.customFields[customField.name] | localeDate }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'text'\">\n                {{ item.customFields[customField.name] | slice : 0 : 50 }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'relation'\">\n                <vdr-dropdown>\n                    <button\n                        class=\"btn btn-link btn-icon\"\n                        vdrDropdownTrigger\n                        [title]=\"'common.details' | translate\"\n                    >\n                        <clr-icon shape=\"details\"></clr-icon>\n                    </button>\n                    <vdr-dropdown-menu>\n                        <div class=\"result-detail\">\n                            <vdr-object-tree [value]=\"item.customFields[customField.name]\"></vdr-object-tree>\n                        </div>\n                    </vdr-dropdown-menu>\n                </vdr-dropdown>\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n                {{ item.customFields[customField.name] }}\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n", styles: [".empty{color:var(--color-weight-300)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DataService }], propDecorators: { customField: [{
+                type: Input
+            }], sorts: [{
+                type: Input
+            }], template: [{
+                type: ViewChild,
+                args: [TemplateRef, { static: false }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS10YWJsZS1jdXN0b20tZmllbGQtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvc2hhcmVkL2NvbXBvbmVudHMvZGF0YS10YWJsZS0yL2RhdGEtdGFibGUtY3VzdG9tLWZpZWxkLWNvbHVtbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL2RhdGEtdGFibGUtMi9kYXRhLXRhYmxlLWN1c3RvbS1maWVsZC1jb2x1bW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBZ0IsS0FBSyxFQUFVLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0YsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBSXJDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7Ozs7Ozs7OztBQUUxRSxNQUFNLFNBQVMsR0FBRyxJQUFJLG9CQUFvQixFQUFFLENBQUM7QUFRN0MsTUFBTSxPQUFPLG1DQUF1QyxTQUFRLHlCQUE0QjtJQUtwRixZQUFzQixXQUF3QjtRQUMxQyxLQUFLLEVBQUUsQ0FBQztRQURVLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBRTFDLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNO2FBQ3JDLE9BQU8sRUFBRTthQUNULE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBRTtZQUNwQyxJQUFJLENBQUMsT0FBTztnQkFDUixLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUM7b0JBQ3RFLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsWUFBWSxLQUFLLFVBQVUsQ0FBQyxFQUFFLEtBQUs7d0JBQ3RFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSTtvQkFDdkIsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDO1FBQ3BDLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7UUFDNUIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25ELElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUM7UUFDaEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxTQUFTLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDM0QsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3JCLENBQUM7K0dBekJRLG1DQUFtQzttR0FBbkMsbUNBQW1DLHFLQUdqQyxXQUFXLDBGQ3BCMUIsaytEQTRDQTs7NEZEM0JhLG1DQUFtQztrQkFOL0MsU0FBUzsrQkFDSSw2QkFBNkIsWUFHN0IsS0FBSztnRkFHTixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDcUMsUUFBUTtzQkFBbEQsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBPbkluaXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IG1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEN1c3RvbUZpZWxkQ29uZmlnLCBMYW5ndWFnZUNvZGUgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vZ2VuZXJhdGVkLXR5cGVzJztcbmltcG9ydCB7IERhdGFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vZGF0YS9wcm92aWRlcnMvZGF0YS5zZXJ2aWNlJztcbmltcG9ydCB7IERhdGFUYWJsZVNvcnRDb2xsZWN0aW9uIH0gZnJvbSAnLi4vLi4vLi4vcHJvdmlkZXJzL2RhdGEtdGFibGUvZGF0YS10YWJsZS1zb3J0LWNvbGxlY3Rpb24nO1xuaW1wb3J0IHsgQ3VzdG9tRmllbGRMYWJlbFBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9jdXN0b20tZmllbGQtbGFiZWwucGlwZSc7XG5pbXBvcnQgeyBEYXRhVGFibGUyQ29sdW1uQ29tcG9uZW50IH0gZnJvbSAnLi9kYXRhLXRhYmxlLWNvbHVtbi5jb21wb25lbnQnO1xuXG5jb25zdCBsYWJlbFBpcGUgPSBuZXcgQ3VzdG9tRmllbGRMYWJlbFBpcGUoKTtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItZHQyLWN1c3RvbS1maWVsZC1jb2x1bW4nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXRhLXRhYmxlLWN1c3RvbS1maWVsZC1jb2x1bW4uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RhdGEtdGFibGUtY3VzdG9tLWZpZWxkLWNvbHVtbi5jb21wb25lbnQuc2NzcyddLFxuICAgIGV4cG9ydEFzOiAncm93Jyxcbn0pXG5leHBvcnQgY2xhc3MgRGF0YVRhYmxlQ3VzdG9tRmllbGRDb2x1bW5Db21wb25lbnQ8VD4gZXh0ZW5kcyBEYXRhVGFibGUyQ29sdW1uQ29tcG9uZW50PFQ+IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBjdXN0b21GaWVsZDogQ3VzdG9tRmllbGRDb25maWc7XG4gICAgQElucHV0KCkgc29ydHM/OiBEYXRhVGFibGVTb3J0Q29sbGVjdGlvbjxhbnksIGFueVtdPjtcbiAgICBAVmlld0NoaWxkKFRlbXBsYXRlUmVmLCB7IHN0YXRpYzogZmFsc2UgfSkgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG4gICAgcHJvdGVjdGVkIHVpTGFuZ3VhZ2UkOiBPYnNlcnZhYmxlPExhbmd1YWdlQ29kZT47XG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIGRhdGFTZXJ2aWNlOiBEYXRhU2VydmljZSkge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICB0aGlzLnVpTGFuZ3VhZ2UkID0gdGhpcy5kYXRhU2VydmljZS5jbGllbnRcbiAgICAgICAgICAgIC51aVN0YXRlKClcbiAgICAgICAgICAgIC5zdHJlYW0kLnBpcGUobWFwKCh7IHVpU3RhdGUgfSkgPT4gdWlTdGF0ZS5sYW5ndWFnZSkpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLnVpTGFuZ3VhZ2UkLnN1YnNjcmliZSh1aUxhbmd1YWdlID0+IHtcbiAgICAgICAgICAgIHRoaXMuaGVhZGluZyA9XG4gICAgICAgICAgICAgICAgQXJyYXkuaXNBcnJheSh0aGlzLmN1c3RvbUZpZWxkLmxhYmVsKSAmJiB0aGlzLmN1c3RvbUZpZWxkLmxhYmVsLmxlbmd0aCA+IDBcbiAgICAgICAgICAgICAgICAgICAgPyB0aGlzLmN1c3RvbUZpZWxkLmxhYmVsLmZpbmQobCA9PiBsLmxhbmd1YWdlQ29kZSA9PT0gdWlMYW5ndWFnZSk/LnZhbHVlID8/XG4gICAgICAgICAgICAgICAgICAgICAgdGhpcy5jdXN0b21GaWVsZC5uYW1lXG4gICAgICAgICAgICAgICAgICAgIDogdGhpcy5jdXN0b21GaWVsZC5uYW1lO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5oaWRkZW5CeURlZmF1bHQgPSB0cnVlO1xuICAgICAgICB0aGlzLnNvcnQgPSB0aGlzLnNvcnRzPy5nZXQodGhpcy5jdXN0b21GaWVsZC5uYW1lKTtcbiAgICAgICAgdGhpcy5pZCA9IHRoaXMuY3VzdG9tRmllbGQubmFtZTtcbiAgICAgICAgdGhpcy5oZWFkaW5nID0gbGFiZWxQaXBlLnRyYW5zZm9ybSh0aGlzLmN1c3RvbUZpZWxkLCBudWxsKTtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICB9XG59XG4iLCI8bmctdGVtcGxhdGUgbGV0LWl0ZW09XCJpdGVtXCI+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAqbmdJZj1cIml0ZW0uY3VzdG9tRmllbGRzW2N1c3RvbUZpZWxkLm5hbWVdID09IG51bGwgfHwgaXRlbS5jdXN0b21GaWVsZHNbY3VzdG9tRmllbGQubmFtZV0gPT09ICcnXCJcbiAgICA+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZW1wdHlcIj4tPC9zcGFuPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtLmN1c3RvbUZpZWxkc1tjdXN0b21GaWVsZC5uYW1lXSAhPSBudWxsXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImN1c3RvbUZpZWxkLnR5cGVcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidib29sZWFuJ1wiPlxuICAgICAgICAgICAgICAgIDxjbHItaWNvblxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0uY3VzdG9tRmllbGRzW2N1c3RvbUZpZWxkLm5hbWVdXCJcbiAgICAgICAgICAgICAgICAgICAgc2hhcGU9XCJjaGVja1wiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiY29sb3Itc3VjY2Vzcy03MDBcIlxuICAgICAgICAgICAgICAgID48L2Nsci1pY29uPlxuICAgICAgICAgICAgICAgIDxjbHItaWNvbiAqbmdJZj1cIiFpdGVtLmN1c3RvbUZpZWxkc1tjdXN0b21GaWVsZC5uYW1lXVwiIHNoYXBlPVwidGltZXNcIj48L2Nsci1pY29uPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInZGF0ZXRpbWUnXCI+XG4gICAgICAgICAgICAgICAge3sgaXRlbS5jdXN0b21GaWVsZHNbY3VzdG9tRmllbGQubmFtZV0gfCBsb2NhbGVEYXRlIH19XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIid0ZXh0J1wiPlxuICAgICAgICAgICAgICAgIHt7IGl0ZW0uY3VzdG9tRmllbGRzW2N1c3RvbUZpZWxkLm5hbWVdIHwgc2xpY2UgOiAwIDogNTAgfX1cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3JlbGF0aW9uJ1wiPlxuICAgICAgICAgICAgICAgIDx2ZHItZHJvcGRvd24+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuIGJ0bi1saW5rIGJ0bi1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHZkckRyb3Bkb3duVHJpZ2dlclxuICAgICAgICAgICAgICAgICAgICAgICAgW3RpdGxlXT1cIidjb21tb24uZGV0YWlscycgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Y2xyLWljb24gc2hhcGU9XCJkZXRhaWxzXCI+PC9jbHItaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDx2ZHItZHJvcGRvd24tbWVudT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyZXN1bHQtZGV0YWlsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHZkci1vYmplY3QtdHJlZSBbdmFsdWVdPVwiaXRlbS5jdXN0b21GaWVsZHNbY3VzdG9tRmllbGQubmFtZV1cIj48L3Zkci1vYmplY3QtdHJlZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L3Zkci1kcm9wZG93bi1tZW51PlxuICAgICAgICAgICAgICAgIDwvdmRyLWRyb3Bkb3duPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICAgICAgICAgICAge3sgaXRlbS5jdXN0b21GaWVsZHNbY3VzdG9tRmllbGQubmFtZV0gfX1cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=