igniteui-angular 18.2.24 → 18.2.26

package/fesm2022/igniteui-angular.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, Directive, Input, HostListener, EventEmitter, InjectionToken, isDevMode, inject, PLATFORM_ID, Inject, ElementRef, ViewContainerRef, createComponent, Output, HostBinding, Self, Optional, booleanAttribute, SecurityContext, DestroyRef, Component, ContentChildren, ContentChild, RendererStyleFlags2, Pipe, ViewChild, LOCALE_ID, forwardRef, Host, QueryList, ViewChildren, TemplateRef, ChangeDetectionStrategy, SimpleChange, SkipSelf, CUSTOM_ELEMENTS_SCHEMA, reflectComponentType, NgModule } from '@angular/core';
 import * as i4 from '@angular/forms';
 import { NgModel, NgControl, FormControlName, NG_VALUE_ACCESSOR, Validators, NG_VALIDATORS, FormGroup, FormsModule, RequiredValidator, MinValidator, MaxValidator, EmailValidator, MinLengthValidator, MaxLengthValidator, PatternValidator, FormControl, ReactiveFormsModule } from '@angular/forms';
-import { Observable, NEVER, Subject, fromEvent, BehaviorSubject, interval, animationFrameScheduler, noop, merge, Subscription, timer, pipe } from 'rxjs';
+import { Observable, NEVER, Subject, fromEvent, BehaviorSubject, interval, animationFrameScheduler, noop, takeUntil as takeUntil$1, merge, Subscription, timer, pipe } from 'rxjs';
 import { takeUntil, filter, throttle, throttleTime, first as first$2, startWith, take, debounce, tap, switchMap, skipLast, debounceTime, map, shareReplay, takeWhile, timeout, pluck } from 'rxjs/operators';
 import { isPlatformBrowser, formatDate as formatDate$1, CurrencyPipe, formatPercent, formatNumber, getLocaleCurrencyCode, DatePipe, getLocaleDateFormat, FormatWidth, getLocaleDateTimeFormat, DOCUMENT, NgIf, NgTemplateOutlet, NgClass, NgSwitch, NgSwitchCase, NgSwitchDefault, NgFor, TitleCasePipe, getLocaleFirstDayOfWeek, NgStyle, getLocaleCurrencySymbol, formatCurrency as formatCurrency$1, getLocaleNumberFormat, NumberFormatStyle, DecimalPipe, PercentPipe, getCurrencySymbol, AsyncPipe } from '@angular/common';
 import { mergeWith, isEqual as isEqual$1 } from 'lodash-es';
