@gravionlabs/helix-core 22.1.2 → 22.1.3

package/fesm2022/gravionlabs-helix-core-dragdrop.mjs

@@ -1,303 +1,458 @@
-import * as i0 from '@angular/core';
-import { input, output, effect, booleanAttribute, Directive, NgModule } from '@angular/core';
-import { removeClass, addClass } from '@gravionlabs/helix-core/uix/utils';
-import { DomHandler } from '@gravionlabs/helix-core/dom';
-
-/**
- * hDraggable directive apply draggable behavior to any element.
- * @group Components
- */
-class Draggable {
-    el;
-    zone;
-    renderer;
-    scope = input(undefined, { ...(ngDevMode ? { debugName: "scope" } : /* istanbul ignore next */ {}), alias: "hDraggable" });
-    /**
-     * Defines the cursor style.
-     * @group Props
-     */
-    dragEffect = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "dragEffect" }] : /* istanbul ignore next */ []));
-    /**
-     * Selector to define the drag handle, by default anywhere on the target element is a drag handle to start dragging.
-     * @group Props
-     */
-    dragHandle = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "dragHandle" }] : /* istanbul ignore next */ []));
-    /**
-     * Callback to invoke when drag begins.
-     * @param {DragEvent} event - Drag event.
-     * @group Emits
-     */
-    onDragStart = output();
-    /**
-     * Callback to invoke when drag ends.
-     * @param {DragEvent} event - Drag event.
-     * @group Emits
-     */
-    onDragEnd = output();
-    /**
-     * Callback to invoke on dragging.
-     * @param {DragEvent} event - Drag event.
-     * @group Emits
-     */
-    onDrag = output();
-    handle;
-    dragListener;
-    mouseDownListener;
-    mouseUpListener;
-    constructor(el, zone, renderer) {
-        this.el = el;
-        this.zone = zone;
-        this.renderer = renderer;
-        effect(() => {
-            const disabled = this.pDraggableDisabled();
-            if (disabled) {
-                this.unbindMouseListeners();
-            }
-            else {
-                this.el.nativeElement.draggable = true;
-                this.bindMouseListeners();
-            }
-        });
-    }
-    pDraggableDisabled = input(false, { ...(ngDevMode ? { debugName: "pDraggableDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    ngAfterViewInit() {
-        if (!this.pDraggableDisabled()) {
-            this.el.nativeElement.draggable = true;
-            this.bindMouseListeners();
-        }
-    }
-    bindDragListener() {
-        if (!this.dragListener) {
-            this.zone.runOutsideAngular(() => {
-                this.dragListener = this.renderer.listen(this.el.nativeElement, 'drag', this.drag.bind(this));
-            });
-        }
-    }
-    unbindDragListener() {
-        if (this.dragListener) {
-            this.zone.runOutsideAngular(() => {
-                this.dragListener && this.dragListener();
-                this.dragListener = null;
-            });
-        }
-    }
-    bindMouseListeners() {
-        if (!this.mouseDownListener && !this.mouseUpListener) {
-            this.zone.runOutsideAngular(() => {
-                this.mouseDownListener = this.renderer.listen(this.el.nativeElement, 'mousedown', this.mousedown.bind(this));
-                this.mouseUpListener = this.renderer.listen(this.el.nativeElement, 'mouseup', this.mouseup.bind(this));
-            });
-        }
-    }
-    unbindMouseListeners() {
-        if (this.mouseDownListener && this.mouseUpListener) {
-            this.zone.runOutsideAngular(() => {
-                this.mouseDownListener && this.mouseDownListener();
-                this.mouseUpListener && this.mouseUpListener();
-                this.mouseDownListener = null;
-                this.mouseUpListener = null;
-            });
-        }
-    }
-    drag(event) {
-        this.onDrag.emit(event);
-    }
-    dragStart(event) {
-        if (this.allowDrag() && !this.pDraggableDisabled()) {
-            const dragEffect = this.dragEffect();
-            if (dragEffect) {
-                event.dataTransfer.effectAllowed = dragEffect;
-            }
-            event.dataTransfer.setData('text', this.scope());
-            this.onDragStart.emit(event);
-            this.bindDragListener();
-        }
-        else {
-            event.preventDefault();
-        }
-    }
-    dragEnd(event) {
-        this.onDragEnd.emit(event);
-        this.unbindDragListener();
-    }
-    mousedown(event) {
-        this.handle = event.target;
-    }
-    mouseup(event) {
-        this.handle = null;
-    }
-    allowDrag() {
-        const dragHandle = this.dragHandle();
-        if (dragHandle && this.handle)
-            return DomHandler.matches(this.handle, dragHandle);
-        else
-            return true;
-    }
-    ngOnDestroy() {
-        this.unbindDragListener();
-        this.unbindMouseListeners();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Draggable, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: Draggable, isStandalone: true, selector: "[hDraggable]", inputs: { scope: { classPropertyName: "scope", publicName: "hDraggable", isSignal: true, isRequired: false, transformFunction: null }, dragEffect: { classPropertyName: "dragEffect", publicName: "dragEffect", isSignal: true, isRequired: false, transformFunction: null }, dragHandle: { classPropertyName: "dragHandle", publicName: "dragHandle", isSignal: true, isRequired: false, transformFunction: null }, pDraggableDisabled: { classPropertyName: "pDraggableDisabled", publicName: "pDraggableDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDragStart: "onDragStart", onDragEnd: "onDragEnd", onDrag: "onDrag" }, host: { listeners: { "dragstart": "dragStart($event)", "dragend": "dragEnd($event)" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Draggable, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[hDraggable]',
-                    standalone: true,
-                    host: {
-                        '(dragstart)': 'dragStart($event)',
-                        '(dragend)': 'dragEnd($event)'
-                    }
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }], propDecorators: { scope: [{ type: i0.Input, args: [{ isSignal: true, alias: "hDraggable", required: false }] }], dragEffect: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragEffect", required: false }] }], dragHandle: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragHandle", required: false }] }], onDragStart: [{ type: i0.Output, args: ["onDragStart"] }], onDragEnd: [{ type: i0.Output, args: ["onDragEnd"] }], onDrag: [{ type: i0.Output, args: ["onDrag"] }], pDraggableDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "pDraggableDisabled", required: false }] }] } });
-/**
- * hDroppable directive apply droppable behavior to any element.
- * @group Components
- */
-class Droppable {
-    el;
-    zone;
-    renderer;
-    scope = input(undefined, { ...(ngDevMode ? { debugName: "scope" } : /* istanbul ignore next */ {}), alias: "hDroppable" });
-    /**
-     * Whether the element is droppable, useful for conditional cases.
-     * @group Props
-     */
-    pDroppableDisabled = input(false, { ...(ngDevMode ? { debugName: "pDroppableDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    constructor(el, zone, renderer) {
-        this.el = el;
-        this.zone = zone;
-        this.renderer = renderer;
-        effect(() => {
-            const disabled = this.pDroppableDisabled();
-            if (disabled) {
-                this.unbindDragOverListener();
-            }
-            else {
-                this.bindDragOverListener();
-            }
-        });
-    }
-    /**
-     * Defines the cursor style, valid values are none, copy, move, link, copyMove, copyLink, linkMove and all.
-     * @group Props
-     */
-    dropEffect = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "dropEffect" }] : /* istanbul ignore next */ []));
-    /**
-     * Callback to invoke when a draggable enters drop area.
-     * @group Emits
-     */
-    onDragEnter = output();
-    /**
-     * Callback to invoke when a draggable leave drop area.
-     * @group Emits
-     */
-    onDragLeave = output();
-    /**
-     * Callback to invoke when a draggable is dropped onto drop area.
-     * @group Emits
-     */
-    onDrop = output();
-    dragOverListener;
-    ngAfterViewInit() {
-        if (!this.pDroppableDisabled()) {
-            this.bindDragOverListener();
-        }
-    }
-    bindDragOverListener() {
-        if (!this.dragOverListener) {
-            this.zone.runOutsideAngular(() => {
-                this.dragOverListener = this.renderer.listen(this.el.nativeElement, 'dragover', this.dragOver.bind(this));
-            });
-        }
-    }
-    unbindDragOverListener() {
-        if (this.dragOverListener) {
-            this.zone.runOutsideAngular(() => {
-                this.dragOverListener && this.dragOverListener();
-                this.dragOverListener = null;
-            });
-        }
-    }
-    dragOver(event) {
-        event.preventDefault();
-    }
-    drop(event) {
-        if (this.allowDrop(event)) {
-            removeClass(this.el.nativeElement, 'h-draggable-enter');
-            event.preventDefault();
-            this.onDrop.emit(event);
-        }
-    }
-    dragEnter(event) {
-        event.preventDefault();
-        const dropEffect = this.dropEffect();
-        if (dropEffect) {
-            event.dataTransfer.dropEffect = dropEffect;
-        }
-        addClass(this.el.nativeElement, 'h-draggable-enter');
-        this.onDragEnter.emit(event);
-    }
-    dragLeave(event) {
-        event.preventDefault();
-        if (!this.el.nativeElement.contains(event.relatedTarget)) {
-            removeClass(this.el.nativeElement, 'h-draggable-enter');
-            this.onDragLeave.emit(event);
-        }
-    }
-    allowDrop(event) {
-        let dragScope = event.dataTransfer.getData('text');
-        const scope = this.scope();
-        if (typeof scope == 'string' && dragScope == scope) {
-            return true;
-        }
-        else if (Array.isArray(scope)) {
-            for (let j = 0; j < scope.length; j++) {
-                if (dragScope == scope[j]) {
-                    return true;
-                }
-            }
-        }
-        return false;
-    }
-    ngOnDestroy() {
-        this.unbindDragOverListener();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Droppable, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: Droppable, isStandalone: true, selector: "[hDroppable]", inputs: { scope: { classPropertyName: "scope", publicName: "hDroppable", isSignal: true, isRequired: false, transformFunction: null }, pDroppableDisabled: { classPropertyName: "pDroppableDisabled", publicName: "pDroppableDisabled", isSignal: true, isRequired: false, transformFunction: null }, dropEffect: { classPropertyName: "dropEffect", publicName: "dropEffect", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDragEnter: "onDragEnter", onDragLeave: "onDragLeave", onDrop: "onDrop" }, host: { listeners: { "drop": "drop($event)", "dragenter": "dragEnter($event)", "dragleave": "dragLeave($event)" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Droppable, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[hDroppable]',
-                    standalone: true,
-                    host: {
-                        '(drop)': 'drop($event)',
-                        '(dragenter)': 'dragEnter($event)',
-                        '(dragleave)': 'dragLeave($event)'
-                    }
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }], propDecorators: { scope: [{ type: i0.Input, args: [{ isSignal: true, alias: "hDroppable", required: false }] }], pDroppableDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "pDroppableDisabled", required: false }] }], dropEffect: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropEffect", required: false }] }], onDragEnter: [{ type: i0.Output, args: ["onDragEnter"] }], onDragLeave: [{ type: i0.Output, args: ["onDragLeave"] }], onDrop: [{ type: i0.Output, args: ["onDrop"] }] } });
-class DragDropModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: DragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: DragDropModule, imports: [Draggable, Droppable], exports: [Draggable, Droppable] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: DragDropModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: DragDropModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Draggable, Droppable],
-                    exports: [Draggable, Droppable]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { Directive, NgModule, booleanAttribute, effect, input, output } from "@angular/core";
+import { addClass, removeClass } from "@gravionlabs/helix-core/uix/utils";
+import { DomHandler } from "@gravionlabs/helix-core/dom";
+var Draggable = class Draggable {
+	el;
+	zone;
+	renderer;
+	scope = input(void 0, {
+		...ngDevMode ? { debugName: "scope" } : 		/* istanbul ignore next */ {},
+		alias: "hDraggable"
+	});
+	dragEffect = input(...ngDevMode ? [void 0, { debugName: "dragEffect" }] : 	/* istanbul ignore next */ []);
+	dragHandle = input(...ngDevMode ? [void 0, { debugName: "dragHandle" }] : 	/* istanbul ignore next */ []);
+	onDragStart = output();
+	onDragEnd = output();
+	onDrag = output();
+	handle;
+	dragListener;
+	mouseDownListener;
+	mouseUpListener;
+	constructor(el, zone, renderer) {
+		this.el = el;
+		this.zone = zone;
+		this.renderer = renderer;
+		effect(() => {
+			if (this.pDraggableDisabled()) this.unbindMouseListeners();
+			else {
+				this.el.nativeElement.draggable = true;
+				this.bindMouseListeners();
+			}
+		});
+	}
+	pDraggableDisabled = input(false, {
+		...ngDevMode ? { debugName: "pDraggableDisabled" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	ngAfterViewInit() {
+		if (!this.pDraggableDisabled()) {
+			this.el.nativeElement.draggable = true;
+			this.bindMouseListeners();
+		}
+	}
+	bindDragListener() {
+		if (!this.dragListener) this.zone.runOutsideAngular(() => {
+			this.dragListener = this.renderer.listen(this.el.nativeElement, "drag", this.drag.bind(this));
+		});
+	}
+	unbindDragListener() {
+		if (this.dragListener) this.zone.runOutsideAngular(() => {
+			this.dragListener && this.dragListener();
+			this.dragListener = null;
+		});
+	}
+	bindMouseListeners() {
+		if (!this.mouseDownListener && !this.mouseUpListener) this.zone.runOutsideAngular(() => {
+			this.mouseDownListener = this.renderer.listen(this.el.nativeElement, "mousedown", this.mousedown.bind(this));
+			this.mouseUpListener = this.renderer.listen(this.el.nativeElement, "mouseup", this.mouseup.bind(this));
+		});
+	}
+	unbindMouseListeners() {
+		if (this.mouseDownListener && this.mouseUpListener) this.zone.runOutsideAngular(() => {
+			this.mouseDownListener && this.mouseDownListener();
+			this.mouseUpListener && this.mouseUpListener();
+			this.mouseDownListener = null;
+			this.mouseUpListener = null;
+		});
+	}
+	drag(event) {
+		this.onDrag.emit(event);
+	}
+	dragStart(event) {
+		if (this.allowDrag() && !this.pDraggableDisabled()) {
+			const dragEffect = this.dragEffect();
+			if (dragEffect) event.dataTransfer.effectAllowed = dragEffect;
+			event.dataTransfer.setData("text", this.scope());
+			this.onDragStart.emit(event);
+			this.bindDragListener();
+		} else event.preventDefault();
+	}
+	dragEnd(event) {
+		this.onDragEnd.emit(event);
+		this.unbindDragListener();
+	}
+	mousedown(event) {
+		this.handle = event.target;
+	}
+	mouseup(event) {
+		this.handle = null;
+	}
+	allowDrag() {
+		const dragHandle = this.dragHandle();
+		if (dragHandle && this.handle) return DomHandler.matches(this.handle, dragHandle);
+		else return true;
+	}
+	ngOnDestroy() {
+		this.unbindDragListener();
+		this.unbindMouseListeners();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: Draggable,
+		deps: [
+			{ token: i0.ElementRef },
+			{ token: i0.NgZone },
+			{ token: i0.Renderer2 }
+		],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: Draggable,
+		isStandalone: true,
+		selector: "[hDraggable]",
+		inputs: {
+			scope: {
+				classPropertyName: "scope",
+				publicName: "hDraggable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dragEffect: {
+				classPropertyName: "dragEffect",
+				publicName: "dragEffect",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dragHandle: {
+				classPropertyName: "dragHandle",
+				publicName: "dragHandle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pDraggableDisabled: {
+				classPropertyName: "pDraggableDisabled",
+				publicName: "pDraggableDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			onDragStart: "onDragStart",
+			onDragEnd: "onDragEnd",
+			onDrag: "onDrag"
+		},
+		host: { listeners: {
+			"dragstart": "dragStart($event)",
+			"dragend": "dragEnd($event)"
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: Draggable,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[hDraggable]",
+			standalone: true,
+			host: {
+				"(dragstart)": "dragStart($event)",
+				"(dragend)": "dragEnd($event)"
+			}
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i0.ElementRef },
+		{ type: i0.NgZone },
+		{ type: i0.Renderer2 }
+	],
+	propDecorators: {
+		scope: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hDraggable",
+				required: false
+			}]
+		}],
+		dragEffect: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dragEffect",
+				required: false
+			}]
+		}],
+		dragHandle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dragHandle",
+				required: false
+			}]
+		}],
+		onDragStart: [{
+			type: i0.Output,
+			args: ["onDragStart"]
+		}],
+		onDragEnd: [{
+			type: i0.Output,
+			args: ["onDragEnd"]
+		}],
+		onDrag: [{
+			type: i0.Output,
+			args: ["onDrag"]
+		}],
+		pDraggableDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pDraggableDisabled",
+				required: false
+			}]
+		}]
+	}
+});
+var Droppable = class Droppable {
+	el;
+	zone;
+	renderer;
+	scope = input(void 0, {
+		...ngDevMode ? { debugName: "scope" } : 		/* istanbul ignore next */ {},
+		alias: "hDroppable"
+	});
+	pDroppableDisabled = input(false, {
+		...ngDevMode ? { debugName: "pDroppableDisabled" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	constructor(el, zone, renderer) {
+		this.el = el;
+		this.zone = zone;
+		this.renderer = renderer;
+		effect(() => {
+			if (this.pDroppableDisabled()) this.unbindDragOverListener();
+			else this.bindDragOverListener();
+		});
+	}
+	dropEffect = input(...ngDevMode ? [void 0, { debugName: "dropEffect" }] : 	/* istanbul ignore next */ []);
+	onDragEnter = output();
+	onDragLeave = output();
+	onDrop = output();
+	dragOverListener;
+	ngAfterViewInit() {
+		if (!this.pDroppableDisabled()) this.bindDragOverListener();
+	}
+	bindDragOverListener() {
+		if (!this.dragOverListener) this.zone.runOutsideAngular(() => {
+			this.dragOverListener = this.renderer.listen(this.el.nativeElement, "dragover", this.dragOver.bind(this));
+		});
+	}
+	unbindDragOverListener() {
+		if (this.dragOverListener) this.zone.runOutsideAngular(() => {
+			this.dragOverListener && this.dragOverListener();
+			this.dragOverListener = null;
+		});
+	}
+	dragOver(event) {
+		event.preventDefault();
+	}
+	drop(event) {
+		if (this.allowDrop(event)) {
+			removeClass(this.el.nativeElement, "h-draggable-enter");
+			event.preventDefault();
+			this.onDrop.emit(event);
+		}
+	}
+	dragEnter(event) {
+		event.preventDefault();
+		const dropEffect = this.dropEffect();
+		if (dropEffect) event.dataTransfer.dropEffect = dropEffect;
+		addClass(this.el.nativeElement, "h-draggable-enter");
+		this.onDragEnter.emit(event);
+	}
+	dragLeave(event) {
+		event.preventDefault();
+		if (!this.el.nativeElement.contains(event.relatedTarget)) {
+			removeClass(this.el.nativeElement, "h-draggable-enter");
+			this.onDragLeave.emit(event);
+		}
+	}
+	allowDrop(event) {
+		let dragScope = event.dataTransfer.getData("text");
+		const scope = this.scope();
+		if (typeof scope == "string" && dragScope == scope) return true;
+		else if (Array.isArray(scope)) {
+			for (let j = 0; j < scope.length; j++) if (dragScope == scope[j]) return true;
+		}
+		return false;
+	}
+	ngOnDestroy() {
+		this.unbindDragOverListener();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: Droppable,
+		deps: [
+			{ token: i0.ElementRef },
+			{ token: i0.NgZone },
+			{ token: i0.Renderer2 }
+		],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: Droppable,
+		isStandalone: true,
+		selector: "[hDroppable]",
+		inputs: {
+			scope: {
+				classPropertyName: "scope",
+				publicName: "hDroppable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pDroppableDisabled: {
+				classPropertyName: "pDroppableDisabled",
+				publicName: "pDroppableDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dropEffect: {
+				classPropertyName: "dropEffect",
+				publicName: "dropEffect",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			onDragEnter: "onDragEnter",
+			onDragLeave: "onDragLeave",
+			onDrop: "onDrop"
+		},
+		host: { listeners: {
+			"drop": "drop($event)",
+			"dragenter": "dragEnter($event)",
+			"dragleave": "dragLeave($event)"
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: Droppable,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[hDroppable]",
+			standalone: true,
+			host: {
+				"(drop)": "drop($event)",
+				"(dragenter)": "dragEnter($event)",
+				"(dragleave)": "dragLeave($event)"
+			}
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i0.ElementRef },
+		{ type: i0.NgZone },
+		{ type: i0.Renderer2 }
+	],
+	propDecorators: {
+		scope: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hDroppable",
+				required: false
+			}]
+		}],
+		pDroppableDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pDroppableDisabled",
+				required: false
+			}]
+		}],
+		dropEffect: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dropEffect",
+				required: false
+			}]
+		}],
+		onDragEnter: [{
+			type: i0.Output,
+			args: ["onDragEnter"]
+		}],
+		onDragLeave: [{
+			type: i0.Output,
+			args: ["onDragLeave"]
+		}],
+		onDrop: [{
+			type: i0.Output,
+			args: ["onDrop"]
+		}]
+	}
+});
+var DragDropModule = class DragDropModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: DragDropModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: DragDropModule,
+		imports: [Draggable, Droppable],
+		exports: [Draggable, Droppable]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: DragDropModule
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: DragDropModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [Draggable, Droppable],
+			exports: [Draggable, Droppable]
+		}]
+	}]
+});
 export { DragDropModule, Draggable, Droppable };
-//# sourceMappingURL=gravionlabs-helix-core-dragdrop.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-dragdrop.mjs.map