igniteui-angular 14.0.0-rc.0 → 14.0.0

package/fesm2020/igniteui-angular.mjs

@@ -15874,14 +15874,18 @@ class IgxDragDirective {
             owner: this,
             originalEvent
         };
-        let elementsFromPoint = this.getElementsAtPoint(pageX, pageY);
+        const elementsFromPoint = this.getElementsAtPoint(pageX, pageY);
+        let targetElements = [];
         // Check for shadowRoot instance and use it if present
         for (const elFromPoint of elementsFromPoint) {
             if (!!elFromPoint?.shadowRoot) {
-                elementsFromPoint = elFromPoint.shadowRoot.elementsFromPoint(pageX, pageY);
+                targetElements = targetElements.concat(this.getFromShadowRoot(elFromPoint, pageX, pageY));
+            }
+            else if (targetElements.indexOf(elFromPoint) === -1) {
+                targetElements.push(elFromPoint);
             }
         }
-        for (const element of elementsFromPoint) {
+        for (const element of targetElements) {
             if (element.getAttribute('droppable') === 'true' &&
                 element !== this.ghostElement && element !== this.element.nativeElement) {
                 topDropArea = element;
@@ -15905,6 +15909,20 @@ class IgxDragDirective {
             this.dispatchEvent(topDropArea, 'igxDragOver', customEventArgs);
         }
     }
+    /**
+     * @hidden
+     * Traverse shadow dom in depth.
+     */
+    getFromShadowRoot(elem, pageX, pageY) {
+        const elementsFromPoint = elem.shadowRoot.elementsFromPoint(pageX, pageY);
+        let res = elementsFromPoint;
+        for (const elFromPoint of elementsFromPoint) {
+            if (!!elFromPoint?.shadowRoot && elFromPoint.shadowRoot !== elem.shadowRoot) {
+                res = res.concat(this.getFromShadowRoot(elFromPoint, pageX, pageY));
+            }
+        }
+        return res;
+    }
     /**
      * @hidden
      * Dispatch custom igxDrop event based on current pointer position if there is last recorder drop area under the pointer.
@@ -25410,6 +25428,14 @@ class IgxGridEditingActionsComponent extends IgxGridActionsBaseDirective {
          * @internal
          */
         this.cssClass = 'igx-action-strip__editing-actions';
+        /**
+         * An input to enable/disable action strip row editing button
+         */
+        this.editRow = true;
+        /**
+        * An input to enable/disable action strip row deleting button
+        */
+        this.deleteRow = true;
         /**
          * An input to enable/disable action strip child row adding button
          */
@@ -25495,10 +25521,10 @@ class IgxGridEditingActionsComponent extends IgxGridActionsBaseDirective {
      *
      * @example
      * ```typescript
-     * this.gridEditingActions.deleteRow();
+     * this.gridEditingActions.deleteRowHandler();
      * ```
      */
-    deleteRow(event) {
+    deleteRowHandler(event) {
         if (event) {
             event.stopPropagation();
         }
@@ -25536,15 +25562,19 @@ class IgxGridEditingActionsComponent extends IgxGridActionsBaseDirective {
     }
 }
 IgxGridEditingActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: IgxGridEditingActionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-IgxGridEditingActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: IgxGridEditingActionsComponent, selector: "igx-grid-editing-actions", inputs: { addRow: "addRow", addChild: "addChild" }, host: { properties: { "class.igx-action-strip__editing-actions": "this.cssClass" } }, providers: [{ provide: IgxGridActionsBaseDirective, useExisting: IgxGridEditingActionsComponent }], usesInheritance: true, ngImport: i0, template: "\n<ng-container *ngIf=\"isRowContext\">\n    <igx-grid-action-button *ngIf=\"!disabled\" [asMenuItem]=\"asMenuItems\" iconName=\"edit\" [labelText]=\"grid.resourceStrings.igx_grid_actions_edit_label\" (actionClick)=\"startEdit($event)\"></igx-grid-action-button>\n    <igx-grid-action-button *ngIf=\"addRow && isRootRow\" [asMenuItem]=\"asMenuItems\" iconName=\"add-row\" iconSet=\"imx-icons\" [labelText]=\"grid.resourceStrings.igx_grid_actions_add_label\" (actionClick)=\"addRowHandler($event)\"></igx-grid-action-button>\n    <igx-grid-action-button *ngIf=\"addChild && hasChildren\" [asMenuItem]=\"asMenuItems\" iconName=\"add-child\" iconSet=\"imx-icons\" [labelText]=\"grid.resourceStrings.igx_grid_actions_add_child_label\" (actionClick)=\"addRowHandler($event, true)\"></igx-grid-action-button>\n    <igx-grid-action-button *ngIf=\"!disabled\" class=\"igx-action-strip__delete\" classNames='igx-action-strip__menu-item--danger' [asMenuItem]=\"asMenuItems\" iconName=\"delete\" [labelText]=\"grid.resourceStrings.igx_grid_actions_delete_label\" (actionClick)=\"deleteRow($event)\"></igx-grid-action-button>\n</ng-container>\n\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IgxGridActionButtonComponent, selector: "igx-grid-action-button", inputs: ["asMenuItem", "iconName", "classNames", "iconSet", "labelText"], outputs: ["actionClick"] }] });
+IgxGridEditingActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: IgxGridEditingActionsComponent, selector: "igx-grid-editing-actions", inputs: { addRow: "addRow", editRow: "editRow", deleteRow: "deleteRow", addChild: "addChild" }, host: { properties: { "class.igx-action-strip__editing-actions": "this.cssClass" } }, providers: [{ provide: IgxGridActionsBaseDirective, useExisting: IgxGridEditingActionsComponent }], usesInheritance: true, ngImport: i0, template: "\n<ng-container *ngIf=\"isRowContext\">\n    <igx-grid-action-button *ngIf=\"!disabled && editRow\" [asMenuItem]=\"asMenuItems\" iconName=\"edit\" [labelText]=\"grid.resourceStrings.igx_grid_actions_edit_label\" (actionClick)=\"startEdit($event)\"></igx-grid-action-button>\n    <igx-grid-action-button *ngIf=\"addRow && isRootRow\" [asMenuItem]=\"asMenuItems\" iconName=\"add-row\" iconSet=\"imx-icons\" [labelText]=\"grid.resourceStrings.igx_grid_actions_add_label\" (actionClick)=\"addRowHandler($event)\"></igx-grid-action-button>\n    <igx-grid-action-button *ngIf=\"addChild && hasChildren\" [asMenuItem]=\"asMenuItems\" iconName=\"add-child\" iconSet=\"imx-icons\" [labelText]=\"grid.resourceStrings.igx_grid_actions_add_child_label\" (actionClick)=\"addRowHandler($event, true)\"></igx-grid-action-button>\n    <igx-grid-action-button *ngIf=\"!disabled && deleteRow\" class=\"igx-action-strip__delete\" classNames='igx-action-strip__menu-item--danger' [asMenuItem]=\"asMenuItems\" iconName=\"delete\" [labelText]=\"grid.resourceStrings.igx_grid_actions_delete_label\" (actionClick)=\"deleteRowHandler($event)\"></igx-grid-action-button>\n</ng-container>\n\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IgxGridActionButtonComponent, selector: "igx-grid-action-button", inputs: ["asMenuItem", "iconName", "classNames", "iconSet", "labelText"], outputs: ["actionClick"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: IgxGridEditingActionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igx-grid-editing-actions', providers: [{ provide: IgxGridActionsBaseDirective, useExisting: IgxGridEditingActionsComponent }], template: "\n<ng-container *ngIf=\"isRowContext\">\n    <igx-grid-action-button *ngIf=\"!disabled\" [asMenuItem]=\"asMenuItems\" iconName=\"edit\" [labelText]=\"grid.resourceStrings.igx_grid_actions_edit_label\" (actionClick)=\"startEdit($event)\"></igx-grid-action-button>\n    <igx-grid-action-button *ngIf=\"addRow && isRootRow\" [asMenuItem]=\"asMenuItems\" iconName=\"add-row\" iconSet=\"imx-icons\" [labelText]=\"grid.resourceStrings.igx_grid_actions_add_label\" (actionClick)=\"addRowHandler($event)\"></igx-grid-action-button>\n    <igx-grid-action-button *ngIf=\"addChild && hasChildren\" [asMenuItem]=\"asMenuItems\" iconName=\"add-child\" iconSet=\"imx-icons\" [labelText]=\"grid.resourceStrings.igx_grid_actions_add_child_label\" (actionClick)=\"addRowHandler($event, true)\"></igx-grid-action-button>\n    <igx-grid-action-button *ngIf=\"!disabled\" class=\"igx-action-strip__delete\" classNames='igx-action-strip__menu-item--danger' [asMenuItem]=\"asMenuItems\" iconName=\"delete\" [labelText]=\"grid.resourceStrings.igx_grid_actions_delete_label\" (actionClick)=\"deleteRow($event)\"></igx-grid-action-button>\n</ng-container>\n\n" }]
+            args: [{ selector: 'igx-grid-editing-actions', providers: [{ provide: IgxGridActionsBaseDirective, useExisting: IgxGridEditingActionsComponent }], template: "\n<ng-container *ngIf=\"isRowContext\">\n    <igx-grid-action-button *ngIf=\"!disabled && editRow\" [asMenuItem]=\"asMenuItems\" iconName=\"edit\" [labelText]=\"grid.resourceStrings.igx_grid_actions_edit_label\" (actionClick)=\"startEdit($event)\"></igx-grid-action-button>\n    <igx-grid-action-button *ngIf=\"addRow && isRootRow\" [asMenuItem]=\"asMenuItems\" iconName=\"add-row\" iconSet=\"imx-icons\" [labelText]=\"grid.resourceStrings.igx_grid_actions_add_label\" (actionClick)=\"addRowHandler($event)\"></igx-grid-action-button>\n    <igx-grid-action-button *ngIf=\"addChild && hasChildren\" [asMenuItem]=\"asMenuItems\" iconName=\"add-child\" iconSet=\"imx-icons\" [labelText]=\"grid.resourceStrings.igx_grid_actions_add_child_label\" (actionClick)=\"addRowHandler($event, true)\"></igx-grid-action-button>\n    <igx-grid-action-button *ngIf=\"!disabled && deleteRow\" class=\"igx-action-strip__delete\" classNames='igx-action-strip__menu-item--danger' [asMenuItem]=\"asMenuItems\" iconName=\"delete\" [labelText]=\"grid.resourceStrings.igx_grid_actions_delete_label\" (actionClick)=\"deleteRowHandler($event)\"></igx-grid-action-button>\n</ng-container>\n\n" }]
         }], propDecorators: { cssClass: [{
                 type: HostBinding,
                 args: ['class.igx-action-strip__editing-actions']
             }], addRow: [{
                 type: Input
+            }], editRow: [{
+                type: Input
+            }], deleteRow: [{
+                type: Input
             }], addChild: [{
                 type: Input
             }] } });
@@ -37298,6 +37328,9 @@ class IgxComboComponent extends IgxComboBaseDirective {
             }
             this._onChangeCallback(args.newSelection);
         }
+        else if (this.isRemote) {
+            this.registerRemoteEntries(args.added, false);
+        }
     }
     createDisplayText(newSelection, oldSelection) {
         return this.isRemote
@@ -37792,6 +37825,9 @@ class IgxSimpleComboComponent extends IgxComboBaseDirective {
             this._onChangeCallback(args.newSelection);
             this._updateInput = true;
         }
+        else if (this.isRemote) {
+            this.registerRemoteEntries(newSelectionAsArray, false);
+        }
     }
     createDisplayText(newSelection, oldSelection) {
         if (this.isRemote) {