igniteui-angular 21.0.2 → 21.0.4

package/fesm2022/igniteui-angular-grids-grid.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, ElementRef, ChangeDetectorRef, TemplateRef, HostBinding, HostListener, ViewChild, Input, ChangeDetectionStrategy, Component, Pipe, DOCUMENT, forwardRef, QueryList, NgZone, IterableDiffers, ViewContainerRef, Injector, EnvironmentInjector, LOCALE_ID, EventEmitter, createComponent, booleanAttribute, ViewChildren, ContentChildren, ContentChild, Output, Directive, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Injectable, inject, ElementRef, ChangeDetectorRef, TemplateRef, HostBinding, HostListener, ViewChild, Input, ChangeDetectionStrategy, Component, Pipe, DOCUMENT, forwardRef, QueryList, NgZone, IterableDiffers, ViewContainerRef, Injector, EnvironmentInjector, LOCALE_ID, EventEmitter, createComponent, booleanAttribute, ViewChildren, ContentChildren, ContentChild, Output, Directive, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { getLocaleCurrencyCode, NgTemplateOutlet, DecimalPipe, DatePipe, PercentPipe, CurrencyPipe, NgClass, NgStyle, getLocaleNumberFormat, NumberFormatStyle, formatNumber } from '@angular/common';
 import { GridBaseAPIService, IGX_GRID_BASE, IgxGridSelectionService, IgxFilteringService, GridSelectionMode, IgxColumnFormatterPipe, GridSummaryPosition, RowPinningPosition, IgxGridCellComponent, IgxGridCellImageAltPipe, IgxStringReplacePipe, IgxRowDirective, IgxRowDragDirective, IgxGridNotGroupedPipe, IgxGridTopLevelColumns, IgxGridCellStylesPipe, IgxGridCellStyleClassesPipe, IgxGridDataMapperPipe, IgxGridTransactionStatePipe, FilterMode, GridCellMergeMode, IgxGridValidationService, IgxColumnResizingService, IGX_GRID_SERVICE_BASE, IgxGridNavigationService, IgxGridSummaryService, IgxGridTransaction, RowEditPositionStrategy, getUUID, IgxGridExcelStyleFilteringComponent, DropPosition, IgxCell, IgxEditRow, IgxColumnComponent, CharSeparatedValueData, IgxAdvancedFilteringDialogComponent, IgxColumnGroupComponent, IgxGridColumnResizerComponent, IgxGridHeaderRowComponent, IgxGridGroupByAreaComponent, IgxGridBodyDirective, IgxRowEditTabStopDirective, IgxSummaryRowComponent, IgxExcelStyleLoadingValuesTemplateDirective, IgxRowAddTextDirective, IgxRowExpandedIndicatorDirective, IgxRowCollapsedIndicatorDirective, IgxHeaderExpandedIndicatorDirective, IgxHeaderCollapsedIndicatorDirective, IgxExcelStyleHeaderIconDirective, IgxSortAscendingHeaderIconDirective, IgxSortDescendingHeaderIconDirective, IgxSortHeaderIconDirective, IgxGridLoadingTemplateDirective, IgxGridEmptyTemplateDirective, IgxHeadSelectorDirective, IgxRowSelectorDirective, IgxRowDragGhostDirective, IgxRowEditTemplateDirective, IgxRowEditTextDirective, IgxRowEditActionsDirective, IgxDragIndicatorIconDirective, IgxToolbarToken, WatchChanges, IgxGridRow, IgxGridCell, IgxGroupByRow, IgxSummaryRow, IgxGridMRLNavigationService, IgxGridDragSelectDirective, IgxColumnMovingDropDirective, IgxGridTransactionPipe, IgxHasVisibleColumnsPipe, IgxGridRowPinningPipe, IgxGridAddRowPipe, IgxGridRowClassesPipe, IgxGridRowStylesPipe, IgxSummaryDataPipe, IgxGridDetailTemplateDirective, IgxGroupByRowTemplateDirective, IgxGroupByRowSelectorDirective, IgxGridCRUDService, IgxGridFooterComponent, IgxGridStateDirective, IgxGridPinningActionsComponent, IgxGridEditingActionsComponent, IgxGridActionsBaseDirective, IgxGridActionButtonComponent, IgxGridHeaderComponent, IgxGridHeaderGroupComponent, IgxFilterCellTemplateDirective, IgxSummaryTemplateDirective, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxCellHeaderTemplateDirective, IgxCellFooterTemplateDirective, IgxCellEditorTemplateDirective, IgxCollapsibleIndicatorTemplateDirective, IgxColumnLayoutComponent, IgxColumnActionsComponent, IgxColumnHidingDirective, IgxColumnPinningDirective, IgxCSVTextDirective, IgxExcelTextDirective, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IgxGridToolbarDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleSortingComponent, IgxExcelStylePinningComponent, IgxExcelStyleHidingComponent, IgxExcelStyleSelectingComponent, IgxExcelStyleClearFiltersComponent, IgxExcelStyleConditionalFilterComponent, IgxExcelStyleMovingComponent, IgxExcelStyleSearchComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxColumnRequiredValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnMaxValidatorDirective, IgxColumnEmailValidatorDirective, IgxColumnMinLengthValidatorDirective, IgxColumnMaxLengthValidatorDirective, IgxColumnPatternValidatorDirective } from 'igniteui-angular/grids/core';
 import { cloneArray, DataUtil, GridColumnDataType, GridSummaryCalculationMode, FilteringExpressionsTree, FilterUtil, HammerGesturesManager, isTree, FilteringLogic, FilteringExpressionsTreeType, isObject, TransactionType, IgxFlatTransactionFactory, IgxOverlayService, PlatformUtil, DefaultMergeStrategy, FilteringStrategy, getCurrentResourceStrings, GridResourceStringsEN, ColumnPinningPosition, VerticalAlignment, HorizontalAlignment, ConnectedPositioningStrategy, AbsoluteScrollStrategy, DefaultDataCloneStrategy, ɵSize as _Size, areEqualArrays, resizeObservable, compareMaps, TransactionEventOrigin, mergeObjects, ContainerPositionStrategy, resolveNestedPath, columnFieldPath, formatDate, recreateTree, recreateTreeFromFields, IgxOverlayOutletDirective, IgxActionStripToken } from 'igniteui-angular/core';
