igniteui-angular 16.0.0-beta.1 → 16.0.0-beta.2

package/fesm2022/igniteui-angular.mjs

@@ -2206,8 +2206,8 @@ class GroupMemberCountSortingStrategy {
         }, {});
     }
     compareObjects(obj1, obj2, data, fieldName, reverse) {
-        let firstItemValuesLength = data[obj1[fieldName]].length;
-        let secondItemValuesLength = data[obj2[fieldName]].length;
+        const firstItemValuesLength = data[obj1[fieldName]].length;
+        const secondItemValuesLength = data[obj2[fieldName]].length;
         return reverse * (firstItemValuesLength - secondItemValuesLength);
     }
 }
@@ -3583,7 +3583,7 @@ class IgxBaseExporter {
                     summaryCacheMap.delete(GRID_ROOT_SUMMARY);
                     break;
                 case GridSummaryCalculationMode.rootLevelOnly:
-                    for (let k of summaryCacheMap.keys()) {
+                    for (const k of summaryCacheMap.keys()) {
                         if (k !== GRID_ROOT_SUMMARY) {
                             summaryCacheMap.delete(k);
                         }
@@ -5029,7 +5029,7 @@ class WorksheetFile {
             || fullRow.type === ExportRecordType.HierarchicalGridRecord
             || fullRow.type === ExportRecordType.TreeGridRecord;
         this.firstDataRow = this.firstDataRow > this.rowIndex ? this.rowIndex : this.firstDataRow;
-        let cellValue = worksheetData.isSpecialData ?
+        const cellValue = worksheetData.isSpecialData ?
             fullRow.data :
             fullRow.data[key];
         if (cellValue === GRID_LEVEL_COL || key === GRID_LEVEL_COL) {
@@ -8349,7 +8349,6 @@ class IgxHierarchicalTransactionFactory extends IgxFlatTransactionFactory {
         switch (type) {
             case ("Base" /* TRANSACTION_TYPE.Base */):
                 return new IgxHierarchicalTransactionService();
-                ;
             default:
                 return new IgxBaseTransactionService();
         }
@@ -10353,7 +10352,7 @@ class IgxIconService {
      * @hidden
      */
     cacheSvgIcon(name, value, family = this._family, stripMeta) {
-        family = !!family ? family : this._family;
+        family = family ? family : this._family;
         if (this._platformUtil?.isBrowser && name && value) {
             const doc = this._domParser.parseFromString(value, 'image/svg+xml');
             const svg = doc.querySelector('svg');
@@ -11347,7 +11346,6 @@ class IgxAutocompleteDirective extends IgxDropDownItemNavigationDirective {
             this.nativeElement.value = newValue;
         }
     }
-    ;
     highlightFirstItem() {
         if (this.target.focusedItem) {
             this.target.focusedItem.focused = false;
@@ -11356,7 +11354,6 @@ class IgxAutocompleteDirective extends IgxDropDownItemNavigationDirective {
         this.target.navigateFirst();
         this.cdr.detectChanges();
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxAutocompleteDirective, deps: [{ token: NgModel, optional: true, self: true }, { token: FormControlName, optional: true, self: true }, { token: IgxInputGroupComponent, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxAutocompleteDirective, isStandalone: true, selector: "[igxAutocomplete]", inputs: { target: ["igxAutocomplete", "target"], autocompleteSettings: ["igxAutocompleteSettings", "autocompleteSettings"], disabled: ["igxAutocompleteDisabled", "disabled"] }, outputs: { selectionChanging: "selectionChanging" }, host: { listeners: { "input": "onInput()", "compositionstart": "onCompositionStart()", "compositionend": "onCompositionEnd()", "keydown.ArrowDown": "onArrowDown($event)", "keydown.Alt.ArrowDown": "onArrowDown($event)", "keydown.ArrowUp": "onArrowDown($event)", "keydown.Alt.ArrowUp": "onArrowDown($event)", "keydown.Tab": "onTab()", "keydown.Shift.Tab": "onTab()" }, properties: { "attr.autocomplete": "this.autofill", "attr.role": "this.role", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-haspopup": "this.hasPopUp", "attr.aria-owns": "this.ariaOwns", "attr.aria-activedescendant": "this.ariaActiveDescendant", "attr.aria-autocomplete": "this.ariaAutocomplete" } }, exportAs: ["igxAutocomplete"], usesInheritance: true, ngImport: i0 }); }
 }
@@ -12609,7 +12606,7 @@ class IgxDragDirective {
         let targetElements = [];
         // Check for shadowRoot instance and use it if present
         for (const elFromPoint of elementsFromPoint) {
-            if (!!elFromPoint?.shadowRoot) {
+            if (elFromPoint?.shadowRoot) {
                 targetElements = targetElements.concat(this.getFromShadowRoot(elFromPoint, pageX, pageY, elementsFromPoint));
             }
             else if (targetElements.indexOf(elFromPoint) === -1) {
@@ -16209,7 +16206,6 @@ const REGEX = new Map([
     ['9', /[\d\p{Separator}]/u],
     ['#', /[\d\-+]/], // Numeric and sign
 ]);
-;
 const replaceCharAt = (string, idx, char) => `${string.substring(0, idx)}${char}${string.substring(idx + 1)}`;
 function parseMask(format) {
     const literals = new Map();
@@ -16286,7 +16282,7 @@ class MaskParsingService {
         const chars = Array.from(value);
         let cursor = start;
         end = Math.min(end, maskedValue.length);
-        let initialMaskedValue = maskedValue;
+        const initialMaskedValue = maskedValue;
         for (let i = start; i < end || (chars.length && i < maskedValue.length); i++) {
             if (literalsPositions.indexOf(i) !== -1) {
                 if (chars[0] === maskedValue[i]) {
@@ -16332,7 +16328,7 @@ class MaskParsingService {
         return regex ? regex.test(inputChar) : false;
     }
     getNonLiteralIndices(mask, literalKeys) {
-        const nonLiteralsIndices = new Array();
+        const nonLiteralsIndices = [];
         for (let i = 0; i < mask.length; i++) {
             if (literalKeys.indexOf(i) === -1) {
                 nonLiteralsIndices.push(i);
@@ -16341,7 +16337,7 @@ class MaskParsingService {
         return nonLiteralsIndices;
     }
     getNonLiteralValues(value, literalValues) {
-        const nonLiteralValues = new Array();
+        const nonLiteralValues = [];
         for (const val of value) {
             if (literalValues.indexOf(val) === -1) {
                 nonLiteralValues.push(val);
@@ -16654,7 +16650,6 @@ class IgxMaskDirective {
         if (this._key === this.platform.KEYMAP.BACKSPACE) {
             replacedData.end = this._start;
         }
-        ;
         this.setSelectionRange(replacedData.end);
         const rawVal = this.maskParser.parseValueFromMask(this.inputValue, this.maskOptions);
         this._dataValue = this.includeLiterals ? this.inputValue : rawVal;
@@ -27349,7 +27344,6 @@ class IgxExpansionPanelHeaderComponent {
     get disabled() {
         return this._disabled;
     }
-    ;
     set disabled(val) {
         this._disabled = val;
         if (val) {
@@ -27360,7 +27354,6 @@ class IgxExpansionPanelHeaderComponent {
             this.tabIndex = 0;
         }
     }
-    ;
     constructor(panel, cdr, elementRef) {
         this.panel = panel;
         this.cdr = cdr;
@@ -28957,6 +28950,17 @@ class IgxBannerComponent {
     get useDefaultTemplate() {
         return !this._bannerActionTemplate;
     }
+    /**
+     * Set the animation settings used by the banner open/close methods
+     * ```typescript
+     * import { slideInLeft, slideOutRight } from 'igniteui-angular';
+     * ...
+     * banner.animationSettings: ToggleAnimationSettings = { openAnimation: slideInLeft, closeAnimation: slideOutRight };
+     * ```
+     */
+    set animationSettings(settings) {
+        this._animationSettings = settings;
+    }
     /**
      * Get the animation settings used by the banner open/close methods
      * ```typescript
@@ -28981,17 +28985,6 @@ class IgxBannerComponent {
         }
         return this._resourceStrings;
     }
-    /**
-     * Set the animation settings used by the banner open/close methods
-     * ```typescript
-     * import { slideInLeft, slideOutRight } from 'igniteui-angular';
-     * ...
-     * banner.animationSettings: ToggleAnimationSettings = { openAnimation: slideInLeft, closeAnimation: slideOutRight };
-     * ```
-     */
-    set animationSettings(settings) {
-        this._animationSettings = settings;
-    }
     /**
      * Gets whether banner is collapsed
      *
@@ -29983,6 +29976,7 @@ class Calendar {
         date = this.timedelta(date, 'day', -days);
         const res = [];
         let value;
+        // eslint-disable-next-line no-constant-condition
         while (true) {
             value = this.generateICalendarDate(date, year, month);
             res.push(value);
@@ -33993,7 +33987,6 @@ class IgxCardActionsComponent {
         if (!this.isVerticalSet && this.card.horizontal) {
             this.vertical = true;
         }
-        ;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxCardActionsComponent, deps: [{ token: IgxCardComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxCardActionsComponent, isStandalone: true, selector: "igx-card-actions", inputs: { layout: "layout", vertical: "vertical", reverse: "reverse" }, host: { properties: { "class.igx-card-actions": "this.layout", "class.igx-card-actions--vertical": "this.vertical", "class.igx-card-actions--justify": "this.isJustifyLayout", "class.igx-card-actions--reverse": "this.reverse" } }, usesOnChanges: true, ngImport: i0, template: "<div #buttons class=\"igx-card-actions__start\">\n    <ng-content select=\"[igxStart], [igxButton]:not([igxButton='icon']):not([igxEnd])\"></ng-content>\n</div>\n\n<ng-content></ng-content>\n\n<div class=\"igx-card-actions__end\">\n    <ng-content select=\"[igxEnd], [igxButton='icon']:not([igxStart]), igx-icon:not([igxStart])\"></ng-content>\n</div>\n" }); }
@@ -35715,7 +35708,7 @@ class IgxChipComponent extends DisplayDensityBase {
         };
     }
     onSelectTransitionDone(event) {
-        if (!!event.target.tagName) {
+        if (event.target.tagName) {
             // Trigger onSelectionDone on when `width` property is changed and the target is valid element(not comment).
             this.selectedChanged.emit({
                 owner: this,
@@ -39494,7 +39487,6 @@ class PickerBaseDirective extends DisplayDensityBase {
                 .subscribe(next);
         });
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: PickerBaseDirective, deps: [{ token: i0.ElementRef }, { token: LOCALE_ID }, { token: DisplayDensityToken, optional: true }, { token: IGX_INPUT_GROUP_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: PickerBaseDirective, inputs: { inputFormat: "inputFormat", displayFormat: "displayFormat", placeholder: "placeholder", mode: "mode", overlaySettings: "overlaySettings", disabled: "disabled", locale: "locale", weekStart: "weekStart", outlet: "outlet", type: "type", tabIndex: "tabIndex" }, outputs: { opening: "opening", opened: "opened", closing: "closing", closed: "closed" }, queries: [{ propertyName: "toggleComponents", predicate: IgxPickerToggleComponent, descendants: true }, { propertyName: "prefixes", predicate: IgxPrefixDirective, descendants: true }, { propertyName: "suffixes", predicate: IgxSuffixDirective, descendants: true }], viewQueries: [{ propertyName: "inputGroup", first: true, predicate: IgxInputGroupComponent, descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
@@ -42375,7 +42367,6 @@ class IgxFilterCellTemplateDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxFilterCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxFilterCellTemplateDirective, isStandalone: true, selector: "[igxFilterCellTemplate]", ngImport: i0 }); }
 }
@@ -42393,7 +42384,6 @@ class IgxCellTemplateDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxCellTemplateDirective, isStandalone: true, selector: "[igxCell]", ngImport: i0 }); }
 }
@@ -42411,7 +42401,6 @@ class IgxCellValidationErrorDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxCellValidationErrorDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxCellValidationErrorDirective, isStandalone: true, selector: "[igxCellValidationError]", ngImport: i0 }); }
 }
@@ -42429,7 +42418,6 @@ class IgxCellHeaderTemplateDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxCellHeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxCellHeaderTemplateDirective, isStandalone: true, selector: "[igxHeader]", ngImport: i0 }); }
 }
@@ -42464,7 +42452,6 @@ class IgxCellEditorTemplateDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxCellEditorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxCellEditorTemplateDirective, isStandalone: true, selector: "[igxCellEditor]", ngImport: i0 }); }
 }
@@ -42482,7 +42469,6 @@ class IgxCollapsibleIndicatorTemplateDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxCollapsibleIndicatorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxCollapsibleIndicatorTemplateDirective, isStandalone: true, selector: "[igxCollapsibleIndicator]", ngImport: i0 }); }
 }
@@ -42500,7 +42486,6 @@ class IgxSummaryTemplateDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxSummaryTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxSummaryTemplateDirective, isStandalone: true, selector: "[igxSummary]", ngImport: i0 }); }
 }
@@ -42589,17 +42574,6 @@ class IgxGridCell {
             return this.grid.crudService.cell.editValue;
         }
     }
-    /**
-     * Gets the validation status and errors, if any.
-     * ```typescript
-     * let validation = this.cell.validation;
-     * let errors = validation.errors;
-     * ```
-     */
-    get validation() {
-        const form = this.grid.validation.getFormControl(this.row.key, this.column.field);
-        return { status: form?.status || 'VALID', errors: form?.errors };
-    }
     /**
      * Sets the current edit value while a cell is in edit mode.
      * Only for cell editing mode.
@@ -42614,6 +42588,17 @@ class IgxGridCell {
             this.grid.crudService.cell.editValue = value;
         }
     }
+    /**
+     * Gets the validation status and errors, if any.
+     * ```typescript
+     * let validation = this.cell.validation;
+     * let errors = validation.errors;
+     * ```
+     */
+    get validation() {
+        const form = this.grid.validation.getFormControl(this.row.key, this.column.field);
+        return { status: form?.status || 'VALID', errors: form?.errors };
+    }
     /**
      * Returns whether the cell is editable..
      *
@@ -43487,6 +43472,7 @@ class IgxColumnComponent {
         }
         const unpinnedColumns = this.grid.unpinnedColumns.filter(c => !c.columnGroup);
         const pinnedColumns = this.grid.pinnedColumns.filter(c => !c.columnGroup);
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
         let col = this;
         let vIndex = -1;
         if (this.columnGroup) {
@@ -50120,7 +50106,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-rc.4", ng
             type: Injectable
         }] });
 
-;
 /** @hidden @internal */
 class IgxTreeSelectionService {
     constructor() {
@@ -50870,7 +50855,6 @@ class IgxTreeNodeComponent extends ToggleAnimationPlayer {
     get role() {
         return this.hasLinkChildren ? 'none' : 'treeitem';
     }
-    ;
     /**
      * Return the child nodes of the node (if any)
      *
@@ -51226,7 +51210,6 @@ class IgxTreeNodeComponent extends ToggleAnimationPlayer {
         this._tabIndex = -1;
         this.registeredChildren.push(link);
     }
-    ;
     /** @hidden @internal */
     removeLinkChild(link) {
         const index = this.registeredChildren.indexOf(link);
@@ -52783,7 +52766,6 @@ class IgxExcelStyleLoadingValuesTemplateDirective {
     static ngTemplateContextGuard(_dir, ctx) {
         return true;
     }
-    ;
     constructor(template) {
         this.template = template;
     }
@@ -54027,7 +54009,7 @@ class IgxGridExcelStyleFilteringComponent extends BaseFilteringComponent {
         this.containsNullOrEmpty = this.uniqueValues.length > this.listData.length;
     }
     generateFilterListItems(values, shouldUpdateSelection, parent) {
-        let filterListItems = [];
+        const filterListItems = [];
         values?.forEach(element => {
             const value = element.value;
             const hasValue = value !== undefined && value !== null && value !== '';
@@ -54225,7 +54207,6 @@ class IgxRowEditTemplateDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxRowEditTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxRowEditTemplateDirective, isStandalone: true, selector: "[igxRowEdit]", ngImport: i0 }); }
 }
@@ -54241,7 +54222,6 @@ class IgxRowEditTextDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxRowEditTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxRowEditTextDirective, isStandalone: true, selector: "[igxRowEditText]", ngImport: i0 }); }
 }
@@ -54257,7 +54237,6 @@ class IgxRowAddTextDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxRowAddTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxRowAddTextDirective, isStandalone: true, selector: "[igxRowAddText]", ngImport: i0 }); }
 }
@@ -54273,7 +54252,6 @@ class IgxRowEditActionsDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxRowEditActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxRowEditActionsDirective, isStandalone: true, selector: "[igxRowEditActions]", ngImport: i0 }); }
 }
@@ -54631,7 +54609,6 @@ class IgxGroupByRowTemplateDirective {
     static ngTemplateContextGuard(_dir, ctx) {
         return true;
     }
-    ;
     constructor(template) {
         this.template = template;
     }
@@ -54652,7 +54629,6 @@ class IgxGridDetailTemplateDirective {
     static ngTemplateContextGuard(_dir, ctx) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxGridDetailTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxGridDetailTemplateDirective, isStandalone: true, selector: "[igxGridDetail]", ngImport: i0 }); }
 }
@@ -54670,7 +54646,6 @@ class IgxRowExpandedIndicatorDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxRowExpandedIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxRowExpandedIndicatorDirective, isStandalone: true, selector: "[igxRowExpandedIndicator]", ngImport: i0 }); }
 }
@@ -54688,7 +54663,6 @@ class IgxRowCollapsedIndicatorDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxRowCollapsedIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxRowCollapsedIndicatorDirective, isStandalone: true, selector: "[igxRowCollapsedIndicator]", ngImport: i0 }); }
 }
@@ -54706,7 +54680,6 @@ class IgxHeaderExpandIndicatorDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxHeaderExpandIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxHeaderExpandIndicatorDirective, isStandalone: true, selector: "[igxHeaderExpandedIndicator]", ngImport: i0 }); }
 }
@@ -54724,7 +54697,6 @@ class IgxHeaderCollapseIndicatorDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxHeaderCollapseIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxHeaderCollapseIndicatorDirective, isStandalone: true, selector: "[igxHeaderCollapsedIndicator]", ngImport: i0 }); }
 }
@@ -54742,7 +54714,6 @@ class IgxExcelStyleHeaderIconDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxExcelStyleHeaderIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxExcelStyleHeaderIconDirective, isStandalone: true, selector: "[igxExcelStyleHeaderIcon]", ngImport: i0 }); }
 }
@@ -54760,7 +54731,6 @@ class IgxSortHeaderIconDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxSortHeaderIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxSortHeaderIconDirective, isStandalone: true, selector: "[igxSortHeaderIcon]", ngImport: i0 }); }
 }
