igniteui-angular 12.3.34 → 12.3.37

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);
@@ -23946,7 +23951,7 @@
             var ghostMarginLeft = parseInt(document.defaultView.getComputedStyle(this.ghostElement)['margin-left'], 10);
             var ghostMarginTop = parseInt(document.defaultView.getComputedStyle(this.ghostElement)['margin-top'], 10);
             this.ghostElement.style.left = (this._ghostStartX - ghostMarginLeft + totalMovedX - this._ghostHostX) + 'px';
-            this.ghostElement.style.top = (this._ghostStartY - ghostMarginTop + totalMovedY - this._ghostHostX) + 'px';
+            this.ghostElement.style.top = (this._ghostStartY - ghostMarginTop + totalMovedY - this._ghostHostY) + 'px';
             if (this.pointerEventsEnabled) {
                 // The ghostElement takes control for moving and dragging after it has been rendered.
                 if (this._pointerDownId !== null) {
@@ -25937,6 +25942,11 @@
              * @hidden
              */
             this.inputId = this.id + "-input";
+            /**
+             * @hidden
+             * @internal
+             */
+            this.destroy$ = new rxjs.Subject();
             /**
              * @hidden
              * @internal
@@ -26024,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
@@ -26264,6 +26282,11 @@
              * @internal
              */
             this.destroy$ = new rxjs.Subject();
+            /**
+             * @hidden
+             * @internal
+             */
+            this.queryChange$ = new rxjs.Subject();
         }
         Object.defineProperty(IgxRadioGroupDirective.prototype, "value", {
             /**
@@ -26438,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(); });
             });
         };
         /**
@@ -26512,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); });
                 });
             }
         };
@@ -41380,7 +41404,12 @@
                         }
                         return current === _this.selection[0];
                     });
-                    _this.dropdown.navigateItem(index);
+                    if (!_this.isRemote) {
+                        // navigate to item only if we have local data
+                        // as with remote data this will fiddle with igxFor's scroll handler
+                        // and will trigger another chunk load which will break the visualization
+                        _this.dropdown.navigateItem(index);
+                    }
                 }
             });
             this.dropdown.opening.pipe(operators.takeUntil(this.destroy$)).subscribe(function () {
@@ -42188,6 +42217,7 @@
             _this._onTouchedCallback = rxjs.noop;
             _this._onValidatorChange = rxjs.noop;
             _this.onStatusChanged = function () {
+                _this.disabled = _this._ngControl.disabled;
                 _this.updateValidity();
                 _this.inputGroup.isRequired = _this.required;
             };
@@ -48755,8 +48785,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 {
@@ -67698,7 +67733,8 @@
         };
         IgxTimePickerComponent.prototype.onStatusChanged = function () {
             if ((this._ngControl.control.touched || this._ngControl.control.dirty) &&
-                (this._ngControl.control.validator || this._ngControl.control.asyncValidator)) {
+                (this._ngControl.control.validator || this._ngControl.control.asyncValidator) &&
+                !this._ngControl.disabled) {
                 if (this._inputGroup.isFocused) {
                     this.inputDirective.valid = this._ngControl.valid ? exports.IgxInputState.VALID : exports.IgxInputState.INVALID;
                 }
@@ -83934,14 +83970,14 @@
             _this.onValidatorChange = rxjs.noop;
             _this.onStatusChanged = function () {
                 if (_this.inputGroup) {
-                    _this.inputDirective.valid = _this.isTouchedOrDirty
+                    _this.inputDirective.valid = _this.isTouchedOrDirty && !_this._ngControl.disabled
                         ? _this.getInputState(_this.inputGroup.isFocused)
                         : exports.IgxInputState.INITIAL;
                 }
                 else if (_this.hasProjectedInputs) {
                     _this.projectedInputs
                         .forEach(function (i) {
-                        i.inputDirective.valid = _this.isTouchedOrDirty
+                        i.inputDirective.valid = _this.isTouchedOrDirty && !_this._ngControl.disabled
                             ? _this.getInputState(i.isFocused)
                             : exports.IgxInputState.INITIAL;
                         ;