igniteui-angular 15.0.14 → 15.0.15

package/fesm2020/igniteui-angular.mjs

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/animations';
 import { style, animate, animation, keyframes, useAnimation, trigger, transition } from '@angular/animations';
 import * as i0 from '@angular/core';
-import { Injectable, Directive, Input, HostListener, NgModule, isDevMode, PLATFORM_ID, Inject, EventEmitter, ElementRef, Optional, Output, HostBinding, InjectionToken, Component, ViewContainerRef, ViewChild, ContentChildren, forwardRef, ContentChild, Self, SecurityContext, TemplateRef, Pipe, LOCALE_ID, QueryList, ViewChildren, Host, ChangeDetectionStrategy, inject, SkipSelf, SimpleChange, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Injectable, Directive, Input, HostListener, NgModule, isDevMode, PLATFORM_ID, Inject, EventEmitter, ElementRef, Optional, Output, HostBinding, InjectionToken, Component, ViewContainerRef, ViewChild, ContentChildren, forwardRef, ContentChild, Self, SecurityContext, TemplateRef, Pipe, inject, LOCALE_ID, QueryList, ViewChildren, Host, ChangeDetectionStrategy, SkipSelf, SimpleChange, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i5 from '@angular/forms';
 import { NgModel, FormControlName, NG_VALUE_ACCESSOR, NG_VALIDATORS, CheckboxRequiredValidator, FormGroup, FormsModule, NgControl, ReactiveFormsModule, FormControl, RequiredValidator, MinValidator, MaxValidator, EmailValidator, MinLengthValidator, MaxLengthValidator, PatternValidator } from '@angular/forms';
 import * as i1$1 from '@angular/common';
@@ -18815,6 +18815,17 @@ class IgxRadioComponent {
          */
         this._onChangeCallback = noop;
     }
+    /**
+     * Gets the `nativeElement` of the igx-radio.
+     *
+     * @example
+     * ```typescript
+     * let igxRadioNativeElement = this.igxRadio.nativeElement;
+     * ```
+     */
+    get nativeElement() {
+        return this.nativeRadio.nativeElement;
+    }
     /**
      * Sets/gets whether the radio button is required.
      * If not set, `required` will have value `false`.
@@ -18863,7 +18874,7 @@ class IgxRadioComponent {
     * @hidden
     * @internal
     */
-    _changed() {
+    _changed(event) {
         if (event instanceof Event) {
             event.preventDefault();
         }
@@ -19049,6 +19060,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
                 args: ['click']
             }] } });
 
+/**
+ * @hidden
+ */
+function DIR_DOCUMENT_FACTORY() {
+    return inject(DOCUMENT);
+}
+/**
+ * Injection token is used to inject the document into Directionality
+ * which factory could be faked for testing purposes.
+ *
+ * We can't provide and mock the DOCUMENT token from platform-browser because configureTestingModule
+ * allows override of the default providers, directive, pipes, modules of the test injector
+ * which causes errors.
+ *
+ * @hidden
+ */
+const DIR_DOCUMENT = new InjectionToken('dir-doc', {
+    providedIn: 'root',
+    factory: DIR_DOCUMENT_FACTORY
+});
+/**
+ * @hidden
+ *
+ * Bidirectional service that extracts the value of the direction attribute on the body or html elements.
+ *
+ * The dir attribute over the body element takes precedence.
+ */
+class IgxDirectionality {
+    constructor(document) {
+        this._document = document;
+        const bodyDir = this._document.body ? this._document.body.dir : null;
+        const htmlDir = this._document.documentElement ? this._document.documentElement.dir : null;
+        const extractedDir = bodyDir || htmlDir;
+        this._dir = (extractedDir === 'ltr' || extractedDir === 'rtl') ? extractedDir : 'ltr';
+    }
+    get value() {
+        return this._dir;
+    }
+    get document() {
+        return this._document;
+    }
+    get rtl() {
+        return this._dir === 'rtl';
+    }
+}
+IgxDirectionality.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: IgxDirectionality, deps: [{ token: DIR_DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+IgxDirectionality.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: IgxDirectionality, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: IgxDirectionality, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DIR_DOCUMENT]
+                }] }]; } });
+
 /**
  * Determines the Radio Group alignment
  */
@@ -19081,7 +19149,8 @@ let nextId$2 = 0;
  * ```
  */
 class IgxRadioGroupDirective {
-    constructor() {
+    constructor(_directionality) {
+        this._directionality = _directionality;
         /**
          * An event that is emitted after the radio group `value` is changed.
          *
@@ -19223,6 +19292,44 @@ class IgxRadioGroupDirective {
             this.value = selected ? selected.value : null;
         }
     }
+    handleClick(event) {
+        event.stopPropagation();
+        this.selected.nativeElement.focus();
+    }
+    handleKeyDown(event) {
+        const { key } = event;
+        if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) {
+            const buttons = this.radioButtons.filter(radio => !radio.disabled);
+            const checked = buttons.find((radio) => radio.checked);
+            let index = checked ? buttons.indexOf(checked) : -1;
+            const ltr = this._directionality.value === 'ltr';
+            switch (key) {
+                case 'ArrowUp':
+                    index += -1;
+                    break;
+                case 'ArrowLeft':
+                    index += ltr ? -1 : 1;
+                    break;
+                case 'ArrowRight':
+                    index += ltr ? 1 : -1;
+                    break;
+                default:
+                    index += 1;
+            }
+            if (index < 0)
+                index = buttons.length - 1;
+            if (index > buttons.length - 1)
+                index = 0;
+            buttons.forEach((radio) => {
+                radio.deselect();
+                radio.nativeElement.blur();
+            });
+            buttons[index].focused = true;
+            buttons[index].nativeElement.focus();
+            buttons[index].select();
+            event.preventDefault();
+        }
+    }
     /**
      * Returns the alignment of the `igx-radio-group`.
      * ```typescript