@@ -54778,7 +54748,6 @@ class IgxSortAscendingHeaderIconDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxSortAscendingHeaderIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxSortAscendingHeaderIconDirective, isStandalone: true, selector: "[igxSortAscendingHeaderIcon]", ngImport: i0 }); }
 }
@@ -54796,7 +54765,6 @@ class IgxSortDescendingHeaderIconDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxSortDescendingHeaderIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxSortDescendingHeaderIconDirective, isStandalone: true, selector: "[igxSortDescendingHeaderIcon]", ngImport: i0 }); }
 }
@@ -58833,7 +58801,6 @@ class IgxDragIndicatorIconDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxDragIndicatorIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxDragIndicatorIconDirective, isStandalone: true, selector: "[igxDragIndicatorIcon]", ngImport: i0 }); }
 }
@@ -58854,7 +58821,6 @@ class IgxRowDragGhostDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxRowDragGhostDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxRowDragGhostDirective, isStandalone: true, selector: "[igxRowDragGhost]", ngImport: i0 }); }
 }
@@ -58877,7 +58843,6 @@ class IgxRowSelectorDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxRowSelectorDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxRowSelectorDirective, isStandalone: true, selector: "[igxRowSelector]", ngImport: i0 }); }
 }
@@ -58899,7 +58864,6 @@ class IgxGroupByRowSelectorDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxGroupByRowSelectorDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxGroupByRowSelectorDirective, isStandalone: true, selector: "[igxGroupByRowSelector]", ngImport: i0 }); }
 }
