primeng 17.9.0 → 17.10.0

package/fesm2022/primeng-table.mjs

@@ -3448,6 +3448,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
         }], ctorParameters: () => [{ type: Table }] });
 class FrozenColumn {
     el;
+    zone;
     get frozen() {
         return this._frozen;
     }
@@ -3456,13 +3457,16 @@ class FrozenColumn {
         Promise.resolve(null).then(() => this.updateStickyPosition());
     }
     alignFrozen = 'left';
-    constructor(el) {
+    constructor(el, zone) {
         this.el = el;
+        this.zone = zone;
     }
     ngAfterViewInit() {
-        setTimeout(() => {
-            this.updateStickyPosition();
-        }, 1000);
+        this.zone.runOutsideAngular(() => {
+            setTimeout(() => {
+                this.updateStickyPosition();
+            }, 1000);
+        });
     }
     _frozen = true;
     updateStickyPosition() {
@@ -3493,7 +3497,7 @@ class FrozenColumn {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FrozenColumn, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FrozenColumn, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: FrozenColumn, selector: "[pFrozenColumn]", inputs: { frozen: "frozen", alignFrozen: "alignFrozen" }, host: { properties: { "class.p-frozen-column": "frozen" }, classAttribute: "p-element" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FrozenColumn, decorators: [{
@@ -3505,7 +3509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         '[class.p-frozen-column]': 'frozen'
                     }
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { frozen: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { frozen: [{
                 type: Input
             }], alignFrozen: [{
                 type: Input
@@ -5193,10 +5197,18 @@ class ReorderableRow {
         }
     }
     onMouseDown(event) {
-        if (DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle'))
-            this.el.nativeElement.draggable = true;
-        else
-            this.el.nativeElement.draggable = false;
+        const targetElement = event.target;
+        const isHandleClicked = this.isHandleElement(targetElement);
+        this.el.nativeElement.draggable = isHandleClicked;
+    }
+    isHandleElement(element) {
+        if (element?.classList.contains('p-datatable-reorderablerow-handle')) {
+            return true;
+        }
+        if (element?.parentElement && !['TD', 'TR'].includes(element?.parentElement?.tagName)) {
+            return this.isHandleElement(element?.parentElement);
+        }
+        return false;
     }
     onDragStart(event) {
         this.dt.onRowDragStart(event, this.index);