@node-projects/web-component-designer 0.0.67 → 0.0.68

package/dist/Constants.d.ts

@@ -1,3 +1,3 @@
-export declare const dragDropFormatNameElementDefinition = "text/json/elementDefintion";
-export declare const dragDropFormatNameBindingObject = "text/json/bindingObject";
+export declare const dragDropFormatNameElementDefinition = "text/json/elementdefintion";
+export declare const dragDropFormatNameBindingObject = "text/json/bindingobject";
 export declare const assetsPath = "./node_modules/@node-projects/web-component-designer/assets/";

package/dist/Constants.js

@@ -1,3 +1,3 @@
-export const dragDropFormatNameElementDefinition = 'text/json/elementDefintion';
-export const dragDropFormatNameBindingObject = 'text/json/bindingObject';
+export const dragDropFormatNameElementDefinition = 'text/json/elementdefintion';
+export const dragDropFormatNameBindingObject = 'text/json/bindingobject';
 export const assetsPath = './node_modules/@node-projects/web-component-designer/assets/';

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

@@ -1,6 +1,8 @@
 import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
 import { IBindableObject } from "./IBindableObject.js";
 export interface IBindableObjectDragDropService {
-    dragOver(event: DragEvent, bindableObject: IBindableObject<any>): 'none' | 'copy' | 'link' | 'move';
+    dragEnter(designerCanvas: IDesignerCanvas, event: DragEvent): any;
+    dragLeave(designerCanvas: IDesignerCanvas, event: DragEvent): any;
+    dragOver(designerCanvas: IDesignerCanvas, event: DragEvent): 'none' | 'copy' | 'link' | 'move';
     drop(designerCanvas: IDesignerCanvas, event: DragEvent, bindableObject: IBindableObject<any>): any;
 }

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

@@ -376,11 +376,29 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
             requestAnimationFrame(() => prepService.prepareElementsForDesigner(this.rootDesignItem));
     }
     _onDragEnter(event) {
+        this._fillCalculationrects();
         event.preventDefault();
+        const hasTransferDataBindingObject = event.dataTransfer.types.indexOf(dragDropFormatNameBindingObject) >= 0;
+        if (hasTransferDataBindingObject) {
+            const ddService = this.serviceContainer.bindableObjectDragDropService;
+            if (ddService) {
+                const effect = ddService.dragEnter(this, event);
+                event.dataTransfer.dropEffect = effect;
+            }
+        }
     }
     _onDragLeave(event) {
+        this._fillCalculationrects();
         event.preventDefault();
         this._canvas.classList.remove('dragFileActive');
+        const hasTransferDataBindingObject = event.dataTransfer.types.indexOf(dragDropFormatNameBindingObject) >= 0;
+        if (hasTransferDataBindingObject) {
+            const ddService = this.serviceContainer.bindableObjectDragDropService;
+            if (ddService) {
+                const effect = ddService.dragLeave(this, event);
+                event.dataTransfer.dropEffect = effect;
+            }
+        }
     }
     _onDragOver(event) {
         event.preventDefault();
@@ -401,12 +419,11 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
                     this._canvas.classList.add('dragFileActive');
             }
         }
-        const transferDataBindingObject = event.dataTransfer.getData(dragDropFormatNameBindingObject);
-        if (transferDataBindingObject) {
-            const bo = JSON.parse(transferDataBindingObject);
+        const hasTransferDataBindingObject = event.dataTransfer.types.indexOf(dragDropFormatNameBindingObject) >= 0;
+        if (hasTransferDataBindingObject) {
             const ddService = this.serviceContainer.bindableObjectDragDropService;
             if (ddService) {
-                const effect = ddService.dragOver(event, bo);
+                const effect = ddService.dragOver(this, event);
                 event.dataTransfer.dropEffect = effect;
             }
         }

package/dist/index.d.ts

@@ -113,6 +113,7 @@ export * from "./elements/widgets/designerView/tools/ZoomTool.js";
 export type { IDesignerExtension } from "./elements/widgets/designerView/extensions/IDesignerExtension.js";
 export type { IDesignerExtensionProvider } from "./elements/widgets/designerView/extensions/IDesignerExtensionProvider.js";
 export type { IExtensionManager } from "./elements/widgets/designerView/extensions/IExtensionManger.js";
+export * from "./elements/widgets/designerView/extensions/OverlayLayer.js";
 export * from "./elements/widgets/designerView/extensions/ExtensionType.js";
 export * from "./elements/widgets/designerView/extensions/AbstractExtension.js";
 export * from "./elements/widgets/designerView/extensions/AltToEnterContainerExtension.js";

package/dist/index.js

@@ -73,6 +73,7 @@ export * from "./elements/widgets/designerView/tools/PointerTool.js";
 export * from "./elements/widgets/designerView/tools/RectangleSelectorTool.js";
 export * from "./elements/widgets/designerView/tools/TextTool.js";
 export * from "./elements/widgets/designerView/tools/ZoomTool.js";
+export * from "./elements/widgets/designerView/extensions/OverlayLayer.js";
 export * from "./elements/widgets/designerView/extensions/ExtensionType.js";
 export * from "./elements/widgets/designerView/extensions/AbstractExtension.js";
 export * from "./elements/widgets/designerView/extensions/AltToEnterContainerExtension.js";

package/package.json

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