igniteui-angular 12.3.31 → 12.3.34

package/bundles/igniteui-angular.umd.js

@@ -1457,6 +1457,14 @@
         }
         return obj1 === obj2;
     };
+    /**
+     * Checks if provided variable is the value NaN
+     *
+     * @param value Value to check
+     * @returns true if provided variable is NaN
+     * @hidden
+     */
+    var isNaNvalue = function (value) { return isNaN(value) && value !== undefined && typeof value !== 'string'; };
     /**
      * Utility service taking care of various utility functions such as
      * detecting browser features, general cross browser DOM manipulation, etc.
@@ -18395,9 +18403,6 @@
             if (sel === undefined) {
                 sel = this.get_empty();
             }
-            if (!itemID && itemID !== 0) {
-                throw Error('Invalid value for item id!');
-            }
             sel.add(itemID);
             return sel;
         };
@@ -23985,7 +23990,7 @@
                 for (var elementsFromPoint_1 = __values(elementsFromPoint), elementsFromPoint_1_1 = elementsFromPoint_1.next(); !elementsFromPoint_1_1.done; elementsFromPoint_1_1 = elementsFromPoint_1.next()) {
                     var elFromPoint = elementsFromPoint_1_1.value;
                     if (!!(elFromPoint === null || elFromPoint === void 0 ? void 0 : elFromPoint.shadowRoot)) {
-                        targetElements = targetElements.concat(this.getFromShadowRoot(elFromPoint, pageX, pageY));
+                        targetElements = targetElements.concat(this.getFromShadowRoot(elFromPoint, pageX, pageY, elementsFromPoint));
                     }
                     else if (targetElements.indexOf(elFromPoint) === -1) {
                         targetElements.push(elFromPoint);
@@ -24037,22 +24042,24 @@
          * @hidden
          * Traverse shadow dom in depth.
          */
-        IgxDragDirective.prototype.getFromShadowRoot = function (elem, pageX, pageY) {
+        IgxDragDirective.prototype.getFromShadowRoot = function (elem, pageX, pageY, parentDomElems) {
             var e_3, _a;
             var elementsFromPoint = elem.shadowRoot.elementsFromPoint(pageX, pageY);
-            var res = elementsFromPoint;
+            var shadowElements = elementsFromPoint.filter(function (cur) { return parentDomElems.indexOf(cur) === -1; });
+            var res = [];
             try {
-                for (var elementsFromPoint_2 = __values(elementsFromPoint), elementsFromPoint_2_1 = elementsFromPoint_2.next(); !elementsFromPoint_2_1.done; elementsFromPoint_2_1 = elementsFromPoint_2.next()) {
-                    var elFromPoint = elementsFromPoint_2_1.value;
+                for (var shadowElements_1 = __values(shadowElements), shadowElements_1_1 = shadowElements_1.next(); !shadowElements_1_1.done; shadowElements_1_1 = shadowElements_1.next()) {
+                    var elFromPoint = shadowElements_1_1.value;
                     if (!!(elFromPoint === null || elFromPoint === void 0 ? void 0 : elFromPoint.shadowRoot) && elFromPoint.shadowRoot !== elem.shadowRoot) {
-                        res = res.concat(this.getFromShadowRoot(elFromPoint, pageX, pageY));
+                        res = res.concat(this.getFromShadowRoot(elFromPoint, pageX, pageY, elementsFromPoint));
                     }
+                    res.push(elFromPoint);
                 }
             }
             catch (e_3_1) { e_3 = { error: e_3_1 }; }
             finally {
                 try {
-                    if (elementsFromPoint_2_1 && !elementsFromPoint_2_1.done && (_a = elementsFromPoint_2.return)) _a.call(elementsFromPoint_2);
+                    if (shadowElements_1_1 && !shadowElements_1_1.done && (_a = shadowElements_1.return)) _a.call(shadowElements_1);
                 }
                 finally { if (e_3) throw e_3.error; }
             }
@@ -39205,9 +39212,6 @@
         };
         IgxComboAPIService.prototype.set_selected_item = function (itemID, event) {
             var selected = this.combo.isItemSelected(itemID);
-            if (!itemID && itemID !== 0) {
-                return;
-            }
             if (!selected) {
                 this.combo.select([itemID], false, event);
             }
@@ -40188,11 +40192,10 @@
             if (!this.searchValue) {
                 return;
             }
-            var newValue = this.searchValue.trim();
             var addedItem = this.displayKey ? (_b = {},
-                _b[this.valueKey] = newValue,
-                _b[this.displayKey] = newValue,
-                _b) : newValue;
+                _b[this.valueKey] = this.searchValue,
+                _b[this.displayKey] = this.searchValue,
+                _b) : this.searchValue;
             if (this.groupKey) {
                 Object.assign(addedItem, (_c = {}, _c[this.groupKey] = this.defaultFallbackGroup, _c));
             }
@@ -40319,7 +40322,10 @@
                 return keys;
             }
             // map keys vs. filter data to retain the order of the selected items
-            return keys.map(function (key) { return _this.data.find(function (entry) { return entry[_this.valueKey] === key; }); }).filter(function (e) { return e !== undefined; });
+            return keys.map(function (key) { return isNaNvalue(key)
+                ? _this.data.find(function (entry) { return isNaNvalue(entry[_this.valueKey]); })
+                : _this.data.find(function (entry) { return entry[_this.valueKey] === key; }); })
+                .filter(function (e) { return e !== undefined; });
         };
         IgxComboBaseDirective.prototype.checkMatch = function () {
             var itemMatch = this.filteredData.some(this.findMatch);
@@ -40732,20 +40738,6 @@
         children: [{ type: i0.ContentChildren, args: [IgxComboItemComponent, { descendants: true },] }]
     };
 
