@progress/kendo-angular-grid 7.2.0 → 7.2.2-dev.202207181238

package/common/single-popup.service.d.ts

@@ -34,8 +34,10 @@ export declare class SinglePopupService implements OnDestroy {
      */
     readonly onClose: Subject<PopupCloseEvent>;
     private removeClick;
+    private pointerEventsSub;
     private popupRef;
     private scrollSubscription;
+    private canClosePopup;
     constructor(popupService: PopupService, renderer: Renderer2, ngZone: NgZone, scrollSyncService: ScrollSyncService, localization: LocalizationService);
     /**
      * @hidden
@@ -48,6 +50,7 @@ export declare class SinglePopupService implements OnDestroy {
     ngOnDestroy(): void;
     private detachClose;
     private attachClose;
+    private attachMouseListeners;
     static ɵfac: i0.ɵɵFactoryDeclaration<SinglePopupService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SinglePopupService>;
 }

package/esm2015/common/single-popup.service.js

@@ -5,7 +5,7 @@
 import { Injectable } from '@angular/core';
 import { isPresent } from '../utils';
 import { PreventableEvent } from './preventable-event';
-import { Subject } from 'rxjs';
+import { Subject, Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-popup";
 import * as i2 from "../scrolling/scroll-sync.service";
@@ -44,12 +44,14 @@ export class SinglePopupService {
          * Used to prevent the popup from closing.
          */
         this.onClose = new Subject();
+        this.pointerEventsSub = new Subscription();
         this.scrollSubscription = scrollSyncService.changes.subscribe(() => this.destroy());
     }
     /**
      * @hidden
      */
     open(anchor, template, popupRef, popupClass = DEFAULT_POPUP_CLASS) {
+        var _a;
         const toggle = isPresent(popupRef) && this.popupRef === popupRef;
         this.destroy();
         if (!toggle) {
@@ -65,6 +67,10 @@ export class SinglePopupService {
             this.renderer.setAttribute(this.popupRef.popupElement, 'dir', this.localization.rtl ? 'rtl' : 'ltr');
             this.attachClose(anchor);
         }
+        const popupEl = (_a = this.popupRef) === null || _a === void 0 ? void 0 : _a.popupElement;
+        if (popupEl) {
+            this.attachMouseListeners(popupEl);
+        }
         return this.popupRef;
     }
     /**
@@ -73,6 +79,8 @@ export class SinglePopupService {
     destroy() {
         if (this.popupRef) {
             this.detachClose();
+            this.pointerEventsSub.unsubscribe();
+            this.pointerEventsSub = null;
             this.popupRef.close();
             this.popupRef = null;
         }
@@ -88,16 +96,29 @@ export class SinglePopupService {
     }
     attachClose(skipElement) {
         this.detachClose();
-        this.ngZone.runOutsideAngular(() => this.removeClick = this.renderer.listen("document", "click", (e) => {
+        this.ngZone.runOutsideAngular(() => this.removeClick = this.renderer.listen('document', 'click', (e) => {
             if (!contains(e.target, x => this.popupRef.popupElement === x || x === skipElement)) {
                 const args = new PopupCloseEvent(e);
                 this.onClose.next(args);
-                if (!args.isDefaultPrevented()) {
+                if (!args.isDefaultPrevented() && this.canClosePopup) {
                     this.destroy();
                 }
+                this.canClosePopup = true;
             }
         }));
     }
+    attachMouseListeners(el) {
+        this.pointerEventsSub = new Subscription();
+        this.ngZone.runOutsideAngular(() => {
+            this.pointerEventsSub.add(this.renderer.listen(el, 'pointerdown', (e) => {
+                e.stopImmediatePropagation();
+                this.canClosePopup = false;
+            }));
+            this.pointerEventsSub.add(this.renderer.listen(el, 'pointerup', () => {
+                this.canClosePopup = true;
+            }));
+        });
+    }
 }
 SinglePopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SinglePopupService, deps: [{ token: i1.PopupService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i2.ScrollSyncService }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
 SinglePopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SinglePopupService });

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1655880458,
+    publishDate: 1658147761,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/rendering/header/header.component.js

@@ -426,7 +426,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
                 *ngFor="let g of groups">
             </th>
             <th class="k-hierarchy-cell k-header"
-                role="presentation"
+                role="gridcell"
                 *ngIf="detailTemplate?.templateRef"
                 kendoGridLogicalCell
                     [logicalRowIndex]="levelIndex"
@@ -634,7 +634,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 *ngFor="let g of groups">
             </th>
             <th class="k-hierarchy-cell k-header"
-                role="presentation"
+                role="gridcell"
                 *ngIf="detailTemplate?.templateRef"
                 kendoGridLogicalCell
                     [logicalRowIndex]="levelIndex"

package/esm2015/rendering/table-body.component.js

@@ -458,7 +458,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                     [dataItem]="item.data"
                     [detailExpandCell]="true"
                     aria-selected="false"
-                >
+                    role="gridcell">
                 <a class="k-icon"
                     *ngIf="detailTemplate.showIf(item.data, $any(item).index)"
                     [ngClass]="detailButtonStyles(item)"
@@ -677,7 +677,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     [dataItem]="item.data"
                     [detailExpandCell]="true"
                     aria-selected="false"
-                >
+                    role="gridcell">
                 <a class="k-icon"
                     *ngIf="detailTemplate.showIf(item.data, $any(item).index)"
                     [ngClass]="detailButtonStyles(item)"

package/fesm2015/kendo-angular-grid.js

@@ -2835,7 +2835,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1655880458,
+    publishDate: 1658147761,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -5999,12 +5999,14 @@ class SinglePopupService {
          * Used to prevent the popup from closing.
          */
         this.onClose = new Subject();
+        this.pointerEventsSub = new Subscription();
         this.scrollSubscription = scrollSyncService.changes.subscribe(() => this.destroy());
     }
     /**
      * @hidden
      */
     open(anchor, template, popupRef, popupClass = DEFAULT_POPUP_CLASS) {
+        var _a;
         const toggle = isPresent(popupRef) && this.popupRef === popupRef;
         this.destroy();
         if (!toggle) {
@@ -6020,6 +6022,10 @@ class SinglePopupService {
             this.renderer.setAttribute(this.popupRef.popupElement, 'dir', this.localization.rtl ? 'rtl' : 'ltr');
             this.attachClose(anchor);
         }
+        const popupEl = (_a = this.popupRef) === null || _a === void 0 ? void 0 : _a.popupElement;
+        if (popupEl) {
+            this.attachMouseListeners(popupEl);
+        }
         return this.popupRef;
     }
     /**
@@ -6028,6 +6034,8 @@ class SinglePopupService {
     destroy() {
         if (this.popupRef) {
             this.detachClose();
+            this.pointerEventsSub.unsubscribe();
+            this.pointerEventsSub = null;
             this.popupRef.close();
             this.popupRef = null;
         }
@@ -6043,16 +6051,29 @@ class SinglePopupService {
     }
     attachClose(skipElement) {
         this.detachClose();
-        this.ngZone.runOutsideAngular(() => this.removeClick = this.renderer.listen("document", "click", (e) => {
+        this.ngZone.runOutsideAngular(() => this.removeClick = this.renderer.listen('document', 'click', (e) => {
             if (!contains$1(e.target, x => this.popupRef.popupElement === x || x === skipElement)) {
                 const args = new PopupCloseEvent(e);
                 this.onClose.next(args);
-                if (!args.isDefaultPrevented()) {
+                if (!args.isDefaultPrevented() && this.canClosePopup) {
                     this.destroy();
                 }
+                this.canClosePopup = true;
             }
         }));
     }
+    attachMouseListeners(el) {
+        this.pointerEventsSub = new Subscription();
+        this.ngZone.runOutsideAngular(() => {
+            this.pointerEventsSub.add(this.renderer.listen(el, 'pointerdown', (e) => {
+                e.stopImmediatePropagation();
+                this.canClosePopup = false;
+            }));
+            this.pointerEventsSub.add(this.renderer.listen(el, 'pointerup', () => {
+                this.canClosePopup = true;
+            }));
+        });
+    }
 }
 SinglePopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SinglePopupService, deps: [{ token: i1$2.PopupService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: ScrollSyncService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
 SinglePopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SinglePopupService });
@@ -14535,7 +14556,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
                 *ngFor="let g of groups">
             </th>
             <th class="k-hierarchy-cell k-header"
-                role="presentation"
+                role="gridcell"
                 *ngIf="detailTemplate?.templateRef"
                 kendoGridLogicalCell
                     [logicalRowIndex]="levelIndex"
@@ -14743,7 +14764,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 *ngFor="let g of groups">
             </th>
             <th class="k-hierarchy-cell k-header"
-                role="presentation"
+                role="gridcell"
                 *ngIf="detailTemplate?.templateRef"
                 kendoGridLogicalCell
                     [logicalRowIndex]="levelIndex"
@@ -16375,7 +16396,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                     [dataItem]="item.data"
                     [detailExpandCell]="true"
                     aria-selected="false"
-                >
+                    role="gridcell">
                 <a class="k-icon"
                     *ngIf="detailTemplate.showIf(item.data, $any(item).index)"
                     [ngClass]="detailButtonStyles(item)"
@@ -16594,7 +16615,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     [dataItem]="item.data"
                     [detailExpandCell]="true"
                     aria-selected="false"
-                >
+                    role="gridcell">
                 <a class="k-icon"
                     *ngIf="detailTemplate.showIf(item.data, $any(item).index)"
                     [ngClass]="detailButtonStyles(item)"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "7.2.0",
+  "version": "7.2.2-dev.202207181238",
   "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",