igniteui-angular 12.3.32 → 12.3.35

package/bundles/igniteui-angular.umd.js

@@ -8133,9 +8133,13 @@
              */
             this.pointerEventInGridBody = false;
             this._ranges = new Set();
-            this.pointerOriginHandler = function () {
+            this.pointerOriginHandler = function (event) {
                 _this.pointerEventInGridBody = false;
                 document.body.removeEventListener('pointerup', _this.pointerOriginHandler);
+                var targetTagName = event.target.tagName.toLowerCase();
+                if (targetTagName !== 'igx-grid-cell' && targetTagName !== 'igx-tree-grid-cell') {
+                    _this.pointerUp(_this._lastSelectedNode, _this.grid.rangeSelected, true);
+                }
             };
             this.initPointerState();
             this.initKeyboardState();
@@ -8261,6 +8265,7 @@
          * and the start node of the `state`.
          */
         IgxGridSelectionService.prototype.generateRange = function (node, state) {
+            this._lastSelectedNode = node;
             if (!state) {
                 return {
                     rowStart: node.row,
@@ -8382,9 +8387,9 @@
             }
             return true;
         };
-        IgxGridSelectionService.prototype.pointerUp = function (node, emitter) {
+        IgxGridSelectionService.prototype.pointerUp = function (node, emitter, firedOutsideGrid) {
             var _this = this;
-            if (this.dragMode) {
+            if (this.dragMode || firedOutsideGrid) {
                 this.restoreTextSelection();
                 this.addRangeMeta(node, this.pointerState);
                 this.mergeMap(this.selection, this.temp);
@@ -23990,7 +23995,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);
@@ -24042,22 +24047,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; }
             }
@@ -25935,6 +25942,11 @@
              * @hidden
              */
             this.inputId = this.id + "-input";
+            /**
+             * @hidden
+             * @internal
+             */
+            this.destroy$ = new rxjs.Subject();
             /**
              * @hidden
              * @internal
@@ -26022,6 +26034,14 @@
         IgxRadioComponent.prototype._clicked = function () {
             this.select();
         };
+        /**
+         * @hidden
+         * @internal
+         */
+        IgxRadioComponent.prototype.ngOnDestroy = function () {
+            this.destroy$.next(true);
+            this.destroy$.complete();
+        };
         /**
          * Selects the current radio button.
          * ```typescript
@@ -26262,6 +26282,11 @@
              * @internal
              */
             this.destroy$ = new rxjs.Subject();
+            /**
+             * @hidden
+             * @internal
+             */
+            this.queryChange$ = new rxjs.Subject();
         }
         Object.defineProperty(IgxRadioGroupDirective.prototype, "value", {
             /**
@@ -26436,8 +26461,9 @@
             // The initial value can possibly be set by NgModel and it is possible that
             // the OnInit of the NgModel occurs after the OnInit of this class.
             this._isInitialized = true;
-            setTimeout(function () {
-                _this._initRadioButtons();
+            this.radioButtons.changes.pipe(operators.startWith(0), operators.takeUntil(this.destroy$)).subscribe(function () {
+                _this.queryChange$.next();
+                setTimeout(function () { return _this._initRadioButtons(); });
             });
         };
         /**
@@ -26510,7 +26536,7 @@
                         button.checked = true;
                         _this._selected = button;
                     }
-                    button.change.pipe(operators.takeUntil(_this.destroy$)).subscribe(function (ev) { return _this._selectedRadioButtonChanged(ev); });
+                    button.change.pipe(operators.takeUntil(button.destroy$), operators.takeUntil(_this.destroy$), operators.takeUntil(_this.queryChange$)).subscribe(function (ev) { return _this._selectedRadioButtonChanged(ev); });
                 });
             }
         };
@@ -48753,8 +48779,13 @@
                     this.grid.clearCellSelection();
                     this.grid.navigateTo(this.activeNode.row, this.activeNode.column, function (obj) {
                         var _a;
-                        (_a = obj.target) === null || _a === void 0 ? void 0 : _a.activate(event);
-                        _this.grid.cdr.detectChanges();
+                        if (_this.activeNode.row === obj.target.row.index) {
+                            (_a = obj.target) === null || _a === void 0 ? void 0 : _a.activate(event);
+                            _this.grid.cdr.detectChanges();
+                        }
+                        else {
+                            _this.grid.navigateTo(_this.activeNode.row, _this.activeNode.column);
+                        }
                     });
                 }
                 else {
@@ -60174,6 +60205,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;
@@ -61913,6 +61947,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.
@@ -64404,7 +64450,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 [
@@ -70171,7 +70217,6 @@
          * @hidden @internal
          */
         IgxGridComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
             _super.prototype.ngAfterContentInit.call(this);
             if (this.allowFiltering && this.hasColumnLayouts) {
                 this.filterMode = FilterMode.excelStyleFilter;
@@ -70179,7 +70224,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);
             }
@@ -70220,6 +70264,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);