@@ -58921,7 +58885,6 @@ class IgxHeadSelectorDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxHeadSelectorDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxHeadSelectorDirective, isStandalone: true, selector: "[igxHeadSelector]", ngImport: i0 }); }
 }
@@ -59079,7 +59042,6 @@ class IgxGridToolbarDirective {
     static ngTemplateContextGuard(_dir, ctx) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxGridToolbarDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxGridToolbarDirective, isStandalone: true, selector: "[igxGridToolbar]", ngImport: i0 }); }
 }
@@ -61621,7 +61583,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
     set isLoading(value) {
         if (this._isLoading !== value) {
             this._isLoading = value;
-            if (!!this.data) {
+            if (this.data) {
                 this.evaluateLoadingState();
             }
         }
@@ -65706,7 +65668,6 @@ class IgxGridBaseDirective extends DisplayDensityBase {
         if (event.type === 'copy') {
             selectedData = this.getSelectedData(this.clipboardOptions.copyFormatters, this.clipboardOptions.copyHeaders);
         }
-        ;
         let data = [];
         let result;
         if (event.code === 'KeyC' && (event.ctrlKey || event.metaKey) && event.currentTarget.className === 'igx-grid-thead__wrapper') {
@@ -66224,7 +66185,6 @@ class IgxGridBaseDirective extends DisplayDensityBase {
         this.pipeTrigger++;
         this.notifyChanges();
     }
-    ;
     writeToData(rowIndex, value) {
         mergeObjects(this.gridAPI.get_all_data()[rowIndex], value);
     }
@@ -66885,7 +66845,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
             if (this.selectionService.selection.size > 0) {
                 if (expansionRowIndexes.length > 0) {
                     for (const [key, value] of this.selectionService.selection.entries()) {
-                        let updatedKey = key;
+                        const updatedKey = key;
                         let subtract = 0;
                         expansionRowIndexes.forEach((row) => {
                             if (updatedKey > Number(row)) {
@@ -72267,7 +72227,7 @@ class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent {
     */
     onDimDragStart(event, area) {
         this.cdr.detectChanges();
-        for (let chip of this.notificationChips) {
+        for (const chip of this.notificationChips) {
             const parent = chip.nativeElement.parentElement;
             if (area.chipsList.toArray().indexOf(chip) === -1 &&
                 parent.children.length > 0 &&
@@ -72282,7 +72242,7 @@ class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent {
     * @internal
     */
     onDimDragEnd() {
-        for (let chip of this.notificationChips) {
+        for (const chip of this.notificationChips) {
             chip.nativeElement.hidden = true;
         }
     }
@@ -72355,7 +72315,7 @@ class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent {
     onFilteringIconClick(event, dimension) {
         event.stopPropagation();
         event.preventDefault();
-        let dim = dimension;
+        const dim = dimension;
         const col = this.grid.dimensionDataColumns.find(x => x.field === dim.memberName || x.field === dim.member);
         this.grid.filteringService.toggleFilterDropdown(event.target, col);
     }
@@ -72371,7 +72331,7 @@ class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent {
      * @hidden @internal
      */
     onFiltersAreaDropdownClick(event, dimension, shouldReattach = true) {
-        let dim = dimension || this.filterDropdownDimensions.values().next().value;
+        const dim = dimension || this.filterDropdownDimensions.values().next().value;
         const col = this.grid.dimensionDataColumns.find(x => x.field === dim.memberName || x.field === dim.member);
         if (shouldReattach) {
             this.dropdownChips.chipsList.forEach(chip => {
@@ -72667,7 +72627,7 @@ class DimensionValuesFilteringStrategy extends FilteringStrategy {
     getFilterItems(column, tree) {
         const grid = column.grid;
         const enabledDimensions = grid.allDimensions.filter(x => x && x.enabled);
-        let data = column.grid.gridAPI.filterDataByExpressions(tree);
+        const data = column.grid.gridAPI.filterDataByExpressions(tree);
         const dim = enabledDimensions.find(x => x.memberName === column.field);
         const allValuesHierarchy = PivotUtil.getFieldsHierarchy(data, [dim], PivotDimensionType.Column, grid.pivotKeys);
         const isNoop = grid.pivotConfiguration.columnStrategy instanceof NoopPivotDimensionsStrategy || grid.pivotConfiguration.rowStrategy instanceof NoopPivotDimensionsStrategy;
@@ -72691,7 +72651,7 @@ class DimensionValuesFilteringStrategy extends FilteringStrategy {
     }
     _getDimensionValueHierarchy(dim, rec) {
         let path = [];
-        let value = PivotUtil.extractValueFromDimension(dim, rec);
+        const value = PivotUtil.extractValueFromDimension(dim, rec);
         path.push(value);
         if (dim.childLevel) {
             const childVals = this._getDimensionValueHierarchy(dim.childLevel, rec);
@@ -72920,7 +72880,6 @@ class IgxPivotResizeHandleDirective extends IgxResizeHandleDirective {
     set pivotColumn(value) {
         this.column = value;
     }
-    ;
     get pivotColumn() {
         return this.column;
     }
@@ -73296,7 +73255,6 @@ class IgxPivotValueChipTemplateDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxPivotValueChipTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxPivotValueChipTemplateDirective, isStandalone: true, selector: "[igxPivotValueChip]", ngImport: i0 }); }
 }
@@ -73454,7 +73412,7 @@ class IgxPivotCellMergingPipe {
         let groupData = [];
         let prevId;
         const index = enabledRows.indexOf(dim);
-        for (let rec of data) {
+        for (const rec of data) {
             const currentDim = rec.dimensions[index];
             const id = PivotUtil.getRecordKey(rec, currentDim);
             if (groupData.length > 0 && prevId !== id) {
@@ -73669,7 +73627,7 @@ class IgxPivotRowComponent extends IgxRowDirective {
      */
     get selected() {
         let isSelected = false;
-        for (let rowDim of this.data.dimensions) {
+        for (const rowDim of this.data.dimensions) {
             const key = PivotUtil.getRecordKey(this.data, rowDim);
             if (this.selectionService.isPivotRowSelected(key)) {
                 isSelected = true;
@@ -75371,7 +75329,7 @@ class IgxPivotGridComponent extends IgxGridBaseDirective {
             });
             return columns;
         }
-        let currentFields = fields;
+        const currentFields = fields;
         currentFields.forEach((value) => {
             let shouldGenerate = true;
             if (data.length === 0) {
@@ -76437,7 +76395,7 @@ class IgxGridStateDirective {
                 else {
                     expr.searchVal = expr.searchVal && (dataType === 'date' || dataType === 'dateTime') ? new Date(Date.parse(expr.searchVal)) : expr.searchVal;
                 }
-                let condition = this.generateFilteringCondition(dataType, expr.condition.name) ||
+                const condition = this.generateFilteringCondition(dataType, expr.condition.name) ||
                     this.currGrid.columns.find(c => c.field === expr.fieldName).filters.condition(expr.condition.name);
                 if (condition) {
                     expr.condition = condition;
@@ -77665,7 +77623,7 @@ class IgxTreeGridAPIService extends GridBaseAPIService {
         }
     }
     filterDataByExpressions(expressionsTree) {
-        let records = this.filterTreeDataByExpressions(expressionsTree);
+        const records = this.filterTreeDataByExpressions(expressionsTree);
         const data = [];
         this.getFlatDataFromFilteredRecords(records, data);
         return data;
@@ -79462,7 +79420,6 @@ class IgxTreeGridComponent extends IgxGridBaseDirective {
         }
         super.transactionStatusUpdate(event);
     }
-    ;
     findRecordIndexInView(rec) {
         return this.dataView.findIndex(x => x.data[this.primaryKey] === rec[this.primaryKey]);
     }
@@ -85651,7 +85608,6 @@ class IgxTabItemDirective {
     get selected() {
         return this._selected;
     }
-    ;
     set selected(value) {
         if (this._selected !== value) {
             this._selected = value;
@@ -85719,7 +85675,6 @@ class IgxTabContentDirective {
     get nativeElement() {
         return this.elementRef.nativeElement;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxTabContentDirective, deps: [{ token: IgxTabItemDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxTabContentDirective, host: { properties: { "attr.role": "this.role", "attr.tabindex": "this.tabIndex", "style.z-index": "this.zIndex" } }, ngImport: i0 }); }
 }
@@ -85785,7 +85740,6 @@ class IgxTabHeaderDirective {
     get nativeElement() {
         return this.elementRef.nativeElement;
     }
-    ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.4", ngImport: i0, type: IgxTabHeaderDirective, deps: [{ token: IgxTabsBase }, { token: IgxTabItemDirective }, { token: i0.ElementRef }, { token: PlatformUtil }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.4", type: IgxTabHeaderDirective, host: { listeners: { "click": "onClick()" }, properties: { "attr.role": "this.role", "attr.tabindex": "this.tabIndex", "attr.aria-selected": "this.ariaSelected", "attr.aria-disabled": "this.ariaDisabled" } }, ngImport: i0 }); }
 }
@@ -86253,7 +86207,6 @@ class IgxTabsComponent extends IgxTabsDirective {
     get tabAlignment() {
         return this._tabAlignment;
     }
-    ;
     set tabAlignment(value) {
         this._tabAlignment = value;
         requestAnimationFrame(() => {
@@ -86910,7 +86863,6 @@ class IgxSplitterPaneComponent {
     get minSize() {
         return this._minSize;
     }
-    ;
     set minSize(value) {
         this._minSize = value;
         if (this.owner) {
@@ -86930,7 +86882,6 @@ class IgxSplitterPaneComponent {
     get maxSize() {
         return this._maxSize;
     }
-    ;
     set maxSize(value) {
         this._maxSize = value;
         if (this.owner) {
@@ -89411,7 +89362,6 @@ class IgxDateRangePickerComponent extends PickerBaseDirective {
                     i.inputDirective.valid = this.isTouchedOrDirty && !this._ngControl.disabled
                         ? this.getInputState(i.isFocused)
                         : IgxInputState.INITIAL;
-                    ;
                 });
             }
             this.setRequiredToInputs();
@@ -90084,12 +90034,10 @@ class IgxPivotDataSelectorComponent {
     get dims() {
         return this._grid?.allDimensions || [];
     }
-    ;
     /** @hidden @internal */
     get values() {
         return this._grid?.pivotConfiguration.values || [];
     }
-    ;
     constructor(renderer, cdr) {
         this.renderer = renderer;
         this.cdr = cdr;