igniteui-angular 22.0.3 → 22.0.4

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

@@ -4,7 +4,7 @@ import { inject, ElementRef, HostListener, ChangeDetectionStrategy, Component, H
 import { NgTemplateOutlet, NgClass, NgStyle } from '@angular/common';
 import { takeUntil, take, timeout, first } from 'rxjs/operators';
 import { IgxGridHeaderComponent, IgxPivotColumnResizingService, PivotRowLayoutType, PivotUtil, SortingIndexPipe, IgxGridHeaderGroupComponent, IGX_GRID_BASE, IgxColumnMovingDragDirective, IgxColumnMovingDropDirective, IgxPivotResizeHandleDirective, IgxHeaderGroupStylePipe, IgxGridHeaderRowComponent, DropPosition, IgxGridExcelStyleFilteringComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleSearchComponent, IgxGridTopLevelColumns, IgxGridNavigationService, HEADER_KEYS, ROW_EXPAND_KEYS, ROW_COLLAPSE_KEYS, PivotSummaryPosition, IgxFilteringService, DimensionValuesFilteringStrategy, IgxColumnComponent, DEFAULT_PIVOT_KEYS, PivotRowDimensionsStrategy, PivotColumnDimensionsStrategy, GridBaseAPIService, IgxRowDirective, IgxGridCellComponent, IgxGridNotGroupedPipe, IgxGridCellStylesPipe, IgxGridTransactionStatePipe, FilterMode, PivotDimensionType, NoopPivotDimensionsStrategy, IgxPivotDateDimension, IgxColumnGroupComponent, IgxGridBodyDirective, IgxGridDragSelectDirective, IgxPivotGridColumnResizerComponent, IgxGridRowClassesPipe, IgxGridRowStylesPipe, IgxGridCRUDService, IgxGridValidationService, IgxGridSummaryService, IgxGridSelectionService, IgxColumnResizingService, IGX_GRID_SERVICE_BASE, WatchChanges, IgxGridFooterComponent, IgxAdvancedFilteringDialogComponent, IgxRowExpandedIndicatorDirective, IgxRowCollapsedIndicatorDirective, IgxHeaderExpandedIndicatorDirective, IgxHeaderCollapsedIndicatorDirective, IgxExcelStyleHeaderIconDirective, IgxSortAscendingHeaderIconDirective, IgxSortDescendingHeaderIconDirective, IgxSortHeaderIconDirective, IgxDragIndicatorIconDirective, IgxRowDragGhostDirective, IgxGridStateDirective, IgxGridPinningActionsComponent, IgxGridEditingActionsComponent, IgxGridActionsBaseDirective, IgxGridActionButtonComponent, IgxFilterCellTemplateDirective, IgxSummaryTemplateDirective, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxCellHeaderTemplateDirective, IgxCellFooterTemplateDirective, IgxCellEditorTemplateDirective, IgxCollapsibleIndicatorTemplateDirective, IgxColumnLayoutComponent, IgxColumnActionsComponent, IgxColumnHidingDirective, IgxColumnPinningDirective, IgxRowSelectorDirective, IgxGroupByRowSelectorDirective, IgxHeadSelectorDirective, IgxCSVTextDirective, IgxExcelTextDirective, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IgxGridToolbarDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleSortingComponent, IgxExcelStylePinningComponent, IgxExcelStyleHidingComponent, IgxExcelStyleSelectingComponent, IgxExcelStyleClearFiltersComponent, IgxExcelStyleConditionalFilterComponent, IgxExcelStyleMovingComponent, IgxExcelStyleLoadingValuesTemplateDirective } from 'igniteui-angular/grids/core';
-import { SortingDirection, VerticalAlignment, AbsoluteScrollStrategy, AutoPositionStrategy, FilteringExpressionsTree, FilteringLogic, DefaultSortingStrategy, GridColumnDataType, parseDate, cloneArray, FilterUtil, DataUtil, columnFieldPath, resolveNestedPath, DefaultDataCloneStrategy, ɵSize as _Size, onResourceChangeHandle, resizeObservable, IgxOverlayOutletDirective } from 'igniteui-angular/core';
+import { SortingDirection, VerticalAlignment, AbsoluteScrollStrategy, AutoPositionStrategy, FilteringExpressionsTree, FilteringLogic, DefaultSortingStrategy, GridColumnDataType, parseDate, cloneArray, FilterUtil, DataUtil, columnFieldPath, resolveNestedPath, DefaultDataCloneStrategy, ɵSize as _Size, onResourceChangeHandle, resizeObservable, runAfterRenderOnce, IgxOverlayOutletDirective } from 'igniteui-angular/core';
 import { IgxIconComponent } from 'igniteui-angular/icon';
 import { IgxDropDirective, IgxGridForOfDirective, IgxTemplateOutletDirective, IgxToggleDirective, IgxForOfSyncService, IgxForOfScrollSyncService, IgxDragDirective, IgxDragHandleDirective } from 'igniteui-angular/directives';
 import { IgxChipsAreaComponent, IgxChipComponent } from 'igniteui-angular/chips';
@@ -2638,6 +2638,7 @@ class IgxPivotGridComponent extends IgxGridBaseDirective {
         this._pivotConfiguration = value;
         this.emitInitEvents(this._pivotConfiguration);
         this.filteringExpressionsTree = PivotUtil.buildExpressionTree(value);
+        this.setDateDimensionsLocaleData();
         if (!this._init) {
             this.setupColumns();
         }
@@ -2974,6 +2975,7 @@ class IgxPivotGridComponent extends IgxGridBaseDirective {
             this.setupColumns();
             // Bind to onResourceChange after the columns have initialized the first time to avoid premature initialization.
             onResourceChangeHandle(this.destroy$, () => {
+                this.setDateDimensionsLocaleData();
                 // Since the columns are kinda static, due to assigning DisplayName on init, they need to be regenerated.
                 this.setupColumns();
             }, this);
@@ -3534,6 +3536,7 @@ class IgxPivotGridComponent extends IgxGridBaseDirective {
      * This parameter is optional. If not set it will add it to the end of the collection.
      */
     insertDimensionAt(dimension, targetCollectionType, index) {
+        this.setDateDimensionsLocaleData([dimension]);
         const targetCollection = this.getDimensionsByType(targetCollectionType);
         if (index !== undefined) {
             targetCollection.splice(index, 0, dimension);
@@ -4029,7 +4032,7 @@ class IgxPivotGridComponent extends IgxGridBaseDirective {
         super.calculateGridSizes(recalcFeatureWidth);
         if (this.hasDimensionsToAutosize) {
             this.cdr.detectChanges();
-            this.zone.onStable.pipe(first()).subscribe(() => {
+            runAfterRenderOnce(this.injector, () => {
                 requestAnimationFrame(() => {
                     this.autoSizeDimensionsInView();
                 });
@@ -4321,6 +4324,36 @@ class IgxPivotGridComponent extends IgxGridBaseDirective {
             this.pipeTrigger++;
         }
     }
+    /**
+     * Sets the locale and resourceStrings data based on the grid's properties for all IgxPivotDateDimensions in the config.
+     * By default search all dimensions (even not enabled).
+     * @param entryDimensions Entry dimension on which to check for IgxPivotDateDimension instead of the default.
+     */
+    setDateDimensionsLocaleData(entryDimensions) {
+        const topDimensions = entryDimensions ?? [...this.allDimensions];
+        for (const dim of topDimensions) {
+            let foundDateDim;
+            if (dim instanceof IgxPivotDateDimension) {
+                foundDateDim = dim;
+            }
+            else if (dim.childLevel) {
+                var curChild = dim.childLevel;
+                while (curChild) {
+                    if (curChild instanceof IgxPivotDateDimension) {
+                        foundDateDim = curChild;
+                        break;
+                    }
+                    curChild = curChild.childLevel;
+                }
+            }
+            if (foundDateDim) {
+                foundDateDim.resourceStrings = this.resourceStrings;
+                if (this.locale) {
+                    foundDateDim.locale = this.locale;
+                }
+            }
+        }
+    }
     /**
      * @hidden @internal
      */