@blokkli/editor 2.0.0-alpha.36 → 2.0.0-alpha.37

package/dist/runtime/editor/composables/defineDropHandler.d.ts

@@ -0,0 +1,3 @@
+import type { DraggableItemTypes } from '../types/draggable.js';
+import type { DropHandler } from '../providers/dragdrop.js';
+export declare function defineDropHandler<K extends keyof DraggableItemTypes>(itemType: K, handler: DropHandler<K>): void;

package/dist/runtime/editor/composables/defineDropHandler.js

@@ -0,0 +1,10 @@
+import { onBeforeUnmount, onMounted, useBlokkli } from "#imports";
+export function defineDropHandler(itemType, handler) {
+  const { dragdrop } = useBlokkli();
+  onMounted(() => {
+    dragdrop.registerDropHandler(itemType, handler);
+  });
+  onBeforeUnmount(() => {
+    dragdrop.unregisterDropHandler(itemType, handler);
+  });
+}

package/dist/runtime/editor/composables/index.d.ts

@@ -2,6 +2,7 @@ export { addElementClasses } from './addElementClasses.js';
 export { defineAddAction } from './defineAddAction.js';
 export { defineCommands } from './defineCommands.js';
 export { defineDropAreas } from './defineDropAreas.js';
+export { defineDropHandler } from './defineDropHandler.js';
 export { defineElementStyle } from './defineElementStyle.js';
 export { defineItemDropdownAction } from './defineItemDropdownAction.js';
 export { defineMenuButton } from './defineMenuButton.js';

package/dist/runtime/editor/composables/index.js

@@ -2,6 +2,7 @@ export { addElementClasses } from "./addElementClasses.js";
 export { defineAddAction } from "./defineAddAction.js";
 export { defineCommands } from "./defineCommands.js";
 export { defineDropAreas } from "./defineDropAreas.js";
+export { defineDropHandler } from "./defineDropHandler.js";
 export { defineElementStyle } from "./defineElementStyle.js";
 export { defineItemDropdownAction } from "./defineItemDropdownAction.js";
 export { defineMenuButton } from "./defineMenuButton.js";