igniteui-angular 15.0.16 → 15.0.18

package/fesm2020/igniteui-angular.mjs

@@ -2623,6 +2623,19 @@ class ExportUtilities {
     static isNullOrWhitespaces(value) {
         return value === undefined || value === null || !value.trim();
     }
+    static sanitizeValue(value) {
+        if (!this.hasValue(value)) {
+            return '';
+        }
+        else {
+            const stringValue = String(value);
+            return stringValue.replace(/&/g, '&')
+                .replace(/</g, '&lt;')
+                .replace(/>/g, '&gt;')
+                .replace(/"/g, '&quot;')
+                .replace(/'/g, '&apos;');
+        }
+    }
 }
 
 var FilteringExpressionsTreeType;
@@ -3910,7 +3923,7 @@ class IgxBaseExporter {
                     .length :
                 1;
             const columnInfo = {
-                header: columnHeader,
+                header: ExportUtilities.sanitizeValue(columnHeader),
                 dataType: column.dataType,
                 field: column.field,
                 skip: !exportColumn,
@@ -5158,7 +5171,7 @@ class WorksheetFile {
                 const rowCoordinate = isVertical
                     ? startValue + owner.maxLevel + 2
                     : this.rowIndex;
-                const columnValue = dictionary.saveValue(currentCol.header, true);
+                const columnValue = dictionary.saveValue(currentCol.header, true, false);
                 columnCoordinate = (currentCol.field === GRID_LEVEL_COL
                     ? ExcelStrings.getExcelColumn(worksheetData.columnCount + 1)
                     : ExcelStrings.getExcelColumn(column)) + rowCoordinate;
@@ -5503,12 +5516,12 @@ class WorksheetDataDictionary {
     get columnWidths() {
         return this._columnWidths;
     }
-    saveValue(value, isHeader) {
+    saveValue(value, isHeader, shouldSanitizeValue = true) {
         let sanitizedValue = '';
         const isDate = value instanceof Date;
         const isSavedAsString = isHeader || (typeof value !== 'number' && value !== Number(value) && !Number.isFinite(value) && !isDate);
         if (isSavedAsString) {
-            sanitizedValue = this.sanitizeValue(value);
+            sanitizedValue = shouldSanitizeValue ? ExportUtilities.sanitizeValue(value) : value;
             if (this._dictionary[sanitizedValue] === undefined) {
                 this._dictionary[sanitizedValue] = this._counter++;
                 this.dirtyKeyCollections();
@@ -5524,7 +5537,7 @@ class WorksheetDataDictionary {
         return isSavedAsString ? this.getSanitizedValue(sanitizedValue) : -1;
     }
     getValue(value) {
-        return this.getSanitizedValue(this.sanitizeValue(value));
+        return this.getSanitizedValue(ExportUtilities.sanitizeValue(value));
     }
     getSanitizedValue(sanitizedValue) {
         return this._dictionary[sanitizedValue];
@@ -5552,19 +5565,6 @@ class WorksheetDataDictionary {
         }
         return this._context;
     }
-    sanitizeValue(value) {
-        if (ExportUtilities.hasValue(value) === false) {
-            return '';
-        }
-        else {
-            const stringValue = String(value);
-            return stringValue.replace(/&/g, '&amp;')
-                .replace(/</g, '&lt;')
-                .replace(/>/g, '&gt;')
-                .replace(/"/g, '&quot;')
-                .replace(/'/g, '&apos;');
-        }
-    }
     dirtyKeyCollections() {
         this._keysAreValid = false;
     }
@@ -33645,20 +33645,10 @@ class IgxCardHeaderComponent {
          * ```
          */
         this.vertical = false;
-        /**
-         * An @Input property that sets the value of the `role` attribute of the card header.
-         * By default the value is set to `header`.
-         *
-         * @example
-         * ```html
-         * <igx-card-header role="header"></igx-card-header>
-         * ```
-         */
-        this.role = 'header';
     }
 }
 IgxCardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: IgxCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IgxCardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: IgxCardHeaderComponent, selector: "igx-card-header", inputs: { vertical: "vertical" }, host: { properties: { "class.igx-card-header": "this.cssClass", "class.igx-card-header--vertical": "this.vertical", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"igx-card-header__thumbnail\">\n    <ng-content select=\"igx-avatar, igx-card-media, [igxCardThumbnail]\"></ng-content>\n</div>\n\n<div class=\"igx-card-header__titles\">\n    <ng-content select=\"\n        [igxCardHeaderTitle],\n        [igxCardHeaderSubtitle],\n        .igx-card-header__title,\n        .igx-card-header__subtitle\">\n    </ng-content>\n</div>\n\n<ng-content></ng-content>\n" });
+IgxCardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: IgxCardHeaderComponent, selector: "igx-card-header", inputs: { vertical: "vertical" }, host: { properties: { "class.igx-card-header": "this.cssClass", "class.igx-card-header--vertical": "this.vertical" } }, ngImport: i0, template: "<div class=\"igx-card-header__thumbnail\">\n    <ng-content select=\"igx-avatar, igx-card-media, [igxCardThumbnail]\"></ng-content>\n</div>\n\n<div class=\"igx-card-header__titles\">\n    <ng-content select=\"\n        [igxCardHeaderTitle],\n        [igxCardHeaderSubtitle],\n        .igx-card-header__title,\n        .igx-card-header__subtitle\">\n    </ng-content>\n</div>\n\n<ng-content></ng-content>\n" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: IgxCardHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-card-header', template: "<div class=\"igx-card-header__thumbnail\">\n    <ng-content select=\"igx-avatar, igx-card-media, [igxCardThumbnail]\"></ng-content>\n</div>\n\n<div class=\"igx-card-header__titles\">\n    <ng-content select=\"\n        [igxCardHeaderTitle],\n        [igxCardHeaderSubtitle],\n        .igx-card-header__title,\n        .igx-card-header__subtitle\">\n    </ng-content>\n</div>\n\n<ng-content></ng-content>\n" }]
@@ -33670,9 +33660,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
                 args: ['class.igx-card-header--vertical']
             }, {
                 type: Input
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
             }] } });
 /**
  * IgxCardThumbnail is container for the card thumbnail section.
@@ -67373,9 +67360,10 @@ class IgxGridBaseDirective extends DisplayDensityBase {
                 columnsArray = this.getSelectableColumnsAt(each);
                 columnsArray.forEach((col) => {
                     if (col) {
-                        const key = headers ? col.header || col.field : col.field;
+                        const key = !this.isPivot && headers ? col.header || col.field : col.field;
                         const rowData = source[row].ghostRecord ? source[row].recordRef : source[row];
-                        const value = resolveNestedPath(rowData, col.field);
+                        const value = this.isPivot ? rowData.aggregationValues.get(col.field)
+                            : resolveNestedPath(rowData, col.field);
                         record[key] = formatters && col.formatter ? col.formatter(value, rowData) : value;
                         if (columnData) {
                             if (!record[key]) {
@@ -79181,6 +79169,9 @@ class IgxTreeGridHierarchizingPipe {
         const treeGridRecordsMap = new Map();
         const flatData = [];
         if (!collection || !collection.length) {
+            this.grid.flatData = collection;
+            this.grid.records = treeGridRecordsMap;
+            this.grid.rootRecords = collection;
             return collection;
         }
         if (childDataKey) {