-    /** @hidden */
-    var IgxComboCleanPipe = /** @class */ (function () {
-        function IgxComboCleanPipe() {
-        }
-        IgxComboCleanPipe.prototype.transform = function (collection) {
-            return collection.filter(function (e) { return !!e; });
-        };
-        return IgxComboCleanPipe;
-    }());
-    IgxComboCleanPipe.decorators = [
-        { type: i0.Pipe, args: [{
-                    name: 'comboClean'
-                },] }
-    ];
     /** @hidden */
     var IgxComboFilteringPipe = /** @class */ (function () {
         function IgxComboFilteringPipe() {
@@ -40759,7 +40751,7 @@
                 return collection;
             }
             else {
-                var searchTerm_1 = filteringOptions.caseSensitive ? searchValue.trim() : searchValue.toLowerCase().trim();
+                var searchTerm_1 = filteringOptions.caseSensitive ? searchValue : searchValue.toLowerCase();
                 if (displayKey != null) {
                     return collection.filter(function (e) {
                         var _a, _b;
@@ -40776,9 +40768,7 @@
         return IgxComboFilteringPipe;
     }());
     IgxComboFilteringPipe.decorators = [
-        { type: i0.Pipe, args: [{
-                    name: 'comboFiltering'
-                },] }
+        { type: i0.Pipe, args: [{ name: 'comboFiltering' },] }
     ];
     /** @hidden */
     var IgxComboGroupingPipe = /** @class */ (function () {
@@ -41094,9 +41084,6 @@
          */
         IgxComboComponent.prototype.setSelectedItem = function (itemID, select, event) {
             if (select === void 0) { select = true; }
-            if (itemID === null || itemID === undefined) {
-                return;
-            }
             if (select) {
                 this.select([itemID], false, event);
             }
@@ -41221,7 +41208,6 @@
                         IgxComboFilteringPipe, IgxComboDropDownComponent, IgxComboAddItemComponent,
                         IgxComboItemDirective,
                         IgxComboEmptyDirective,
-                        IgxComboCleanPipe,
                         IgxComboHeaderItemDirective,
                         IgxComboHeaderDirective,
                         IgxComboFooterDirective,
@@ -41231,7 +41217,6 @@
                     exports: [IgxComboComponent, IgxComboItemComponent, IgxComboDropDownComponent, IgxComboAddItemComponent,
                         IgxComboGroupingPipe,
                         IgxComboFilteringPipe,
-                        IgxComboCleanPipe,
                         IgxComboItemDirective,
                         IgxComboEmptyDirective,
                         IgxComboHeaderItemDirective,
@@ -41298,7 +41283,7 @@
                     return true;
                 }
                 var searchValue = _this.searchValue || _this.comboInput.value;
-                return !!searchValue && value.toString().toLowerCase().includes(searchValue.trim().toLowerCase());
+                return !!searchValue && value.toString().toLowerCase().includes(searchValue.toLowerCase());
             };
             _this.comboAPI.register(_this);
             return _this;
@@ -41435,7 +41420,7 @@
             if (this.collapsed && this.comboInput.focused) {
                 this.open();
             }
-            if (!this.comboInput.value.trim()) {
+            if (!this.comboInput.value.trim() && this.selectionService.size(this.id) > 0) {
                 // handle clearing of input by space
                 this.clearSelection();
                 this._onChangeCallback(null);
@@ -41501,13 +41486,6 @@
             this.comboInput.focus();
         };
         /** @hidden @internal */
-        IgxSimpleComboComponent.prototype.onBlur = function () {
-            if (this.collapsed && !this.selectedItem) {
-                this.clearOnBlur();
-            }
-            _super.prototype.onBlur.call(this);
-        };
-        /** @hidden @internal */
         IgxSimpleComboComponent.prototype.onFocus = function () {
             this._internalFilter = this.comboInput.value || '';
         };
@@ -41581,10 +41559,17 @@
                 owner: this,
                 cancel: false
             };
-            this.selectionChanging.emit(args);
+            // additional checks when selecting and clearing an item with valueKey=undefined
+            // as the event should emit when args.newSelection differs from args.oldSelection
+            // however in this case both args.newSelection and args.oldSelection are 'undefined'
+            if (args.newSelection !== args.oldSelection
+                || args.newSelection === undefined && (newSelection === null || newSelection === void 0 ? void 0 : newSelection.size) > 0
+                || args.oldSelection === undefined && oldSelectionAsArray.length > 0) {
+                this.selectionChanging.emit(args);
+            }
+            // TODO: refactor below code as it sets the selection and the display text
             if (!args.cancel) {
-                var argsSelection = args.newSelection !== undefined
-                    && args.newSelection !== null
+                var argsSelection = (newSelection === null || newSelection === void 0 ? void 0 : newSelection.size) > 0
                     ? args.newSelection
                     : [];
                 argsSelection = Array.isArray(argsSelection) ? argsSelection : [argsSelection];
@@ -41603,6 +41588,7 @@
         };
         IgxSimpleComboComponent.prototype.createDisplayText = function (newSelection, oldSelection) {
             var _this = this;
+            var _a;
             if (this.isRemote) {
                 return this.getRemoteSelection(newSelection, oldSelection);
             }
@@ -41610,7 +41596,7 @@
                 && newSelection.length > 0) {
                 return this.convertKeysToItems(newSelection).map(function (e) { return e[_this.displayKey]; })[0];
             }
-            return newSelection[0] || '';
+            return ((_a = newSelection[0]) === null || _a === void 0 ? void 0 : _a.toString()) || '';
         };
         IgxSimpleComboComponent.prototype.clearSelection = function (ignoreFilter) {
             var newSelection = this.selectionService.get_empty();
@@ -41621,7 +41607,7 @@
         };
         IgxSimpleComboComponent.prototype.clearOnBlur = function () {
             var filtered = this.filteredData.find(this.findAllMatches);
-            if (filtered === undefined || filtered === null || !this.selectedItem) {
+            if (filtered === undefined || filtered === null || this.selectionService.size(this.id) === 0) {
                 this.clearAndClose();
                 return;
             }
@@ -41633,11 +41619,8 @@
             return !!this._internalFilter && this._internalFilter.length !== this.getElementVal(filtered).length;
         };
         IgxSimpleComboComponent.prototype.getElementVal = function (element) {
-            if (!element) {
-                return null;
-            }
             var elementVal = this.displayKey ? element[this.displayKey] : element;
-            return (elementVal === 0 ? '0' : elementVal) || '';
+            return String(elementVal);
         };
         IgxSimpleComboComponent.prototype.clearAndClose = function () {
             this.clearSelection(true);
@@ -41652,7 +41635,7 @@
     IgxSimpleComboComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'igx-simple-combo',
-                    template: "<igx-input-group #inputGroup [displayDensity]=\"displayDensity\" [suppressInputAutofocus]=\"true\" [type]=\"type\">\n    <ng-container ngProjectAs=\"[igxLabel]\">\n        <ng-content select=\"[igxLabel]\"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs=\"igx-prefix\">\n        <ng-content select=\"igx-prefix\"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs=\"igx-hint, [igxHint]\">\n        <ng-content select=\"igx-hint, [igxHint]\"></ng-content>\n    </ng-container>\n\n    <input #comboInput igxInput [value]=\"value\" (focus)=\"onFocus()\" (input)=\"handleInputChange($event)\" (keyup)=\"handleKeyUp($event)\"\n        (keydown)=\"handleKeyDown($event)\" (blur)=\"onBlur()\" [attr.placeholder]=\"placeholder\" aria-autocomplete=\"both\"\n        [attr.aria-owns]=\"dropdown.id\" [attr.aria-labelledby]=\"ariaLabelledBy\" [disabled]=\"disabled\"\n        [igxTextSelection]=\"!composing\" />\n\n    <ng-container ngProjectAs=\"igx-suffix\">\n        <ng-content select=\"igx-suffix\"></ng-content>\n    </ng-container>\n    <igx-suffix *ngIf=\"comboInput.value.length\" aria-label=\"Clear Selection\" class=\"igx-combo__clear-button\"\n        (click)=\"handleClear($event)\">\n        <ng-container *ngIf=\"clearIconTemplate\">\n            <ng-container *ngTemplateOutlet=\"clearIconTemplate\"></ng-container>\n        </ng-container>\n        <igx-icon *ngIf=\"!clearIconTemplate\">\n            clear\n        </igx-icon>\n    </igx-suffix>\n    <igx-suffix *ngIf=\"showSearchCaseIcon\">\n        <igx-icon family=\"imx-icons\" name=\"case-sensitive\" [active]=\"filteringOptions.caseSensitive\"\n            (click)=\"toggleCaseSensitive()\">\n        </igx-icon>\n    </igx-suffix>\n    <igx-suffix class=\"igx-combo__toggle-button\">\n        <ng-container *ngIf=\"toggleIconTemplate\">\n            <ng-container *ngTemplateOutlet=\"toggleIconTemplate; context: {$implicit: collapsed}\"></ng-container>\n        </ng-container>\n        <igx-icon (click)=\"onClick($event)\" *ngIf=\"!toggleIconTemplate\">\n            {{ dropdown.collapsed ? 'arrow_drop_down' : 'arrow_drop_up'}}\n        </igx-icon>\n    </igx-suffix>\n</igx-input-group>\n\n<igx-combo-drop-down #igxComboDropDown class=\"igx-combo__drop-down\" [displayDensity]=\"displayDensity\"\n    [width]=\"itemsWidth || '100%'\" (opening)=\"handleOpening($event)\" (closing)=\"handleClosing($event)\"\n    (opened)=\"handleOpened()\" (closed)=\"handleClosed()\" [singleMode]=\"true\">\n    <ng-container *ngTemplateOutlet=\"headerTemplate\">\n    </ng-container>\n    <div #dropdownItemContainer class=\"igx-combo__content\" [style.overflow]=\"'hidden'\"\n        [style.maxHeight.px]=\"itemsMaxHeight\" [igxDropDownItemNavigation]=\"dropdown\" (focus)=\"dropdown.onFocus()\"\n        [tabindex]=\"dropdown.collapsed ? -1 : 0\" role=\"listbox\" [attr.id]=\"dropdown.id\"\n        (keydown)=\"handleItemKeyDown($event)\">\n        <igx-combo-item role=\"option\" [singleMode]=\"true\" [itemHeight]='itemHeight' (click)=\"handleItemClick()\" *igxFor=\"let item of data\n            | comboClean\n            | comboFiltering:filterValue:displayKey:filteringOptions:true\n            | comboGrouping:groupKey:valueKey\n            index as rowIndex; containerSize: itemsMaxHeight; scrollOrientation: 'vertical'; itemSize: itemHeight\"\n            [value]=\"item\" [isHeader]=\"item.isHeader\" [index]=\"rowIndex\">\n            <ng-container *ngIf=\"item.isHeader\">\n                <ng-container\n                    *ngTemplateOutlet=\"headerItemTemplate ? headerItemTemplate : headerItemBase;\n                    context: {$implicit: item, data: data, valueKey: valueKey, groupKey: groupKey, displayKey: displayKey}\">\n                </ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"!item.isHeader\">\n                <ng-container #listItem\n                    *ngTemplateOutlet=\"template; context: {$implicit: item, data: data, valueKey: valueKey, displayKey: displayKey};\">\n                </ng-container>\n            </ng-container>\n        </igx-combo-item>\n    </div>\n\n    <div class=\"igx-combo__add\" *ngIf=\"filteredData.length === 0 || isAddButtonVisible()\">\n        <div class=\"igx-combo__empty\" *ngIf=\"filteredData.length === 0\">\n            <ng-container *ngTemplateOutlet=\"emptyTemplate ? emptyTemplate : empty\">\n            </ng-container>\n        </div>\n        <igx-combo-add-item #addItem [itemHeight]=\"itemHeight\" *ngIf=\"isAddButtonVisible()\"\n            [tabindex]=\"dropdown.collapsed ? -1 : customValueFlag ? 1 : -1\" class=\"igx-combo__add-item\" role=\"button\"\n            aria-label=\"Add Item\" [index]=\"virtualScrollContainer.igxForOf.length\">\n            <ng-container *ngTemplateOutlet=\"addItemTemplate ? addItemTemplate : addItemDefault\">\n            </ng-container>\n        </igx-combo-add-item>\n    </div>\n    <ng-container *ngTemplateOutlet=\"footerTemplate\">\n    </ng-container>\n</igx-combo-drop-down>\n\n<ng-template #complex let-display let-data=\"data\" let-key=\"displayKey\">\n    {{display[key]}}\n</ng-template>\n<ng-template #primitive let-display>\n    {{display}}\n</ng-template>\n<ng-template #empty>\n    <span>The list is empty</span>\n</ng-template>\n<ng-template #addItemDefault let-control>\n    <button igxButton=\"flat\" igxRipple>Add item</button>\n</ng-template>\n<ng-template #headerItemBase let-item let-key=\"valueKey\" let-groupKey=\"groupKey\">\n    {{ item[key] }}\n</ng-template>\n",
+                    template: "<igx-input-group #inputGroup [displayDensity]=\"displayDensity\" [suppressInputAutofocus]=\"true\" [type]=\"type\">\n    <ng-container ngProjectAs=\"[igxLabel]\">\n        <ng-content select=\"[igxLabel]\"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs=\"igx-prefix\">\n        <ng-content select=\"igx-prefix\"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs=\"igx-hint, [igxHint]\">\n        <ng-content select=\"igx-hint, [igxHint]\"></ng-content>\n    </ng-container>\n\n    <input #comboInput igxInput [value]=\"value\" (focus)=\"onFocus()\" (input)=\"handleInputChange($event)\" (keyup)=\"handleKeyUp($event)\"\n        (keydown)=\"handleKeyDown($event)\" (blur)=\"onBlur()\" [attr.placeholder]=\"placeholder\" aria-autocomplete=\"both\"\n        [attr.aria-owns]=\"dropdown.id\" [attr.aria-labelledby]=\"ariaLabelledBy\" [disabled]=\"disabled\"\n        [igxTextSelection]=\"!composing\" />\n\n    <ng-container ngProjectAs=\"igx-suffix\">\n        <ng-content select=\"igx-suffix\"></ng-content>\n    </ng-container>\n    <igx-suffix *ngIf=\"comboInput.value.length\" aria-label=\"Clear Selection\" class=\"igx-combo__clear-button\"\n        (click)=\"handleClear($event)\">\n        <ng-container *ngIf=\"clearIconTemplate\">\n            <ng-container *ngTemplateOutlet=\"clearIconTemplate\"></ng-container>\n        </ng-container>\n        <igx-icon *ngIf=\"!clearIconTemplate\">\n            clear\n        </igx-icon>\n    </igx-suffix>\n    <igx-suffix *ngIf=\"showSearchCaseIcon\">\n        <igx-icon family=\"imx-icons\" name=\"case-sensitive\" [active]=\"filteringOptions.caseSensitive\"\n            (click)=\"toggleCaseSensitive()\">\n        </igx-icon>\n    </igx-suffix>\n    <igx-suffix class=\"igx-combo__toggle-button\">\n        <ng-container *ngIf=\"toggleIconTemplate\">\n            <ng-container *ngTemplateOutlet=\"toggleIconTemplate; context: {$implicit: collapsed}\"></ng-container>\n        </ng-container>\n        <igx-icon (click)=\"onClick($event)\" *ngIf=\"!toggleIconTemplate\">\n            {{ dropdown.collapsed ? 'arrow_drop_down' : 'arrow_drop_up'}}\n        </igx-icon>\n    </igx-suffix>\n</igx-input-group>\n\n<igx-combo-drop-down #igxComboDropDown class=\"igx-combo__drop-down\" [displayDensity]=\"displayDensity\"\n    [width]=\"itemsWidth || '100%'\" (opening)=\"handleOpening($event)\" (closing)=\"handleClosing($event)\"\n    (opened)=\"handleOpened()\" (closed)=\"handleClosed()\" [singleMode]=\"true\">\n    <ng-container *ngTemplateOutlet=\"headerTemplate\">\n    </ng-container>\n    <div #dropdownItemContainer class=\"igx-combo__content\" [style.overflow]=\"'hidden'\"\n        [style.maxHeight.px]=\"itemsMaxHeight\" [igxDropDownItemNavigation]=\"dropdown\" (focus)=\"dropdown.onFocus()\"\n        [tabindex]=\"dropdown.collapsed ? -1 : 0\" role=\"listbox\" [attr.id]=\"dropdown.id\"\n        (keydown)=\"handleItemKeyDown($event)\">\n        <igx-combo-item role=\"option\" [singleMode]=\"true\" [itemHeight]='itemHeight' (click)=\"handleItemClick()\" *igxFor=\"let item of data\n            | comboFiltering:filterValue:displayKey:filteringOptions:true\n            | comboGrouping:groupKey:valueKey\n            index as rowIndex; containerSize: itemsMaxHeight; scrollOrientation: 'vertical'; itemSize: itemHeight\"\n            [value]=\"item\" [isHeader]=\"item.isHeader\" [index]=\"rowIndex\">\n            <ng-container *ngIf=\"item.isHeader\">\n                <ng-container\n                    *ngTemplateOutlet=\"headerItemTemplate ? headerItemTemplate : headerItemBase;\n                    context: {$implicit: item, data: data, valueKey: valueKey, groupKey: groupKey, displayKey: displayKey}\">\n                </ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"!item.isHeader\">\n                <ng-container #listItem\n                    *ngTemplateOutlet=\"template; context: {$implicit: item, data: data, valueKey: valueKey, displayKey: displayKey};\">\n                </ng-container>\n            </ng-container>\n        </igx-combo-item>\n    </div>\n\n    <div class=\"igx-combo__add\" *ngIf=\"filteredData.length === 0 || isAddButtonVisible()\">\n        <div class=\"igx-combo__empty\" *ngIf=\"filteredData.length === 0\">\n            <ng-container *ngTemplateOutlet=\"emptyTemplate ? emptyTemplate : empty\">\n            </ng-container>\n        </div>\n        <igx-combo-add-item #addItem [itemHeight]=\"itemHeight\" *ngIf=\"isAddButtonVisible()\"\n            [tabindex]=\"dropdown.collapsed ? -1 : customValueFlag ? 1 : -1\" class=\"igx-combo__add-item\" role=\"button\"\n            aria-label=\"Add Item\" [index]=\"virtualScrollContainer.igxForOf.length\">\n            <ng-container *ngTemplateOutlet=\"addItemTemplate ? addItemTemplate : addItemDefault\">\n            </ng-container>\n        </igx-combo-add-item>\n    </div>\n    <ng-container *ngTemplateOutlet=\"footerTemplate\">\n    </ng-container>\n</igx-combo-drop-down>\n\n<ng-template #complex let-display let-data=\"data\" let-key=\"displayKey\">\n    {{display[key]}}\n</ng-template>\n<ng-template #primitive let-display>\n    {{display}}\n</ng-template>\n<ng-template #empty>\n    <span>The list is empty</span>\n</ng-template>\n<ng-template #addItemDefault let-control>\n    <button igxButton=\"flat\" igxRipple>Add item</button>\n</ng-template>\n<ng-template #headerItemBase let-item let-key=\"valueKey\" let-groupKey=\"groupKey\">\n    {{ item[key] }}\n</ng-template>\n",
                     providers: [
                         IgxComboAPIService,
                         { provide: IGX_COMBO_COMPONENT, useExisting: IgxSimpleComboComponent },
@@ -60193,6 +60176,9 @@
          * @internal
          */
         IgxGridBaseDirective.prototype.copyHandler = function (event) {
+            if (this.isFilterInput(event)) {
+                return;
+            }
             var selectedColumns = this.gridAPI.grid.selectedColumns();
             var columnData = this.getSelectedColumnsData(this.clipboardOptions.copyFormatters, this.clipboardOptions.copyHeaders);
             var selectedData;
@@ -61932,6 +61918,18 @@
             return !rec.expression && !rec.summaries && !rec.childGridsData && !rec.detailsData &&
                 !this.isGhostRecordAtIndex(dataViewIndex);
         };
+        IgxGridBaseDirective.prototype.isFilterInput = function (event) {
+            var eventComposedPath = event.composedPath ? event.composedPath() : [];
+            if (!eventComposedPath.length) {
+                var target = event.target;
+                while (target.parentNode !== null) {
+                    eventComposedPath.push(target);
+                    target = target.parentNode;
+                }
+            }
+            var eventPathElements = eventComposedPath.map(function (el) { var _a; return (_a = el.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase(); });
+            return eventPathElements.includes('igx-grid-filtering-row') || eventPathElements.includes('igx-grid-filtering-cell');
+        };
         /**
          * Returns if the record at the specified data view index is a ghost.
          * If record is pinned but is not in pinned area then it is a ghost record.
@@ -64423,7 +64421,7 @@
     IgxPageNavigationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'igx-page-nav',
-                    template: "<button\n    [title]=\"paginator.resourceStrings.igx_paginator_first_page_button_text\"\n    [disabled]=\"paginator.isFirstPageDisabled\"\n    [attr.aria-disabled]=\"paginator.isFirstPageDisabled\"\n    (click)=\"paginator.paginate(0)\"\n    igxButton=\"icon\"\n    igxRipple\n    [igxRippleCentered]=\"true\"\n>\n    <igx-icon>first_page</igx-icon>\n</button>\n<button\n    [title]=\"paginator.resourceStrings.igx_paginator_previous_page_button_text\"\n    [disabled]=\"paginator.isFirstPageDisabled\"\n    [attr.aria-disabled]=\"paginator.isFirstPageDisabled\"\n    (click)=\"paginator.previousPage()\"\n    igxButton=\"icon\"\n    igxRipple\n    [igxRippleCentered]=\"true\"\n>\n    <igx-icon>chevron_left</igx-icon>\n</button>\n<div class=\"igx-page-nav__text\" aria-current=\"page\">\n    <span>{{ paginator.page + 1 }}</span>\n    <span\n        >&nbsp;{{\n            paginator.resourceStrings.igx_paginator_pager_text\n        }}&nbsp;</span\n    >\n    <span>{{ paginator.totalPages }}</span>\n</div>\n<button\n    [title]=\"paginator.resourceStrings.igx_paginator_next_page_button_text\"\n    [disabled]=\"paginator.isLastPageDisabled\"\n    [attr.aria-disabled]=\"paginator.isLastPageDisabled\"\n    (click)=\"paginator.nextPage()\"\n    igxRipple\n    [igxRippleCentered]=\"true\"\n    igxButton=\"icon\"\n>\n    <igx-icon>chevron_right</igx-icon>\n</button>\n<button\n    [title]=\"paginator.resourceStrings.igx_paginator_last_page_button_text\"\n    [disabled]=\"paginator.isLastPageDisabled\"\n    [attr.aria-disabled]=\"paginator.isLastPageDisabled\"\n    (click)=\"paginator.paginate(paginator.totalPages - 1)\"\n    igxButton=\"icon\"\n    igxRipple\n    [igxRippleCentered]=\"true\"\n>\n    <igx-icon>last_page</igx-icon>\n</button>\n\n"
+                    template: "<button\n    [title]=\"paginator.resourceStrings.igx_paginator_first_page_button_text\"\n    [disabled]=\"paginator.isFirstPageDisabled\"\n    [attr.aria-disabled]=\"paginator.isFirstPageDisabled\"\n    (click)=\"paginator.paginate(0)\"\n    igxButton=\"icon\"\n    igxRipple\n    [igxRippleCentered]=\"true\"\n    type=\"button\"\n>\n    <igx-icon>first_page</igx-icon>\n</button>\n<button\n    [title]=\"paginator.resourceStrings.igx_paginator_previous_page_button_text\"\n    [disabled]=\"paginator.isFirstPageDisabled\"\n    [attr.aria-disabled]=\"paginator.isFirstPageDisabled\"\n    (click)=\"paginator.previousPage()\"\n    igxButton=\"icon\"\n    igxRipple\n    [igxRippleCentered]=\"true\"\n    type=\"button\"\n>\n    <igx-icon>chevron_left</igx-icon>\n</button>\n<div class=\"igx-page-nav__text\" aria-current=\"page\">\n    <span>{{ paginator.page + 1 }}</span>\n    <span\n        >&nbsp;{{\n            paginator.resourceStrings.igx_paginator_pager_text\n        }}&nbsp;</span\n    >\n    <span>{{ paginator.totalPages }}</span>\n</div>\n<button\n    [title]=\"paginator.resourceStrings.igx_paginator_next_page_button_text\"\n    [disabled]=\"paginator.isLastPageDisabled\"\n    [attr.aria-disabled]=\"paginator.isLastPageDisabled\"\n    (click)=\"paginator.nextPage()\"\n    igxRipple\n    [igxRippleCentered]=\"true\"\n    igxButton=\"icon\"\n    type=\"button\"\n>\n    <igx-icon>chevron_right</igx-icon>\n</button>\n<button\n    [title]=\"paginator.resourceStrings.igx_paginator_last_page_button_text\"\n    [disabled]=\"paginator.isLastPageDisabled\"\n    [attr.aria-disabled]=\"paginator.isLastPageDisabled\"\n    (click)=\"paginator.paginate(paginator.totalPages - 1)\"\n    igxButton=\"icon\"\n    igxRipple\n    [igxRippleCentered]=\"true\"\n    type=\"button\"\n>\n    <igx-icon>last_page</igx-icon>\n</button>\n\n"
                 },] }
     ];
     IgxPageNavigationComponent.ctorParameters = function () { return [
@@ -70190,7 +70188,6 @@
          * @hidden @internal
          */
         IgxGridComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
             _super.prototype.ngAfterContentInit.call(this);
             if (this.allowFiltering && this.hasColumnLayouts) {
                 this.filterMode = FilterMode.excelStyleFilter;
@@ -70198,7 +70195,6 @@
             if (this.groupTemplate) {
                 this._groupRowTemplate = this.groupTemplate.template;
             }
-            this.detailTemplate.changes.subscribe(function () { return _this.trackChanges = function (_, rec) { return ((rec === null || rec === void 0 ? void 0 : rec.detailsData) !== undefined ? rec.detailsData : rec); }; });
             if (this.hideGroupedColumns && this._columns && this.groupingExpressions) {
                 this._setGroupColsVisibility(this.hideGroupedColumns);
             }
@@ -70239,6 +70235,7 @@
         IgxGridComponent.prototype.ngOnInit = function () {
             var _this = this;
             _super.prototype.ngOnInit.call(this);
+            this.trackChanges = function (_, rec) { return ((rec === null || rec === void 0 ? void 0 : rec.detailsData) !== undefined ? rec.detailsData : rec); };
             this.onGroupingDone.pipe(operators.takeUntil(this.destroy$)).subscribe(function (args) {
                 _this.crudService.endEdit(false);
                 _this.summaryService.updateSummaryCache(args);
@@ -87230,161 +87227,160 @@
     exports["ɵbw"] = IgxComboAPIService;
     exports["ɵbx"] = IgxComboDropDownComponent;
     exports["ɵby"] = IgxComboItemComponent;
-    exports["ɵbz"] = IgxComboCleanPipe;
-    exports["ɵca"] = IgxComboFilteringPipe;
-    exports["ɵcb"] = IgxComboGroupingPipe;
-    exports["ɵcc"] = IgxComboAddItemComponent;
-    exports["ɵcd"] = PickerBaseDirective;
-    exports["ɵce"] = IgxCalendarContainerComponent;
-    exports["ɵcf"] = IgxCalendarContainerModule;
-    exports["ɵcg"] = IgxDialogTitleDirective;
-    exports["ɵch"] = IgxDialogActionsDirective;
-    exports["ɵci"] = IgxCellCrudState;
-    exports["ɵcj"] = IgxRowCrudState;
-    exports["ɵck"] = IgxRowAddCrudState;
-    exports["ɵcl"] = IgxGridCRUDService;
-    exports["ɵcm"] = IgxColumnMovingService;
-    exports["ɵcn"] = IgxExcelStyleCustomDialogComponent;
-    exports["ɵco"] = IgxExcelStyleDefaultExpressionComponent;
-    exports["ɵcp"] = IgxExcelStyleDateExpressionComponent;
-    exports["ɵcq"] = HammerGesturesManager;
-    exports["ɵcr"] = WatchChanges;
-    exports["ɵcs"] = WatchColumnChanges;
-    exports["ɵct"] = notifyChanges;
-    exports["ɵcu"] = IgxNotificationsDirective;
-    exports["ɵcv"] = IgxGridColumnResizerComponent;
-    exports["ɵcw"] = IgxColumnResizerDirective;
-    exports["ɵcx"] = IgxColumnResizingService;
-    exports["ɵcy"] = IgxRowSelectorDirective;
-    exports["ɵcz"] = IgxGroupByRowSelectorDirective;
+    exports["ɵbz"] = IgxComboFilteringPipe;
+    exports["ɵca"] = IgxComboGroupingPipe;
+    exports["ɵcb"] = IgxComboAddItemComponent;
+    exports["ɵcc"] = PickerBaseDirective;
+    exports["ɵcd"] = IgxCalendarContainerComponent;
+    exports["ɵce"] = IgxCalendarContainerModule;
+    exports["ɵcf"] = IgxDialogTitleDirective;
+    exports["ɵcg"] = IgxDialogActionsDirective;
+    exports["ɵch"] = IgxCellCrudState;
+    exports["ɵci"] = IgxRowCrudState;
+    exports["ɵcj"] = IgxRowAddCrudState;
+    exports["ɵck"] = IgxGridCRUDService;
+    exports["ɵcl"] = IgxColumnMovingService;
+    exports["ɵcm"] = IgxExcelStyleCustomDialogComponent;
+    exports["ɵcn"] = IgxExcelStyleDefaultExpressionComponent;
+    exports["ɵco"] = IgxExcelStyleDateExpressionComponent;
+    exports["ɵcp"] = HammerGesturesManager;
+    exports["ɵcq"] = WatchChanges;
+    exports["ɵcr"] = WatchColumnChanges;
+    exports["ɵcs"] = notifyChanges;
+    exports["ɵct"] = IgxNotificationsDirective;
+    exports["ɵcu"] = IgxGridColumnResizerComponent;
+    exports["ɵcv"] = IgxColumnResizerDirective;
+    exports["ɵcw"] = IgxColumnResizingService;
+    exports["ɵcx"] = IgxRowSelectorDirective;
+    exports["ɵcy"] = IgxGroupByRowSelectorDirective;
+    exports["ɵcz"] = IgxHeadSelectorDirective;
     exports["ɵd"] = IgxGridSelectionService;
-    exports["ɵda"] = IgxHeadSelectorDirective;
-    exports["ɵdb"] = IgxRowDragDirective;
-    exports["ɵdc"] = IgxDragIndicatorIconDirective;
-    exports["ɵdd"] = IgxRowDragGhostDirective;
-    exports["ɵde"] = IgxRowDragModule;
-    exports["ɵdf"] = IgxGridHeaderRowComponent;
-    exports["ɵdg"] = IgxGridHeaderGroupComponent;
-    exports["ɵdh"] = IgxGridHeaderComponent;
-    exports["ɵdi"] = IgxGridFilteringCellComponent;
-    exports["ɵdj"] = IgxFilteringService;
-    exports["ɵdk"] = IgxGridFilteringRowComponent;
-    exports["ɵdl"] = IgxGridGroupByAreaComponent;
-    exports["ɵdm"] = IgxGroupByAreaDirective;
-    exports["ɵdn"] = IgxGroupByMetaPipe;
-    exports["ɵdo"] = IgxTemplateOutletDirective;
-    exports["ɵdp"] = IgxTemplateOutletModule;
-    exports["ɵdq"] = IgxRowEditTemplateDirective;
-    exports["ɵdr"] = IgxRowEditTextDirective;
-    exports["ɵds"] = IgxRowAddTextDirective;
-    exports["ɵdt"] = IgxRowEditActionsDirective;
-    exports["ɵdu"] = IgxRowEditTabStopDirective;
-    exports["ɵdv"] = IgxSummaryRowComponent;
-    exports["ɵdw"] = IgxSummaryCellComponent;
-    exports["ɵdx"] = IgxRowDirective;
-    exports["ɵdy"] = IgxGridNavigationService;
-    exports["ɵdz"] = IgxGridSummaryService;
-    exports["ɵea"] = ConnectedPositioningStrategy;
-    exports["ɵeb"] = IgxGridGroupByRowComponent;
-    exports["ɵec"] = IgxTreeGridSelectionService;
-    exports["ɵed"] = IgxTreeGridGroupByAreaComponent;
-    exports["ɵee"] = IgxRowLoadingIndicatorTemplateDirective;
-    exports["ɵef"] = IgxHierarchicalGridNavigationService;
-    exports["ɵeg"] = IgxChildGridRowComponent;
-    exports["ɵeh"] = IgxGridCellComponent;
-    exports["ɵei"] = IgxGridFooterComponent;
-    exports["ɵej"] = IgxAdvancedFilteringDialogComponent;
-    exports["ɵek"] = IgxColumnHidingDirective;
-    exports["ɵel"] = IgxColumnPinningDirective;
-    exports["ɵem"] = IgxGridSharedModules;
-    exports["ɵen"] = IgxProcessBarTextTemplateDirective;
-    exports["ɵeo"] = IgxProgressBarGradientDirective;
-    exports["ɵep"] = DIR_DOCUMENT_FACTORY;
-    exports["ɵeq"] = DIR_DOCUMENT;
-    exports["ɵer"] = IgxDirectionality;
-    exports["ɵes"] = IgxSelectItemNavigationDirective;
-    exports["ɵet"] = IGX_TIME_PICKER_COMPONENT;
-    exports["ɵev"] = IgxItemListDirective;
-    exports["ɵew"] = IgxTimeItemDirective;
-    exports["ɵex"] = IgxTimePickerTemplateDirective;
-    exports["ɵey"] = IgxTimePickerActionsDirective;
-    exports["ɵez"] = TimeFormatPipe;
+    exports["ɵda"] = IgxRowDragDirective;
+    exports["ɵdb"] = IgxDragIndicatorIconDirective;
+    exports["ɵdc"] = IgxRowDragGhostDirective;
+    exports["ɵdd"] = IgxRowDragModule;
+    exports["ɵde"] = IgxGridHeaderRowComponent;
+    exports["ɵdf"] = IgxGridHeaderGroupComponent;
+    exports["ɵdg"] = IgxGridHeaderComponent;
+    exports["ɵdh"] = IgxGridFilteringCellComponent;
+    exports["ɵdi"] = IgxFilteringService;
+    exports["ɵdj"] = IgxGridFilteringRowComponent;
+    exports["ɵdk"] = IgxGridGroupByAreaComponent;
+    exports["ɵdl"] = IgxGroupByAreaDirective;
+    exports["ɵdm"] = IgxGroupByMetaPipe;
+    exports["ɵdn"] = IgxTemplateOutletDirective;
+    exports["ɵdo"] = IgxTemplateOutletModule;
+    exports["ɵdp"] = IgxRowEditTemplateDirective;
+    exports["ɵdq"] = IgxRowEditTextDirective;
+    exports["ɵdr"] = IgxRowAddTextDirective;
+    exports["ɵds"] = IgxRowEditActionsDirective;
+    exports["ɵdt"] = IgxRowEditTabStopDirective;
+    exports["ɵdu"] = IgxSummaryRowComponent;
+    exports["ɵdv"] = IgxSummaryCellComponent;
+    exports["ɵdw"] = IgxRowDirective;
+    exports["ɵdx"] = IgxGridNavigationService;
+    exports["ɵdy"] = IgxGridSummaryService;
+    exports["ɵdz"] = ConnectedPositioningStrategy;
+    exports["ɵea"] = IgxGridGroupByRowComponent;
+    exports["ɵeb"] = IgxTreeGridSelectionService;
+    exports["ɵec"] = IgxTreeGridGroupByAreaComponent;
+    exports["ɵed"] = IgxRowLoadingIndicatorTemplateDirective;
+    exports["ɵee"] = IgxHierarchicalGridNavigationService;
+    exports["ɵef"] = IgxChildGridRowComponent;
+    exports["ɵeg"] = IgxGridCellComponent;
+    exports["ɵeh"] = IgxGridFooterComponent;
+    exports["ɵei"] = IgxAdvancedFilteringDialogComponent;
+    exports["ɵej"] = IgxColumnHidingDirective;
+    exports["ɵek"] = IgxColumnPinningDirective;
+    exports["ɵel"] = IgxGridSharedModules;
+    exports["ɵem"] = IgxProcessBarTextTemplateDirective;
+    exports["ɵen"] = IgxProgressBarGradientDirective;
+    exports["ɵeo"] = DIR_DOCUMENT_FACTORY;
+    exports["ɵep"] = DIR_DOCUMENT;
+    exports["ɵeq"] = IgxDirectionality;
+    exports["ɵer"] = IgxSelectItemNavigationDirective;
+    exports["ɵes"] = IGX_TIME_PICKER_COMPONENT;
+    exports["ɵeu"] = IgxItemListDirective;
+    exports["ɵev"] = IgxTimeItemDirective;
+    exports["ɵew"] = IgxTimePickerTemplateDirective;
+    exports["ɵex"] = IgxTimePickerActionsDirective;
+    exports["ɵey"] = TimeFormatPipe;
+    exports["ɵez"] = TimeItemPipe;
     exports["ɵf"] = IGX_EXPANSION_PANEL_COMPONENT;
-    exports["ɵfa"] = TimeItemPipe;
-    exports["ɵfb"] = IgxGridPipesModule;
-    exports["ɵfc"] = IgxGridCellStyleClassesPipe;
-    exports["ɵfd"] = IgxGridCellStylesPipe;
-    exports["ɵfe"] = IgxGridRowClassesPipe;
-    exports["ɵff"] = IgxGridRowStylesPipe;
-    exports["ɵfg"] = IgxGridNotGroupedPipe;
-    exports["ɵfh"] = IgxGridTopLevelColumns;
-    exports["ɵfi"] = IgxGridFilterConditionPipe;
-    exports["ɵfj"] = IgxGridTransactionPipe;
-    exports["ɵfk"] = IgxGridPaginatorOptionsPipe;
-    exports["ɵfl"] = IgxHasVisibleColumnsPipe;
-    exports["ɵfm"] = IgxGridRowPinningPipe;
-    exports["ɵfn"] = IgxColumnActionEnabledPipe;
-    exports["ɵfo"] = IgxFilterActionColumnsPipe;
-    exports["ɵfp"] = IgxSortActionColumnsPipe;
-    exports["ɵfq"] = IgxGridDataMapperPipe;
-    exports["ɵfr"] = IgxStringReplacePipe;
-    exports["ɵfs"] = IgxGridTransactionStatePipe;
-    exports["ɵft"] = IgxColumnFormatterPipe;
-    exports["ɵfu"] = IgxSummaryFormatterPipe;
-    exports["ɵfv"] = IgxGridAddRowPipe;
-    exports["ɵfw"] = IgxHeaderGroupWidthPipe;
-    exports["ɵfx"] = IgxHeaderGroupStylePipe;
-    exports["ɵfy"] = IgxGridColumnModule;
-    exports["ɵfz"] = IgxGridHeadersModule;
+    exports["ɵfa"] = IgxGridPipesModule;
+    exports["ɵfb"] = IgxGridCellStyleClassesPipe;
+    exports["ɵfc"] = IgxGridCellStylesPipe;
+    exports["ɵfd"] = IgxGridRowClassesPipe;
+    exports["ɵfe"] = IgxGridRowStylesPipe;
+    exports["ɵff"] = IgxGridNotGroupedPipe;
+    exports["ɵfg"] = IgxGridTopLevelColumns;
+    exports["ɵfh"] = IgxGridFilterConditionPipe;
+    exports["ɵfi"] = IgxGridTransactionPipe;
+    exports["ɵfj"] = IgxGridPaginatorOptionsPipe;
+    exports["ɵfk"] = IgxHasVisibleColumnsPipe;
+    exports["ɵfl"] = IgxGridRowPinningPipe;
+    exports["ɵfm"] = IgxColumnActionEnabledPipe;
+    exports["ɵfn"] = IgxFilterActionColumnsPipe;
+    exports["ɵfo"] = IgxSortActionColumnsPipe;
+    exports["ɵfp"] = IgxGridDataMapperPipe;
+    exports["ɵfq"] = IgxStringReplacePipe;
+    exports["ɵfr"] = IgxGridTransactionStatePipe;
+    exports["ɵfs"] = IgxColumnFormatterPipe;
+    exports["ɵft"] = IgxSummaryFormatterPipe;
+    exports["ɵfu"] = IgxGridAddRowPipe;
+    exports["ɵfv"] = IgxHeaderGroupWidthPipe;
+    exports["ɵfw"] = IgxHeaderGroupStylePipe;
+    exports["ɵfx"] = IgxGridColumnModule;
+    exports["ɵfy"] = IgxGridHeadersModule;
+    exports["ɵfz"] = SortingIndexPipe;
     exports["ɵg"] = IGX_TREE_COMPONENT;
-    exports["ɵga"] = SortingIndexPipe;
-    exports["ɵgb"] = IgxGridFilteringModule;
-    exports["ɵgc"] = IgxColumnMovingModule;
-    exports["ɵgd"] = IgxColumnMovingDropDirective;
-    exports["ɵge"] = IgxColumnMovingDragDirective;
-    exports["ɵgf"] = IgxGridResizingModule;
-    exports["ɵgg"] = IgxResizeHandleDirective;
-    exports["ɵgh"] = IgxGridExcelStyleFilteringModule;
-    exports["ɵgi"] = IgxGridSelectionModule;
-    exports["ɵgj"] = IgxGridDragSelectDirective;
-    exports["ɵgk"] = IgxGridSummaryModule;
-    exports["ɵgl"] = IgxSummaryDataPipe;
-    exports["ɵgm"] = IgxGridToolbarModule;
-    exports["ɵgn"] = BaseToolbarDirective;
-    exports["ɵgo"] = BaseToolbarColumnActionsDirective;
-    exports["ɵgp"] = IgxGridRowComponent;
-    exports["ɵgq"] = IgxGridSortingPipe;
-    exports["ɵgr"] = IgxGridGroupingPipe;
-    exports["ɵgs"] = IgxGridPagingPipe;
-    exports["ɵgt"] = IgxGridFilteringPipe;
-    exports["ɵgu"] = IgxGridSummaryPipe;
-    exports["ɵgv"] = IgxGridDetailsPipe;
-    exports["ɵgw"] = IgxGridExpandableCellComponent;
-    exports["ɵgx"] = IgxTreeGridRowComponent;
-    exports["ɵgy"] = IgxTreeGridCellComponent;
-    exports["ɵgz"] = IgxTreeGridHierarchizingPipe;
+    exports["ɵga"] = IgxGridFilteringModule;
+    exports["ɵgb"] = IgxColumnMovingModule;
+    exports["ɵgc"] = IgxColumnMovingDropDirective;
+    exports["ɵgd"] = IgxColumnMovingDragDirective;
+    exports["ɵge"] = IgxGridResizingModule;
+    exports["ɵgf"] = IgxResizeHandleDirective;
+    exports["ɵgg"] = IgxGridExcelStyleFilteringModule;
+    exports["ɵgh"] = IgxGridSelectionModule;
+    exports["ɵgi"] = IgxGridDragSelectDirective;
+    exports["ɵgj"] = IgxGridSummaryModule;
+    exports["ɵgk"] = IgxSummaryDataPipe;
+    exports["ɵgl"] = IgxGridToolbarModule;
+    exports["ɵgm"] = BaseToolbarDirective;
+    exports["ɵgn"] = BaseToolbarColumnActionsDirective;
+    exports["ɵgo"] = IgxGridRowComponent;
+    exports["ɵgp"] = IgxGridSortingPipe;
+    exports["ɵgq"] = IgxGridGroupingPipe;
+    exports["ɵgr"] = IgxGridPagingPipe;
+    exports["ɵgs"] = IgxGridFilteringPipe;
+    exports["ɵgt"] = IgxGridSummaryPipe;
+    exports["ɵgu"] = IgxGridDetailsPipe;
+    exports["ɵgv"] = IgxGridExpandableCellComponent;
+    exports["ɵgw"] = IgxTreeGridRowComponent;
+    exports["ɵgx"] = IgxTreeGridCellComponent;
+    exports["ɵgy"] = IgxTreeGridHierarchizingPipe;
+    exports["ɵgz"] = IgxTreeGridFlatteningPipe;
     exports["ɵh"] = IGX_TREE_NODE_COMPONENT;
-    exports["ɵha"] = IgxTreeGridFlatteningPipe;
-    exports["ɵhb"] = IgxTreeGridSortingPipe;
-    exports["ɵhc"] = IgxTreeGridPagingPipe;
-    exports["ɵhd"] = IgxTreeGridTransactionPipe;
-    exports["ɵhe"] = IgxTreeGridNormalizeRecordsPipe;
-    exports["ɵhf"] = IgxTreeGridAddRowPipe;
-    exports["ɵhg"] = IgxTreeGridFilteringPipe;
-    exports["ɵhh"] = IgxTreeGridSummaryPipe;
-    exports["ɵhi"] = IgxHierarchicalRowComponent;
-    exports["ɵhj"] = IgxHierarchicalGridCellComponent;
-    exports["ɵhk"] = IgxSliderThumbComponent;
-    exports["ɵhl"] = IgxThumbLabelComponent;
-    exports["ɵhm"] = IgxTicksComponent;
-    exports["ɵhn"] = IgxTickLabelsPipe;
-    exports["ɵho"] = IgxTabsBase;
-    exports["ɵhp"] = IgxTabHeaderBase;
-    exports["ɵhq"] = IgxTabContentBase;
-    exports["ɵhr"] = IgxSplitBarComponent;
-    exports["ɵhs"] = IgxTreeService;
-    exports["ɵht"] = IgxTreeSelectionService;
-    exports["ɵhu"] = IgxTreeNavigationService;
+    exports["ɵha"] = IgxTreeGridSortingPipe;
+    exports["ɵhb"] = IgxTreeGridPagingPipe;
+    exports["ɵhc"] = IgxTreeGridTransactionPipe;
+    exports["ɵhd"] = IgxTreeGridNormalizeRecordsPipe;
+    exports["ɵhe"] = IgxTreeGridAddRowPipe;
+    exports["ɵhf"] = IgxTreeGridFilteringPipe;
+    exports["ɵhg"] = IgxTreeGridSummaryPipe;
+    exports["ɵhh"] = IgxHierarchicalRowComponent;
+    exports["ɵhi"] = IgxHierarchicalGridCellComponent;
+    exports["ɵhj"] = IgxSliderThumbComponent;
+    exports["ɵhk"] = IgxThumbLabelComponent;
+    exports["ɵhl"] = IgxTicksComponent;
+    exports["ɵhm"] = IgxTickLabelsPipe;
+    exports["ɵhn"] = IgxTabsBase;
+    exports["ɵho"] = IgxTabHeaderBase;
+    exports["ɵhp"] = IgxTabContentBase;
+    exports["ɵhq"] = IgxSplitBarComponent;
+    exports["ɵhr"] = IgxTreeService;
+    exports["ɵhs"] = IgxTreeSelectionService;
+    exports["ɵht"] = IgxTreeNavigationService;
     exports["ɵi"] = PlatformUtil;
     exports["ɵl"] = IgxInputGroupBase;
     exports["ɵm"] = IgxSelectionAPIService;