primeng 16.9.5-lts → 16.9.6-lts

package/fesm2022/primeng-table.mjs

@@ -3433,6 +3433,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImpor
         }], ctorParameters: function () { return [{ type: Table }]; } });
 class FrozenColumn {
     el;
+    zone;
     get frozen() {
         return this._frozen;
     }
@@ -3441,13 +3442,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() {
@@ -3478,7 +3482,7 @@ class FrozenColumn {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: FrozenColumn, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: FrozenColumn, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.0", 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: "16.2.0", ngImport: i0, type: FrozenColumn, decorators: [{
@@ -3490,7 +3494,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImpor
                         '[class.p-frozen-column]': 'frozen'
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { frozen: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { frozen: [{
                 type: Input
             }], alignFrozen: [{
                 type: Input
@@ -5167,10 +5171,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);