@tetacom/ng-components 1.0.55 → 1.0.56

package/fesm2020/tetacom-ng-components.mjs

@@ -11277,10 +11277,12 @@ class DragDropService {
         this.dragProcess = {
             selection: this.selection
         };
+        this._document.body.style.cursor = 'copy';
         this._preview = this.createPreview();
     }
     stopProcess() {
         this.destroyPreview();
+        this._document.body.style.cursor = 'default';
         this.dragProcess = null;
         this.startPosition = null;
     }
@@ -11325,7 +11327,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: i0.RendererFactory2 }]; } });
@@ -11432,7 +11434,7 @@ class DragDirective {
         return this._dragService?.selection?.items?.indexOf(this.instance) >= 0;
     }
     get isDropTarget() {
-        return this.dropTarget === this.instance;
+        return this.dropTarget === this.instance && this.allowDrop;
     }
     mousedown(event) {
         if (!this.allowDrag) {
@@ -11452,7 +11454,9 @@ class DragDirective {
     mouseenter(event) {
         if (this.allowDrop) {
             event.stopPropagation();
-            this._dragService.setDropTarget(this.instance);
+            if (this.allowDropPredicate === undefined || this.allowDropPredicate(this._dragService.selection, this.data)) {
+                this._dragService.setDropTarget(this.instance);
+            }
         }
     }
     mouseleave(event) {
@@ -11485,7 +11489,7 @@ class DragDirective {
     }
 }
 DragDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DragDirective, deps: [{ token: DragContainerDirective, optional: true, skipSelf: true }, { token: DragDropService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-DragDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: DragDirective, selector: "[tetaDrag]", inputs: { data: ["tetaDrag", "data"], allowDrag: "allowDrag", allowDrop: "allowDrop" }, outputs: { tetaDragEnter: "tetaDragEnter", tetaDrop: "tetaDrop" }, host: { listeners: { "mousedown": "mousedown($event)", "touchstart": "mousedown($event)", "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)" }, properties: { "style.userSelect": "\"none\"", "class.teta-drag-item": "\"true\"", "class.teta_draggable_item": "this.allowDrag", "class.teta_droppable_item": "this.allowDrop", "class.teta-drag-selection": "this.selection", "class.teta-drop-target": "this.isDropTarget" } }, exportAs: ["drag"], ngImport: i0 });
+DragDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: DragDirective, selector: "[tetaDrag]", inputs: { data: ["tetaDrag", "data"], allowDrag: "allowDrag", allowDrop: "allowDrop", allowDropPredicate: "allowDropPredicate" }, outputs: { tetaDragEnter: "tetaDragEnter", tetaDrop: "tetaDrop" }, host: { listeners: { "mousedown": "mousedown($event)", "touchstart": "mousedown($event)", "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)" }, properties: { "style.userSelect": "\"none\"", "class.teta-drag-item": "\"true\"", "class.teta_draggable_item": "this.allowDrag", "class.teta_droppable_item": "this.allowDrop", "class.teta-drag-selection": "this.selection", "class.teta-drop-target": "this.isDropTarget" } }, exportAs: ["drag"], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DragDirective, decorators: [{
             type: Directive,
             args: [{
@@ -11516,6 +11520,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
                 args: ['class.teta_droppable_item']
             }, {
                 type: Input
+            }], allowDropPredicate: [{
+                type: Input
             }], tetaDragEnter: [{
                 type: Output
             }], tetaDrop: [{