@fundamental-ngx/platform 0.58.0-rc.8 → 0.58.0-rc.80

package/fesm2022/fundamental-ngx-platform-table.mjs

@@ -3,7 +3,7 @@ import * as i0 from '@angular/core';
 import { ViewEncapsulation, ChangeDetectionStrategy, Component, InjectionToken, Inject, signal, inject, DestroyRef, ViewChild, ViewChildren, Input, computed, DOCUMENT, Optional, input, ContentChild, Host, EventEmitter, Output, forwardRef, Pipe, TemplateRef, Directive, output, ContentChildren, HostBinding, ChangeDetectorRef, NgZone, ElementRef, booleanAttribute, NgModule } from '@angular/core';
 import { NgTemplateOutlet, NgStyle, AsyncPipe, NgClass } from '@angular/common';
 import * as i2 from '@fundamental-ngx/cdk/utils';
-import { TemplateDirective, InitialFocusDirective, DisabledBehaviorDirective, FocusableItemDirective, FDK_FOCUSABLE_ITEM_DIRECTIVE, FDK_FOCUSABLE_LIST_DIRECTIVE, RtlService, ValueByPathPipe, uuidv4, destroyObservable, KeyUtil, RangeSelector, resizeObservable, DragAndDropModule, RepeatDirective, IntersectionSpyDirective, FDK_FOCUSABLE_GRID_DIRECTIVE, DndListDirective, FocusableGridDirective } from '@fundamental-ngx/cdk/utils';
+import { TemplateDirective, InitialFocusDirective, DisabledBehaviorDirective, FocusableItemDirective, FDK_FOCUSABLE_ITEM_DIRECTIVE, FDK_FOCUSABLE_LIST_DIRECTIVE, RtlService, ValueByPathPipe, set, uuidv4, destroyObservable, KeyUtil, get, RangeSelector, resizeObservable, uniq, DragAndDropModule, RepeatDirective, IntersectionSpyDirective, FDK_FOCUSABLE_GRID_DIRECTIVE, DndListDirective, FocusableGridDirective } from '@fundamental-ngx/cdk/utils';
 import { BusyIndicatorComponent } from '@fundamental-ngx/core/busy-indicator';
 import * as i1$3 from '@fundamental-ngx/core/content-density';
 import { ContentDensityDirective, contentDensityObserverProviders, ContentDensityObserver, ContentDensityMode } from '@fundamental-ngx/core/content-density';
@@ -15,7 +15,6 @@ import * as i1 from '@fundamental-ngx/platform/table-helpers';
 import { SortDirection, TableService, Table, ColumnAlign, FILTER_STRING_STRATEGY, FilterableColumnDataType, TableColumn, FdpCellDef, FdpEditableCellDef, FdpHeaderCellDef, TableCellHeaderPopoverDirective, getFilterStrategiesBasedOnDataType, FILTER_STRATEGY, FILTER_STRATEGY_LABEL, getUniqueListValuesByKey, FdpViewSettingsFilterCustomDef, FilterType, TableDataSourceDirective, SelectionMode, TableColumnResizeService, TableRowService, PlatformTableCellResizableDirective, SelectionCellStylesPipe, TableCellStylesPipe, ColumnResizableSidePipe, TableColumnSortingDirectionPipe, isTreeRow, isTreeRowFirstCell, EditableTableCell, TableDraggableDirective, DEFAULT_HIGHLIGHTING_KEY, SEMANTIC_HIGHLIGHTING_COLUMN_WIDTH, ROW_HEIGHT, TABLE_COLUMN_MIN_WIDTH, FDP_TABLE_STATE_DIRECTIVE, FDP_TABLE_VIRTUAL_SCROLL_DIRECTIVE, FDP_TABLE_DRAGGABLE_DIRECTIVE, TableHeaderResizerDirective, isRowNavigatable, TableRowType, buildNewRowSkeleton, EDITABLE_ROW_SEMANTIC_STATE, SaveRowsEvent, getSelectableRows, TableCellActivateEvent, TableRowActivateEvent, TableRowToggleOpenStateEvent, findRowChildren, getRowParents, TableSortChangeEvent, TablePageChangeEvent, TableGroupChangeEvent, TableColumnFreezeEvent, TableFilterChangeEvent, TableColumnsChangeEvent, convertObjectsToTableRows, isTableRow, convertTreeTableRowToFlatList, convertTreeObjectsToTableRows, getFreezableColumns, getFreezableEndColumns, applySelectionToChildren, SELECTION_COLUMN_WIDTH, TableScrollableDirective, RowClassesPipe, TableScrollDispatcherService, TableResponsiveService, TableHelpersModule } from '@fundamental-ngx/platform/table-helpers';
 export * from '@fundamental-ngx/platform/table-helpers';
 import equal$1 from 'fast-deep-equal';