@@ -3000,31 +3000,49 @@ class IgxBaseExporter {
         if (keys.length === 0) {
             return;
         }
-        let startIndex = 0;
-        const key = keys[0];
         const records = this.flatRecords.map(r => r.data);
-        const groupedRecords = {};
-        records.forEach(obj => {
-            const keyValue = obj[key.name];
-            if (!groupedRecords[keyValue]) {
-                groupedRecords[keyValue] = [];
-            }
-            groupedRecords[keyValue].push(obj);
-        });
-        if (columnGroupParent) {
-            const mapKeys = [...this.pivotGridKeyValueMap.keys()];
-            const mapValues = [...this.pivotGridKeyValueMap.values()];
-            for (const k of Object.keys(groupedRecords)) {
-                groupedRecords[k] = groupedRecords[k].filter(row => mapKeys.every(mk => Object.keys(row).includes(mk))
-                    && mapValues.every(mv => Object.values(row).includes(mv)));
-                if (groupedRecords[k].length === 0) {
-                    delete groupedRecords[k];
-                }
-            }
+        const groupedRecords = this.groupByKeys(records, keys);
+        this.createRowDimension(groupedRecords, keys, columnGroupParent);
+    }
+    groupByKeys(items, keys) {
+        const group = (data, groupKeys) => {
+            if (groupKeys.length === 0)
+                return data;
+            const newKeys = [...groupKeys];
+            const key = newKeys.shift().name;
+            const map = new Map();
+            for (const item of data) {
+                const keyValue = item[key];
+                if (!map.has(keyValue)) {
+                    map.set(keyValue, []);
+                }
+                map.get(keyValue).push(item);
+            }
+            for (const [keyValue, value] of map) {
+                map.set(keyValue, group(value, newKeys));
+            }
+            return map;
+        };
+        return group(items, keys);
+    }
+    calculateRowSpan(value) {
+        if (value instanceof Map) {
+            return Array.from(value.values()).reduce((total, current) => total + this.calculateRowSpan(current), 0);
         }
-        for (const k of Object.keys(groupedRecords)) {
+        else if (Array.isArray(value)) {
+            return value.length;
+        }
+        return 0;
+    }
+    createRowDimension(node, keys, columnGroupParent) {
+        if (!(node instanceof Map))
+            return;
+        const key = keys[0];
+        const newKeys = keys.filter(k => k.level > key.level);
+        let startIndex = 0;
+        for (const k of node.keys()) {
             let groupKey = k;
-            const rowSpan = groupedRecords[k].length;
+            const rowSpan = this.calculateRowSpan(node.get(k));
             const rowDimensionColumn = {
                 columnSpan: 1,
                 rowSpan,
@@ -3035,30 +3053,26 @@ class IgxBaseExporter {
                 pinnedIndex: 0,
                 level: key.level,
                 dataType: 'string',
-                headerType: groupedRecords[groupKey].length > 1 ? ExportHeaderType.MultiRowHeader : ExportHeaderType.RowHeader,
+                headerType: rowSpan > 1 ? ExportHeaderType.MultiRowHeader : ExportHeaderType.RowHeader,
             };
-            if (groupKey === 'undefined') {
-                this.pivotGridColumns[this.pivotGridColumns.length - 1].columnSpan += 1;
+            if (!groupKey) {
+                // if (this.pivotGridColumns?.length)
+                //     this.pivotGridColumns[this.pivotGridColumns.length - 1].columnSpan += 1;
                 rowDimensionColumn.headerType = ExportHeaderType.PivotMergedHeader;
                 groupKey = columnGroupParent;
             }
-            if (columnGroupParent) {
+            if (key.level > 0) {
                 rowDimensionColumn.columnGroupParent = columnGroupParent;
             }
             else {
                 rowDimensionColumn.columnGroup = groupKey;
             }
             this.pivotGridColumns.push(rowDimensionColumn);
-            if (keys.length > 1) {
-                if (groupKey !== columnGroupParent) {
-                    this.pivotGridKeyValueMap.set(key.name, groupKey);
-                }
-                const newKeys = keys.filter(kdd => kdd !== key);
-                this.preparePivotGridColumns(newKeys, groupKey);
-                this.pivotGridKeyValueMap.delete(key.name);
-            }
             startIndex += rowSpan;
         }
+        for (const k of node.keys()) {
+            this.createRowDimension(node.get(k), newKeys, columnGroupParent);
+        }
     }
     addLevelColumns() {
         if (this.options.exportSummaries && this.summaries.size > 0) {
@@ -4166,7 +4180,7 @@ class WorksheetFile {
             : owner.maxLevel;
         for (const currentCol of headersForLevel) {
             const spanLength = isVertical ? currentCol.rowSpan : currentCol.columnSpan;
-            if (currentCol.level === i && currentCol.headerType !== ExportHeaderType.PivotMergedHeader) {
+            if (currentCol.level === i) {
                 let columnCoordinate;
                 const column = isVertical
                     ? this.rowIndex
@@ -4177,7 +4191,9 @@ class WorksheetFile {
                 if (currentCol.headerType === ExportHeaderType.PivotRowHeader) {
                     rowCoordinate = startValue + 1;
                 }
-                const columnValue = dictionary.saveValue(currentCol.header, true, false);
+                const columnValue = currentCol.headerType === ExportHeaderType.PivotMergedHeader ?
+                    dictionary.saveValue(currentCol.field, true, true) :
+                    dictionary.saveValue(currentCol.header, true, false);
                 columnCoordinate = (currentCol.field === GRID_LEVEL_COL
                     ? ExcelStrings.getExcelColumn(worksheetData.columnCount + 1)
                     : ExcelStrings.getExcelColumn(column)) + rowCoordinate;
@@ -19298,6 +19314,21 @@ class IgxTooltipDirective extends IgxToggleDirective {
          * Returns whether open time out has started
          */
         this.toBeShown = false;
+        this._destroy$ = new Subject();
+        this.onDocumentTouchStart = this.onDocumentTouchStart.bind(this);
+        this.overlayService.opening.pipe(takeUntil$1(this._destroy$)).subscribe(() => {
+            document.addEventListener('touchstart', this.onDocumentTouchStart, { passive: true });
+        });
+        this.overlayService.closed.pipe(takeUntil$1(this._destroy$)).subscribe(() => {
+            document.removeEventListener('touchstart', this.onDocumentTouchStart);
+        });
+    }
+    /** @hidden */
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        document.removeEventListener('touchstart', this.onDocumentTouchStart);
+        this._destroy$.next(true);
+        this._destroy$.complete();
     }
     /**
      * If there is open animation in progress this method will finish is.
@@ -19341,6 +19372,9 @@ class IgxTooltipDirective extends IgxToggleDirective {
             overlaySettings.positionStrategy.settings.closeAnimation = animation;
         }
     }
+    onDocumentTouchStart(event) {
+        this.tooltipTarget?.onDocumentTouchStart(event);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IgxTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: IgxOverlayService }, { token: IgxNavigationService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: IgxTooltipDirective, isStandalone: true, selector: "[igxTooltip]", inputs: { context: "context", id: "id" }, host: { properties: { "class.igx-tooltip--hidden": "this.hiddenClass", "class.igx-tooltip": "this.defaultClass", "attr.id": "this.id", "attr.role": "this.role" } }, exportAs: ["tooltip"], usesInheritance: true, ngImport: i0 }); }
 }
@@ -19555,6 +19589,7 @@ class IgxTooltipTargetDirective extends IgxToggleActionDirective {
         if (shouldReturn) {
             return;
         }
+        this.target.tooltipTarget = this;
         const showingArgs = { target: this, tooltip: this.target, cancel: false };
         this.tooltipShow.emit(showingArgs);
         if (showingArgs.cancel) {
@@ -19620,18 +19655,23 @@ class IgxTooltipTargetDirective extends IgxToggleActionDirective {
         this._overlayDefaults.closeOnOutsideClick = false;
         this._overlayDefaults.closeOnEscape = true;
         this.target.closing.pipe(takeUntil(this.destroy$)).subscribe((event) => {
+            if (this.target.tooltipTarget !== this) {
+                return;
+            }
             const hidingArgs = { target: this, tooltip: this.target, cancel: false };
             this.tooltipHide.emit(hidingArgs);
             if (hidingArgs.cancel) {
                 event.cancel = true;
             }
         });
+        this.nativeElement.addEventListener('touchstart', this.onTouchStart = this.onTouchStart.bind(this), { passive: true });
     }
     /**
      * @hidden
      */
     ngOnDestroy() {
         this.hideTooltip();
+        this.nativeElement.removeEventListener('touchstart', this.onTouchStart);
         this.destroy$.next();
         this.destroy$.complete();
     }
@@ -19649,6 +19689,7 @@ class IgxTooltipTargetDirective extends IgxToggleActionDirective {
             this.target.forceClose(this.mergedOverlaySettings);
             this.target.toBeHidden = false;
         }
+        this.target.tooltipTarget = this;
         const showingArgs = { target: this, tooltip: this.target, cancel: false };
         this.tooltipShow.emit(showingArgs);
         if (showingArgs.cancel) {
@@ -19716,7 +19757,7 @@ class IgxTooltipTargetDirective extends IgxToggleActionDirective {
         return false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IgxTooltipTargetDirective, deps: [{ token: i0.ElementRef }, { token: IgxNavigationService, optional: true }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.4", type: IgxTooltipTargetDirective, isStandalone: true, selector: "[igxTooltipTarget]", inputs: { showDelay: "showDelay", hideDelay: "hideDelay", tooltipDisabled: ["tooltipDisabled", "tooltipDisabled", booleanAttribute], target: ["igxTooltipTarget", "target"], tooltip: "tooltip" }, outputs: { tooltipShow: "tooltipShow", tooltipHide: "tooltipHide" }, host: { listeners: { "click": "onClick()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "touchstart": "onTouchStart()", "document:touchstart": "onDocumentTouchStart($event)" } }, exportAs: ["tooltipTarget"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.4", type: IgxTooltipTargetDirective, isStandalone: true, selector: "[igxTooltipTarget]", inputs: { showDelay: "showDelay", hideDelay: "hideDelay", tooltipDisabled: ["tooltipDisabled", "tooltipDisabled", booleanAttribute], target: ["igxTooltipTarget", "target"], tooltip: "tooltip" }, outputs: { tooltipShow: "tooltipShow", tooltipHide: "tooltipHide" }, host: { listeners: { "click": "onClick()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, exportAs: ["tooltipTarget"], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IgxTooltipTargetDirective, decorators: [{
             type: Directive,
@@ -19754,12 +19795,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             }], onMouseLeave: [{
                 type: HostListener,
                 args: ['mouseleave']
-            }], onTouchStart: [{
-                type: HostListener,
-                args: ['touchstart']
-            }], onDocumentTouchStart: [{
-                type: HostListener,
-                args: ['document:touchstart', ['$event']]
             }] } });
 
 /* NOTE: Tooltip directives collection for ease-of-use import in standalone components scenario */