@@ -5290,7 +5290,7 @@ class IgxGridBaseDirective {
     /**
      * @hidden @internal
      */
-    getPossibleColumnWidth(baseWidth = null, minColumnWidth = null) {
+    getPossibleColumnWidth(baseWidth = null) {
         let computedWidth;
         if (baseWidth !== null) {
             computedWidth = baseWidth;
@@ -5333,10 +5333,9 @@ class IgxGridBaseDirective {
             return '0px';
         }
         computedWidth -= this.featureColumnsWidth();
-        const minColWidth = minColumnWidth || this.minColumnWidth;
         const columnWidth = !Number.isFinite(sumExistingWidths) ?
-            Math.max(computedWidth / columnsToSize, minColWidth) :
-            Math.max((computedWidth - sumExistingWidths) / columnsToSize, minColWidth);
+            computedWidth / columnsToSize :
+            (computedWidth - sumExistingWidths) / columnsToSize;
         return columnWidth + 'px';
     }
     /**
@@ -6341,7 +6340,17 @@ class IgxGridBaseDirective {
      */
     _derivePossibleWidth() {
         if (!this.columnWidthSetByUser) {
-            this._columnWidth = this.width !== null ? this.getPossibleColumnWidth() : this.minColumnWidth + 'px';
+            const possibleWidth = this.getPossibleColumnWidth();
+            if (possibleWidth === "0px") {
+                // all columns - hidden
+                this._columnWidth = possibleWidth;
+            }
+            else if (this.width !== null) {
+                this._columnWidth = Math.max(parseFloat(possibleWidth), this.minColumnWidth) + 'px';
+            }
+            else {
+                this._columnWidth = this.minColumnWidth + 'px';
+            }
         }
         this._columns.forEach((column) => {
             if (this.hasColumnLayouts && parseFloat(this._columnWidth)) {
@@ -6349,39 +6358,12 @@ class IgxGridBaseDirective {
                 column.defaultWidth = columnWidthCombined + 'px';
             }
             else {
-                // D.K. March 29th, 2021 #9145 Consider min/max width when setting defaultWidth property
-                column.defaultWidth = this.getExtremumBasedColWidth(column);
+                column.defaultWidth = this._columnWidth;
                 column.resetCaches();
             }
         });
         this.resetCachedWidths();
     }
-    /**
-     * @hidden
-     * @internal
-     */
-    getExtremumBasedColWidth(column) {
-        let width = this._columnWidth;
-        if (width && typeof width !== 'string') {
-            width = String(width);
-        }
-        const minWidth = width.indexOf('%') === -1 ? column.userSetMinWidthPx : column.minWidthPercent;
-        const maxWidth = width.indexOf('%') === -1 ? column.maxWidthPx : column.maxWidthPercent;
-        if (column.hidden) {
-            return width;
-        }
-        if (minWidth > parseFloat(width)) {
-            width = String(column.minWidth);
-        }
-        else if (maxWidth < parseFloat(width)) {
-            width = String(column.maxWidth);
-        }
-        // if no px or % are defined in maxWidth/minWidth consider it px
-        if (width.indexOf('%') === -1 && width.indexOf('px') === -1) {
-            width += 'px';
-        }
-        return width;
-    }
     resetNotifyChanges() {
         this._cdrRequestRepaint = false;
         this._cdrRequests = false;
@@ -6647,13 +6629,6 @@ class IgxGridBaseDirective {
             this.calculateGridWidth();
             this.cdr.detectChanges();
         }
-        // in case horizontal scrollbar has appeared recalc to size correctly.
-        if (hasHScroll !== this.hasHorizontalScroll()) {
-            this.isHorizontalScrollHidden = !this.hasHorizontalScroll();
-            this.cdr.detectChanges();
-            this.calculateGridHeight();
-            this.cdr.detectChanges();
-        }
         if (this.zone.isStable) {
             this.zone.run(() => {
                 this._applyWidthHostBinding();
@@ -6674,6 +6649,16 @@ class IgxGridBaseDirective {
                 this._autoSizeColumnsNotify.next();
             });
         }
+        // in case horizontal scrollbar has appeared recalc to size correctly.
+        if (hasHScroll !== this.hasHorizontalScroll()) {
+            this.isHorizontalScrollHidden = !this.hasHorizontalScroll();
+            this.cdr.detectChanges();
+            this.calculateGridHeight();
+            this.cdr.detectChanges();
+        }
+        else {
+            this.resetCaches(recalcFeatureWidth);
+        }
     }
     /**
      * @hidden
@@ -9498,10 +9483,249 @@ const IGX_GRID_DIRECTIVES = [
     IgxPaginatorContentDirective,
     IgxPaginatorDirective
 ];
+/**
+ * @hidden
+ * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components
+ */
+class IgxGridModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IgxGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: IgxGridModule, imports: [IgxGridComponent,
+            IgxGroupByRowTemplateDirective,
+            IgxGridDetailTemplateDirective,
+            IgxRowAddTextDirective,
+            IgxRowEditActionsDirective,
+            IgxRowEditTextDirective,
+            IgxRowEditTabStopDirective,
+            // IGX_GRID_COMMON_DIRECTIVES:
+            IgxRowDirective,
+            IgxGridFooterComponent,
+            IgxAdvancedFilteringDialogComponent,
+            IgxRowExpandedIndicatorDirective,
+            IgxRowCollapsedIndicatorDirective,
+            IgxHeaderExpandedIndicatorDirective,
+            IgxHeaderCollapsedIndicatorDirective,
+            IgxExcelStyleHeaderIconDirective,
+            IgxSortAscendingHeaderIconDirective,
+            IgxSortDescendingHeaderIconDirective,
+            IgxSortHeaderIconDirective,
+            IgxGridEmptyTemplateDirective,
+            IgxGridLoadingTemplateDirective,
+            IgxDragIndicatorIconDirective,
+            IgxRowDragGhostDirective,
+            IgxGridStateDirective,
+            // IGX_GRID_ACTIONS
+            IgxGridPinningActionsComponent,
+            IgxGridEditingActionsComponent,
+            IgxGridActionsBaseDirective,
+            IgxGridActionButtonComponent,
+            // IGX_GRID_HEADERS_DIRECTIVES:
+            IgxGridHeaderComponent,
+            IgxGridHeaderGroupComponent,
+            IgxGridHeaderRowComponent,
+            // IGX_GRID_COLUMN_DIRECTIVES:
+            IgxFilterCellTemplateDirective,
+            IgxSummaryTemplateDirective,
+            IgxCellTemplateDirective,
+            IgxCellValidationErrorDirective,
+            IgxCellHeaderTemplateDirective,
+            IgxCellFooterTemplateDirective,
+            IgxCellEditorTemplateDirective,
+            IgxCollapsibleIndicatorTemplateDirective,
+            IgxColumnComponent,
+            IgxColumnGroupComponent,
+            IgxColumnLayoutComponent,
+            // IGX_GRID_COLUMN_ACTIONS_DIRECTIVES:
+            IgxColumnActionsComponent,
+            IgxColumnHidingDirective,
+            IgxColumnPinningDirective,
+            // IGX_GRID_SELECTION_DIRECTIVES:
+            IgxRowSelectorDirective,
+            IgxGroupByRowSelectorDirective,
+            IgxHeadSelectorDirective,
+            // IGX_GRID_TOOLBAR_DIRECTIVES:
+            IgxCSVTextDirective,
+            IgxExcelTextDirective,
+            IgxGridToolbarActionsComponent,
+            IgxGridToolbarAdvancedFilteringComponent,
+            IgxGridToolbarComponent,
+            IgxGridToolbarExporterComponent,
+            IgxGridToolbarHidingComponent,
+            IgxGridToolbarPinningComponent,
+            IgxGridToolbarTitleComponent,
+            IgxGridToolbarDirective,
+            // IGX_GRID_EXCEL_STYLE_FILTER_DIRECTIVES:
+            IgxGridExcelStyleFilteringComponent,
+            IgxExcelStyleHeaderComponent,
+            IgxExcelStyleSortingComponent,
+            IgxExcelStylePinningComponent,
+            IgxExcelStyleHidingComponent,
+            IgxExcelStyleSelectingComponent,
+            IgxExcelStyleClearFiltersComponent,
+            IgxExcelStyleConditionalFilterComponent,
+            IgxExcelStyleMovingComponent,
+            IgxExcelStyleSearchComponent,
+            IgxExcelStyleColumnOperationsTemplateDirective,
+            IgxExcelStyleFilterOperationsTemplateDirective,
+            IgxExcelStyleLoadingValuesTemplateDirective,
+            // IGX_GRID_VALIDATION_DIRECTIVES:
+            IgxColumnRequiredValidatorDirective,
+            IgxColumnMinValidatorDirective,
+            IgxColumnMaxValidatorDirective,
+            IgxColumnEmailValidatorDirective,
+            IgxColumnMinLengthValidatorDirective,
+            IgxColumnMaxLengthValidatorDirective,
+            IgxColumnPatternValidatorDirective,
+            // IGX_PAGINATOR_DIRECTIVES:
+            IgxPaginatorComponent,
+            IgxPageNavigationComponent,
+            IgxPageSizeSelectorComponent,
+            IgxPaginatorContentDirective,
+            IgxPaginatorDirective], exports: [IgxGridComponent,
+            IgxGroupByRowTemplateDirective,
+            IgxGridDetailTemplateDirective,
+            IgxRowAddTextDirective,
+            IgxRowEditActionsDirective,
+            IgxRowEditTextDirective,
+            IgxRowEditTabStopDirective,
+            // IGX_GRID_COMMON_DIRECTIVES:
+            IgxRowDirective,
+            IgxGridFooterComponent,
+            IgxAdvancedFilteringDialogComponent,
+            IgxRowExpandedIndicatorDirective,
+            IgxRowCollapsedIndicatorDirective,
+            IgxHeaderExpandedIndicatorDirective,
+            IgxHeaderCollapsedIndicatorDirective,
+            IgxExcelStyleHeaderIconDirective,
+            IgxSortAscendingHeaderIconDirective,
+            IgxSortDescendingHeaderIconDirective,
+            IgxSortHeaderIconDirective,
+            IgxGridEmptyTemplateDirective,
+            IgxGridLoadingTemplateDirective,
+            IgxDragIndicatorIconDirective,
+            IgxRowDragGhostDirective,
+            IgxGridStateDirective,
+            // IGX_GRID_ACTIONS
+            IgxGridPinningActionsComponent,
+            IgxGridEditingActionsComponent,
+            IgxGridActionsBaseDirective,
+            IgxGridActionButtonComponent,
+            // IGX_GRID_HEADERS_DIRECTIVES:
+            IgxGridHeaderComponent,
+            IgxGridHeaderGroupComponent,
+            IgxGridHeaderRowComponent,
+            // IGX_GRID_COLUMN_DIRECTIVES:
+            IgxFilterCellTemplateDirective,
+            IgxSummaryTemplateDirective,
+            IgxCellTemplateDirective,
+            IgxCellValidationErrorDirective,
+            IgxCellHeaderTemplateDirective,
+            IgxCellFooterTemplateDirective,
+            IgxCellEditorTemplateDirective,
+            IgxCollapsibleIndicatorTemplateDirective,
+            IgxColumnComponent,
+            IgxColumnGroupComponent,
+            IgxColumnLayoutComponent,
+            // IGX_GRID_COLUMN_ACTIONS_DIRECTIVES:
+            IgxColumnActionsComponent,
+            IgxColumnHidingDirective,
+            IgxColumnPinningDirective,
+            // IGX_GRID_SELECTION_DIRECTIVES:
+            IgxRowSelectorDirective,
+            IgxGroupByRowSelectorDirective,
+            IgxHeadSelectorDirective,
+            // IGX_GRID_TOOLBAR_DIRECTIVES:
+            IgxCSVTextDirective,
+            IgxExcelTextDirective,
+            IgxGridToolbarActionsComponent,
+            IgxGridToolbarAdvancedFilteringComponent,
+            IgxGridToolbarComponent,
+            IgxGridToolbarExporterComponent,
+            IgxGridToolbarHidingComponent,
+            IgxGridToolbarPinningComponent,
+            IgxGridToolbarTitleComponent,
+            IgxGridToolbarDirective,
+            // IGX_GRID_EXCEL_STYLE_FILTER_DIRECTIVES:
+            IgxGridExcelStyleFilteringComponent,
+            IgxExcelStyleHeaderComponent,
+            IgxExcelStyleSortingComponent,
+            IgxExcelStylePinningComponent,
+            IgxExcelStyleHidingComponent,
+            IgxExcelStyleSelectingComponent,
+            IgxExcelStyleClearFiltersComponent,
+            IgxExcelStyleConditionalFilterComponent,
+            IgxExcelStyleMovingComponent,
+            IgxExcelStyleSearchComponent,
+            IgxExcelStyleColumnOperationsTemplateDirective,
+            IgxExcelStyleFilterOperationsTemplateDirective,
+            IgxExcelStyleLoadingValuesTemplateDirective,
+            // IGX_GRID_VALIDATION_DIRECTIVES:
+            IgxColumnRequiredValidatorDirective,
+            IgxColumnMinValidatorDirective,
+            IgxColumnMaxValidatorDirective,
+            IgxColumnEmailValidatorDirective,
+            IgxColumnMinLengthValidatorDirective,
+            IgxColumnMaxLengthValidatorDirective,
+            IgxColumnPatternValidatorDirective,
+            // IGX_PAGINATOR_DIRECTIVES:
+            IgxPaginatorComponent,
+            IgxPageNavigationComponent,
+            IgxPageSizeSelectorComponent,
+            IgxPaginatorContentDirective,
+            IgxPaginatorDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IgxGridModule, imports: [IgxGridComponent,
+            IgxGridFooterComponent,
+            IgxAdvancedFilteringDialogComponent,
+            // IGX_GRID_ACTIONS
+            IgxGridPinningActionsComponent,
+            IgxGridEditingActionsComponent,
+            IgxGridActionButtonComponent,
+            // IGX_GRID_HEADERS_DIRECTIVES:
+            IgxGridHeaderComponent,
+            IgxGridHeaderGroupComponent,
+            IgxGridHeaderRowComponent,
+            IgxColumnComponent,
+            IgxColumnGroupComponent,
+            IgxColumnLayoutComponent,
+            // IGX_GRID_COLUMN_ACTIONS_DIRECTIVES:
+            IgxColumnActionsComponent,
+            IgxGridToolbarActionsComponent,
+            IgxGridToolbarAdvancedFilteringComponent,
+            IgxGridToolbarComponent,
+            IgxGridToolbarExporterComponent,
+            IgxGridToolbarHidingComponent,
+            IgxGridToolbarPinningComponent,
+            IgxGridToolbarTitleComponent,
+            // IGX_GRID_EXCEL_STYLE_FILTER_DIRECTIVES:
+            IgxGridExcelStyleFilteringComponent,
+            IgxExcelStyleHeaderComponent,
+            IgxExcelStyleSortingComponent,
+            IgxExcelStylePinningComponent,
+            IgxExcelStyleHidingComponent,
+            IgxExcelStyleSelectingComponent,
+            IgxExcelStyleClearFiltersComponent,
+            IgxExcelStyleConditionalFilterComponent,
+            IgxExcelStyleMovingComponent,
+            IgxExcelStyleSearchComponent,
+            // IGX_PAGINATOR_DIRECTIVES:
+            IgxPaginatorComponent,
+            IgxPageNavigationComponent,
+            IgxPageSizeSelectorComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IgxGridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ...IGX_GRID_DIRECTIVES
+                    ],
+                    exports: [
+                        ...IGX_GRID_DIRECTIVES
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IGX_GRID_DIRECTIVES, IgxGridBaseDirective, IgxGridCellMergePipe, IgxGridComponent, IgxGridExpandableCellComponent, IgxGridFilteringPipe, IgxGridGroupingPipe, IgxGridPagingPipe, IgxGridRowComponent, IgxGridSortingPipe, IgxGridUnmergeActivePipe };
+export { IGX_GRID_DIRECTIVES, IgxGridBaseDirective, IgxGridCellMergePipe, IgxGridComponent, IgxGridExpandableCellComponent, IgxGridFilteringPipe, IgxGridGroupingPipe, IgxGridModule, IgxGridPagingPipe, IgxGridRowComponent, IgxGridSortingPipe, IgxGridUnmergeActivePipe };
 //# sourceMappingURL=igniteui-angular-grids-grid.mjs.map