@node-projects/web-component-designer 0.0.266 → 0.0.267

package/dist/elements/services/bindableObjectsService/IBindableObjectDragDropService.d.ts

@@ -1,11 +1,12 @@
+import { IDesignItem } from "../../item/IDesignItem.js";
 import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
 import { IProperty } from "../propertiesService/IProperty.js";
 import { IBindableObject } from "./IBindableObject.js";
 export interface IBindableObjectDragDropService {
-    dragEnter(designerCanvas: IDesignerCanvas, event: DragEvent, element: Element): any;
-    dragLeave(designerCanvas: IDesignerCanvas, event: DragEvent, element: Element): any;
+    dragEnter(designerCanvas: IDesignerCanvas, event: DragEvent, element: Element): void;
+    dragLeave(designerCanvas: IDesignerCanvas, event: DragEvent, element: Element): void;
     dragOver(designerCanvas: IDesignerCanvas, event: DragEvent, element: Element): 'none' | 'copy' | 'link' | 'move';
-    drop(designerCanvas: IDesignerCanvas, event: DragEvent, bindableObject: IBindableObject<any>, element: Element): any;
-    dragOverOnProperty?(event: DragEvent, property: IProperty): 'none' | 'copy' | 'link' | 'move';
-    dropOnProperty?(event: DragEvent, property: IProperty): any;
+    drop(designerCanvas: IDesignerCanvas, event: DragEvent, bindableObject: IBindableObject<any>, element: Element): void;
+    dragOverOnProperty?(event: DragEvent, property: IProperty, designItems: IDesignItem[]): 'none' | 'copy' | 'link' | 'move';
+    dropOnProperty?(event: DragEvent, property: IProperty, bindableObject: IBindableObject<any>, designItems: IDesignItem[]): void;
 }

package/dist/elements/widgets/designerView/designerCanvas.js

@@ -780,8 +780,7 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
                 const ddService = this.serviceContainer.bindableObjectDragDropService;
                 if (ddService) {
                     const el = this.getElementAtPoint({ x: event.x, y: event.y });
-                    const effect = ddService.drop(this, event, bo, el);
-                    event.dataTransfer.dropEffect = effect;
+                    ddService.drop(this, event, bo, el);
                 }
             }
             else {

package/dist/elements/widgets/propertyGrid/PropertyGridPropertyList.js

@@ -224,7 +224,7 @@ export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
         if (hasTransferDataBindingObject) {
             const ddService = this._serviceContainer.bindableObjectDragDropService;
             if (ddService) {
-                const effect = ddService.dragOverOnProperty(event, property);
+                const effect = ddService.dragOverOnProperty(event, property, this._designItems);
                 if ((effect ?? 'none') != 'none') {
                     label.classList.add('createBinding');
                     event.dataTransfer.dropEffect = effect;
@@ -238,11 +238,12 @@ export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
     _onDrop(event, property, label) {
         event.preventDefault();
         label.classList.remove('createBinding');
-        const hasTransferDataBindingObject = event.dataTransfer.types.indexOf(dragDropFormatNameBindingObject) >= 0;
-        if (hasTransferDataBindingObject) {
+        const transferDataBindingObject = event.dataTransfer.getData(dragDropFormatNameBindingObject);
+        if (transferDataBindingObject) {
+            const bo = JSON.parse(transferDataBindingObject);
             const ddService = this._serviceContainer.bindableObjectDragDropService;
             if (ddService) {
-                ddService.dropOnProperty(event, property);
+                ddService.dropOnProperty(event, property, bo, this._designItems);
             }
         }
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A UI designer for Polymer apps",
   "name": "@node-projects/web-component-designer",
-  "version": "0.0.266",
+  "version": "0.0.267",
   "type": "module",
   "main": "./dist/index.js",
   "author": "",