igniteui-angular 12.3.34 → 12.3.35

package/fesm2015/igniteui-angular.js

@@ -6,7 +6,7 @@ import { NG_VALUE_ACCESSOR, NG_VALIDATORS, CheckboxRequiredValidator, NgModel, F
 import * as i2 from '@angular/common';
 import { isPlatformBrowser, CommonModule, DOCUMENT, DatePipe, formatDate, FormatWidth, getLocaleDateFormat, getLocaleCurrencyCode, DecimalPipe, CurrencyPipe, PercentPipe, getLocaleNumberFormat, NumberFormatStyle, getCurrencySymbol } from '@angular/common';
 import { Observable, noop, Subject, fromEvent, interval, animationFrameScheduler, merge, pipe, Subscription, timer } from 'rxjs';
-import { throttleTime, takeUntil, filter, first as first$1, take, throttle, debounce, tap, switchMap, skipLast, map, shareReplay, takeWhile, debounceTime, pluck } from 'rxjs/operators';
+import { throttleTime, takeUntil, filter, first as first$1, take, throttle, startWith, debounce, tap, switchMap, skipLast, map, shareReplay, takeWhile, debounceTime, pluck } from 'rxjs/operators';
 import mergeWith from 'lodash.mergewith';
 import { ResizeObserver } from '@juggle/resize-observer';
 import { __decorate, __awaiter } from 'tslib';
@@ -7345,9 +7345,13 @@ class IgxGridSelectionService {
          */
         this.pointerEventInGridBody = false;
         this._ranges = new Set();
-        this.pointerOriginHandler = () => {
+        this.pointerOriginHandler = (event) => {
             this.pointerEventInGridBody = false;
             document.body.removeEventListener('pointerup', this.pointerOriginHandler);
+            const 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();
@@ -7464,6 +7468,7 @@ class IgxGridSelectionService {
      * and the start node of the `state`.
      */
     generateRange(node, state) {
+        this._lastSelectedNode = node;
         if (!state) {
             return {
                 rowStart: node.row,
@@ -7581,8 +7586,8 @@ class IgxGridSelectionService {
         }
         return true;
     }
-    pointerUp(node, emitter) {
-        if (this.dragMode) {
+    pointerUp(node, emitter, firedOutsideGrid) {
+        if (this.dragMode || firedOutsideGrid) {
             this.restoreTextSelection();
             this.addRangeMeta(node, this.pointerState);
             this.mergeMap(this.selection, this.temp);
@@ -23127,6 +23132,11 @@ class IgxRadioComponent {
          * @hidden
          */
         this.inputId = `${this.id}-input`;
+        /**
+         * @hidden
+         * @internal
+         */
+        this.destroy$ = new Subject();
         /**
          * @hidden
          * @internal
@@ -23206,6 +23216,14 @@ class IgxRadioComponent {
     _clicked() {
         this.select();
     }
+    /**
+     * @hidden
+     * @internal
+     */
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.complete();
+    }
     /**
      * Selects the current radio button.
      * ```typescript
@@ -23441,6 +23459,11 @@ class IgxRadioGroupDirective {
          * @internal
          */
         this.destroy$ = new Subject();
+        /**
+         * @hidden
+         * @internal
+         */
+        this.queryChange$ = new Subject();
     }
     /**
      * Sets/gets the `value` attribute.
@@ -23586,8 +23609,9 @@ class IgxRadioGroupDirective {
         // 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(() => {
-            this._initRadioButtons();
+        this.radioButtons.changes.pipe(startWith(0), takeUntil(this.destroy$)).subscribe(() => {
+            this.queryChange$.next();
+            setTimeout(() => this._initRadioButtons());
         });
     }
     /**
@@ -23659,7 +23683,7 @@ class IgxRadioGroupDirective {
                     button.checked = true;
                     this._selected = button;
                 }
-                button.change.pipe(takeUntil(this.destroy$)).subscribe((ev) => this._selectedRadioButtonChanged(ev));
+                button.change.pipe(takeUntil(button.destroy$), takeUntil(this.destroy$), takeUntil(this.queryChange$)).subscribe((ev) => this._selectedRadioButtonChanged(ev));
             });
         }
     }
@@ -43847,8 +43871,13 @@ class IgxGridNavigationService {
                 this.grid.clearCellSelection();
                 this.grid.navigateTo(this.activeNode.row, this.activeNode.column, (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 {