-import { set, get, uniq } from 'lodash-es';
 import { fromEvent, BehaviorSubject, Subscription, combineLatest, Subject, merge, of } from 'rxjs';
 import { startWith, take, debounceTime, skip, filter, switchMap, takeUntil, map, distinctUntilChanged, tap } from 'rxjs/operators';
 import { ButtonComponent } from '@fundamental-ngx/core/button';
@@ -995,7 +994,7 @@ class FilterRuleComponent {
         this.ruleChange.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FilterRuleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FilterRuleComponent, isStandalone: true, selector: "fdp-table-filter-rule", inputs: { rule: "rule" }, outputs: { ruleChange: "ruleChange", ruleStateChange: "ruleStateChange" }, viewQueries: [{ propertyName: "ngForm", first: true, predicate: NgForm, descendants: true }], ngImport: i0, template: "<div fdLayoutGridRow>\n    <div fdLayoutGridCol colGrow>\n        <div fdLayoutGridRow>\n            <div fdLayoutGridCol colGrow>\n                <!-- Column -->\n                <fd-select\n                    class=\"filter-row__select\"\n                    [ngModel]=\"rule.columnKey\"\n                    (ngModelChange)=\"rule.setColumnKey($event); _onModelChange()\"\n                >\n                    @for (column of rule.columns; track column) {\n                        <li fd-option [value]=\"column.key\">{{ column.label }}</li>\n                    }\n                </fd-select>\n            </div>\n            <div fdLayoutGridCol colGrow>\n                <!-- Strategy -->\n                <fd-select\n                    class=\"filter-row__select\"\n                    [ngModel]=\"rule.strategy\"\n                    (ngModelChange)=\"rule.setStrategy($event); _onModelChange()\"\n                >\n                    @for (strategy of rule.strategies; track strategy) {\n                        <li fd-option [value]=\"strategy\">\n                            {{\n                                strategyLabels[strategy] || 'platformTable.P13FilterStrategyLabelNotDefined'\n                                    | fdTranslate\n                            }}\n                        </li>\n                    }\n                </fd-select>\n            </div>\n        </div>\n    </div>\n    <div fdLayoutGridCol colGrow>\n        <div fdLayoutGridRow ngForm>\n            @if (rule.strategy === FILTER_STRATEGY.BETWEEN) {\n                <div fdLayoutGridCol colGrow>\n                    <ng-template\n                        [ngTemplateOutlet]=\"ruleInputTemplate\"\n                        [ngTemplateOutletContext]=\"{ valueKey: 'value' }\"\n                    ></ng-template>\n                </div>\n                <div fdLayoutGridCol colGrow>\n                    <ng-template\n                        [ngTemplateOutlet]=\"ruleInputTemplate\"\n                        [ngTemplateOutletContext]=\"{ valueKey: 'value2' }\"\n                    ></ng-template>\n                </div>\n            } @else {\n                <div fdLayoutGridCol colGrow>\n                    <ng-template\n                        [ngTemplateOutlet]=\"ruleInputTemplate\"\n                        [ngTemplateOutletContext]=\"{ valueKey: 'value' }\"\n                    ></ng-template>\n                </div>\n            }\n\n            <!-- Rule Control Based on Data Type -->\n            <ng-template #ruleInputTemplate let-valueKey=\"valueKey\">\n                @if (rule.dataType === DATA_TYPE.DATE) {\n                    <fd-date-picker\n                        class=\"filter-row__input\"\n                        type=\"single\"\n                        [required]=\"true\"\n                        [name]=\"valueKey\"\n                        [(ngModel)]=\"rule[valueKey]\"\n                        (ngModelChange)=\"_onModelChange()\"\n                    ></fd-date-picker>\n                } @else if (rule.dataType === DATA_TYPE.BOOLEAN) {\n                    <fd-select\n                        class=\"filter-row__select\"\n                        [name]=\"valueKey\"\n                        [(ngModel)]=\"rule[valueKey]\"\n                        (ngModelChange)=\"_onModelChange()\"\n                        [required]=\"true\"\n                    >\n                        <li fd-option [value]=\"undefined\">\n                            {{ 'platformTable.P13FilterBooleanOptionNotDefined' | fdTranslate }}\n                        </li>\n                        <li fd-option [value]=\"true\">\n                            {{ 'platformTable.P13FilterBooleanOptionTrue' | fdTranslate }}\n                        </li>\n                        <li fd-option [value]=\"false\">\n                            {{ 'platformTable.P13FilterBooleanOptionFalse' | fdTranslate }}\n                        </li>\n                    </fd-select>\n                } @else if (rule.filterSelectOptions?.length) {\n                    <!-- Filter options dropdown menu -->\n                    <fd-select\n                        [ngModel]=\"rule[valueKey]\"\n                        (ngModelChange)=\"rule.setValue($event); _onModelChange()\"\n                        [required]=\"true\"\n                        [name]=\"valueKey\"\n                        class=\"filter-row__select\"\n                    >\n                        @for (option of rule.filterSelectOptions; track $index) {\n                            <li fd-option [value]=\"option\">{{ option }}</li>\n                        }\n                    </fd-select>\n                } @else {\n                    <input\n                        type=\"text\"\n                        class=\"filter-row__input\"\n                        fd-form-control\n                        required\n                        [name]=\"valueKey\"\n                        [(ngModel)]=\"rule[valueKey]\"\n                        (ngModelChange)=\"_onModelChange()\"\n                    />\n                }\n            </ng-template>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "directive", type: LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "component", type: SelectComponent, selector: "fd-select", inputs: ["extendedBodyTemplate", "scrollStrategy", "textOverflow", "controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "maxHeight", "glyph", "glyphFont", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "advancedStateMessage", "tabOutStrategy", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DatePickerComponent, selector: "fd-date-picker", inputs: ["type", "placeholder", "inputId", "required", "customDateTimeFormat", "message", "messageTriggers", "selectedDate", "selectedMultipleDates", "selectedRangeDate", "selectedMultipleDateRanges", "startingDayOfWeek", "rangeHoverEffect", "useValidation", "allowNull", "activeView", "placement", "appendTo", "disabled", "closeOnDateChoose", "showTodayButton", "todayButtonLabel", "previousButtonDisableFunction", "nextButtonDisableFunction", "state", "buttonFocusable", "specialDaysRules", "yearGrid", "aggregatedYearGrid", "markWeekends", "showWeekNumbers", "allowMultipleSelection", "isOpen", "inline", "ariaLabelledBy", "processInputOnBlur", "preventScrollOnFocus", "mobile", "mobileConfig", "mobileLandscape", "mobilePortrait", "dateRangeFormat", "disableFunction", "disableRangeStartFunction", "disableRangeEndFunction"], outputs: ["isOpenChange", "selectedDateChange", "selectedMultipleDatesChange", "selectedRangeDateChange", "selectedMultipleDateRangesChange", "activeViewChange"] }, { kind: "component", type: FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FilterRuleComponent, isStandalone: true, selector: "fdp-table-filter-rule", inputs: { rule: "rule" }, outputs: { ruleChange: "ruleChange", ruleStateChange: "ruleStateChange" }, viewQueries: [{ propertyName: "ngForm", first: true, predicate: NgForm, descendants: true }], ngImport: i0, template: "<div fdLayoutGridRow>\n    <div fdLayoutGridCol colGrow>\n        <div fdLayoutGridRow>\n            <div fdLayoutGridCol colGrow>\n                <!-- Column -->\n                <fd-select\n                    class=\"filter-row__select\"\n                    [ngModel]=\"rule.columnKey\"\n                    (ngModelChange)=\"rule.setColumnKey($event); _onModelChange()\"\n                >\n                    @for (column of rule.columns; track column) {\n                        <li fd-option [value]=\"column.key\">{{ column.label }}</li>\n                    }\n                </fd-select>\n            </div>\n            <div fdLayoutGridCol colGrow>\n                <!-- Strategy -->\n                <fd-select\n                    class=\"filter-row__select\"\n                    [ngModel]=\"rule.strategy\"\n                    (ngModelChange)=\"rule.setStrategy($event); _onModelChange()\"\n                >\n                    @for (strategy of rule.strategies; track strategy) {\n                        <li fd-option [value]=\"strategy\">\n                            {{\n                                strategyLabels[strategy] || 'platformTable.P13FilterStrategyLabelNotDefined'\n                                    | fdTranslate\n                            }}\n                        </li>\n                    }\n                </fd-select>\n            </div>\n        </div>\n    </div>\n    <div fdLayoutGridCol colGrow>\n        <div fdLayoutGridRow ngForm>\n            @if (rule.strategy === FILTER_STRATEGY.BETWEEN) {\n                <div fdLayoutGridCol colGrow>\n                    <ng-template\n                        [ngTemplateOutlet]=\"ruleInputTemplate\"\n                        [ngTemplateOutletContext]=\"{ valueKey: 'value' }\"\n                    ></ng-template>\n                </div>\n                <div fdLayoutGridCol colGrow>\n                    <ng-template\n                        [ngTemplateOutlet]=\"ruleInputTemplate\"\n                        [ngTemplateOutletContext]=\"{ valueKey: 'value2' }\"\n                    ></ng-template>\n                </div>\n            } @else {\n                <div fdLayoutGridCol colGrow>\n                    <ng-template\n                        [ngTemplateOutlet]=\"ruleInputTemplate\"\n                        [ngTemplateOutletContext]=\"{ valueKey: 'value' }\"\n                    ></ng-template>\n                </div>\n            }\n\n            <!-- Rule Control Based on Data Type -->\n            <ng-template #ruleInputTemplate let-valueKey=\"valueKey\">\n                @if (rule.dataType === DATA_TYPE.DATE) {\n                    <fd-date-picker\n                        class=\"filter-row__input\"\n                        type=\"single\"\n                        [required]=\"true\"\n                        [name]=\"valueKey\"\n                        [(ngModel)]=\"rule[valueKey]\"\n                        (ngModelChange)=\"_onModelChange()\"\n                    ></fd-date-picker>\n                } @else if (rule.dataType === DATA_TYPE.BOOLEAN) {\n                    <fd-select\n                        class=\"filter-row__select\"\n                        [name]=\"valueKey\"\n                        [(ngModel)]=\"rule[valueKey]\"\n                        (ngModelChange)=\"_onModelChange()\"\n                        [required]=\"true\"\n                    >\n                        <li fd-option [value]=\"undefined\">\n                            {{ 'platformTable.P13FilterBooleanOptionNotDefined' | fdTranslate }}\n                        </li>\n                        <li fd-option [value]=\"true\">\n                            {{ 'platformTable.P13FilterBooleanOptionTrue' | fdTranslate }}\n                        </li>\n                        <li fd-option [value]=\"false\">\n                            {{ 'platformTable.P13FilterBooleanOptionFalse' | fdTranslate }}\n                        </li>\n                    </fd-select>\n                } @else if (rule.filterSelectOptions?.length) {\n                    <!-- Filter options dropdown menu -->\n                    <fd-select\n                        [ngModel]=\"rule[valueKey]\"\n                        (ngModelChange)=\"rule.setValue($event); _onModelChange()\"\n                        [required]=\"true\"\n                        [name]=\"valueKey\"\n                        class=\"filter-row__select\"\n                    >\n                        @for (option of rule.filterSelectOptions; track $index) {\n                            <li fd-option [value]=\"option\">{{ option }}</li>\n                        }\n                    </fd-select>\n                } @else {\n                    <input\n                        type=\"text\"\n                        class=\"filter-row__input\"\n                        fd-form-control\n                        required\n                        [name]=\"valueKey\"\n                        [(ngModel)]=\"rule[valueKey]\"\n                        (ngModelChange)=\"_onModelChange()\"\n                    />\n                }\n            </ng-template>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "directive", type: LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "component", type: SelectComponent, selector: "fd-select", inputs: ["extendedBodyTemplate", "scrollStrategy", "textOverflow", "controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "maxHeight", "glyph", "glyphFont", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "advancedStateMessage", "tabOutStrategy", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DatePickerComponent, selector: "fd-date-picker", inputs: ["type", "placeholder", "inputId", "required", "customDateTimeFormat", "message", "messageTriggers", "selectedDate", "selectedMultipleDates", "selectedRangeDate", "selectedMultipleDateRanges", "startingDayOfWeek", "rangeHoverEffect", "useValidation", "allowNull", "activeView", "placement", "appendTo", "disabled", "closeOnDateChoose", "showTodayButton", "todayButtonLabel", "previousButtonDisableFunction", "nextButtonDisableFunction", "buttonFocusable", "specialDaysRules", "yearGrid", "aggregatedYearGrid", "markWeekends", "showWeekNumbers", "allowMultipleSelection", "inline", "ariaLabelledBy", "processInputOnBlur", "preventScrollOnFocus", "mobile", "mobileConfig", "mobileLandscape", "mobilePortrait", "dateRangeFormat", "showCalendarLegend", "legendCol", "state", "isOpen", "disableFunction", "disableRangeStartFunction", "disableRangeEndFunction"], outputs: ["isOpenChange", "selectedDateChange", "selectedMultipleDatesChange", "selectedRangeDateChange", "selectedMultipleDateRangesChange", "activeViewChange"] }, { kind: "component", type: FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FilterRuleComponent, decorators: [{
             type: Component,
@@ -3431,7 +3430,7 @@ class TableEditableCellComponent {
         return this._columnValue;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TableEditableCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: TableEditableCellComponent, isStandalone: true, selector: "fdp-table-editable-cell", inputs: { row: "row", column: "column", columnValue: "columnValue" }, providers: [{ provide: EditableTableCell, useExisting: TableEditableCellComponent }], viewQueries: [{ propertyName: "form", first: true, predicate: NgForm, descendants: true }], ngImport: i0, template: "<form #ngForm>\n    @switch (column.dataType) {\n        @case ('number') {\n            <fdp-input\n                [placeholder]=\"'platformTable.editableCellNumberPlaceholder' | fdTranslate\"\n                [(ngModel)]=\"columnValue\"\n                [name]=\"_controlUniqName\"\n                type=\"number\"\n            ></fdp-input>\n        }\n        @case ('date') {\n            <fdp-date-picker\n                type=\"single\"\n                [placeholder]=\"'platformTable.editableCellDatePlaceholder' | fdTranslate\"\n                [name]=\"_controlUniqName\"\n                [allowNull]=\"false\"\n                [(ngModel)]=\"columnValue\"\n            ></fdp-date-picker>\n        }\n        @case ('boolean') {\n            <fdp-switch [(ngModel)]=\"columnValue\" [name]=\"_controlUniqName\"></fdp-switch>\n        }\n        @default {\n            <fdp-input\n                [placeholder]=\"'platformTable.editableCellStringPlaceholder' | fdTranslate\"\n                [(ngModel)]=\"columnValue\"\n                [name]=\"_controlUniqName\"\n                type=\"text\"\n            ></fdp-input>\n        }\n    }\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: InputComponent, selector: "fdp-input", inputs: ["type", "required", "value"], outputs: ["focusChange"] }, { kind: "component", type: PlatformDatePickerComponent, selector: "fdp-date-picker", inputs: ["value", "type", "selectedDate", "selectedMultipleDates", "selectedRangeDate", "selectedMultipleDateRanges", "startingDayOfWeek", "rangeHoverEffect", "useValidation", "showTodayButton", "todayButtonLabel", "allowNull", "activeView", "placement", "appendTo", "closeOnDateChoose", "state", "buttonFocusable", "specialDaysRules", "yearGrid", "aggregatedYearGrid", "markWeekends", "showWeekNumbers", "allowMultipleSelection", "isOpen", "inline", "processInputOnBlur", "preventScrollOnFocus", "mobile", "mobileConfig", "mobileLandscape", "mobilePortrait", "disableFunction", "disableRangeStartFunction", "disableRangeEndFunction"], outputs: ["isOpenChange", "selectedDateChange", "selectedMultipleDatesChange", "selectedRangeDateChange", "selectedMultipleDateRangesChange", "activeViewChange"] }, { kind: "component", type: SwitchComponent, selector: "fdp-switch", inputs: ["semantic"], outputs: ["switchChange"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: TableEditableCellComponent, isStandalone: true, selector: "fdp-table-editable-cell", inputs: { row: "row", column: "column", columnValue: "columnValue" }, providers: [{ provide: EditableTableCell, useExisting: TableEditableCellComponent }], viewQueries: [{ propertyName: "form", first: true, predicate: NgForm, descendants: true }], ngImport: i0, template: "<form #ngForm>\n    @switch (column.dataType) {\n        @case ('number') {\n            <fdp-input\n                [placeholder]=\"'platformTable.editableCellNumberPlaceholder' | fdTranslate\"\n                [(ngModel)]=\"columnValue\"\n                [name]=\"_controlUniqName\"\n                type=\"number\"\n            ></fdp-input>\n        }\n        @case ('date') {\n            <fdp-date-picker\n                type=\"single\"\n                [placeholder]=\"'platformTable.editableCellDatePlaceholder' | fdTranslate\"\n                [name]=\"_controlUniqName\"\n                [allowNull]=\"false\"\n                [(ngModel)]=\"columnValue\"\n            ></fdp-date-picker>\n        }\n        @case ('boolean') {\n            <fdp-switch [(ngModel)]=\"columnValue\" [name]=\"_controlUniqName\"></fdp-switch>\n        }\n        @default {\n            <fdp-input\n                [placeholder]=\"'platformTable.editableCellStringPlaceholder' | fdTranslate\"\n                [(ngModel)]=\"columnValue\"\n                [name]=\"_controlUniqName\"\n                type=\"text\"\n            ></fdp-input>\n        }\n    }\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: InputComponent, selector: "fdp-input", inputs: ["type", "required", "value"], outputs: ["focusChange"] }, { kind: "component", type: PlatformDatePickerComponent, selector: "fdp-date-picker", inputs: ["value", "type", "selectedDate", "selectedMultipleDates", "selectedRangeDate", "selectedMultipleDateRanges", "startingDayOfWeek", "rangeHoverEffect", "useValidation", "showTodayButton", "todayButtonLabel", "allowNull", "activeView", "placement", "appendTo", "closeOnDateChoose", "state", "buttonFocusable", "specialDaysRules", "yearGrid", "aggregatedYearGrid", "markWeekends", "showWeekNumbers", "allowMultipleSelection", "isOpen", "inline", "processInputOnBlur", "preventScrollOnFocus", "mobile", "mobileConfig", "mobileLandscape", "mobilePortrait", "showCalendarLegend", "legendCol", "disableFunction", "disableRangeStartFunction", "disableRangeEndFunction"], outputs: ["isOpenChange", "selectedDateChange", "selectedMultipleDatesChange", "selectedRangeDateChange", "selectedMultipleDateRangesChange", "activeViewChange"] }, { kind: "component", type: SwitchComponent, selector: "fdp-switch", inputs: ["semantic"], outputs: ["switchChange"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TableEditableCellComponent, decorators: [{
             type: Component,