@@ -19396,8 +19503,8 @@ class IgxRadioGroupDirective {
         }
     }
 }
-IgxRadioGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: IgxRadioGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-IgxRadioGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: IgxRadioGroupDirective, selector: "igx-radio-group, [igxRadioGroup]", inputs: { value: "value", name: "name", required: "required", selected: "selected", alignment: "alignment" }, outputs: { change: "change" }, host: { properties: { "class.igx-radio-group": "this.cssClass", "class.igx-radio-group--vertical": "this.vertical" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: IgxRadioGroupDirective, multi: true }], queries: [{ propertyName: "radioButtons", predicate: IgxRadioComponent, descendants: true }], exportAs: ["igxRadioGroup"], ngImport: i0 });
+IgxRadioGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: IgxRadioGroupDirective, deps: [{ token: IgxDirectionality }], target: i0.ɵɵFactoryTarget.Directive });
+IgxRadioGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: IgxRadioGroupDirective, selector: "igx-radio-group, [igxRadioGroup]", inputs: { value: "value", name: "name", required: "required", selected: "selected", alignment: "alignment" }, outputs: { change: "change" }, host: { listeners: { "click": "handleClick($event)", "keydown": "handleKeyDown($event)" }, properties: { "class.igx-radio-group": "this.cssClass", "class.igx-radio-group--vertical": "this.vertical" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: IgxRadioGroupDirective, multi: true }], queries: [{ propertyName: "radioButtons", predicate: IgxRadioComponent, descendants: true }], exportAs: ["igxRadioGroup"], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: IgxRadioGroupDirective, decorators: [{
             type: Directive,
             args: [{
@@ -19405,7 +19512,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
                     selector: 'igx-radio-group, [igxRadioGroup]',
                     providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: IgxRadioGroupDirective, multi: true }]
                 }]
-        }], propDecorators: { radioButtons: [{
+        }], ctorParameters: function () { return [{ type: IgxDirectionality }]; }, propDecorators: { radioButtons: [{
                 type: ContentChildren,
                 args: [IgxRadioComponent, { descendants: true }]
             }], value: [{
@@ -19424,6 +19531,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
             }], vertical: [{
                 type: HostBinding,
                 args: ['class.igx-radio-group--vertical']
+            }], handleClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], handleKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
             }], alignment: [{
                 type: Input
             }] } });
@@ -45532,63 +45645,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 
-/**
- * @hidden
- */
-function DIR_DOCUMENT_FACTORY() {
-    return inject(DOCUMENT);
-}
-/**
- * Injection token is used to inject the document into Directionality
- * which factory could be faked for testing purposes.
- *
- * We can't provide and mock the DOCUMENT token from platform-browser because configureTestingModule
- * allows override of the default providers, directive, pipes, modules of the test injector
- * which causes errors.
- *
- * @hidden
- */
-const DIR_DOCUMENT = new InjectionToken('dir-doc', {
-    providedIn: 'root',
-    factory: DIR_DOCUMENT_FACTORY
-});
-/**
- * @hidden
- *
- * Bidirectional service that extracts the value of the direction attribute on the body or html elements.
- *
- * The dir attribute over the body element takes precedence.
- */
-class IgxDirectionality {
-    constructor(document) {
-        this._document = document;
-        const bodyDir = this._document.body ? this._document.body.dir : null;
-        const htmlDir = this._document.documentElement ? this._document.documentElement.dir : null;
-        const extractedDir = bodyDir || htmlDir;
-        this._dir = (extractedDir === 'ltr' || extractedDir === 'rtl') ? extractedDir : 'ltr';
-    }
-    get value() {
-        return this._dir;
-    }
-    get document() {
-        return this._document;
-    }
-    get rtl() {
-        return this._dir === 'rtl';
-    }
-}
-IgxDirectionality.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: IgxDirectionality, deps: [{ token: DIR_DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-IgxDirectionality.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: IgxDirectionality, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: IgxDirectionality, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DIR_DOCUMENT]
-                }] }]; } });
-
 const ONE_PERCENT = 0.01;
 const MIN_VALUE = 0;
 const IgxTextAlign = mkenum({
@@ -64973,8 +65029,8 @@ class IgxGridBaseDirective extends DisplayDensityBase {
         // commit pending states prior to adding a row
         this.crudService.endEdit(true);
         this.gridAPI.addRowToData(data);
-        this.rowAddedNotifier.next({ data: data, owner: this });
         this.pipeTrigger++;
+        this.rowAddedNotifier.next({ data: data, owner: this });
         this.notifyChanges();
     }
     /**
@@ -65262,6 +65318,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
         this.crudService.endEdit(true);
         this.selectionService.clearHeaderCBState();
         this.summaryService.clearSummaryCache();
+        this.summaryPipeTrigger++;
         this.cdr.detectChanges();
     }
     // TODO: We have return values here. Move them to event args ??