@geajs/ui 0.1.4 → 0.2.0

package/dist/dialog.mjs

@@ -0,0 +1,139 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT, GEA_PATCH_COND, GEA_REGISTER_COND, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as dialog from "@zag-js/dialog";
+//#region src/components/dialog.tsx
+var Dialog = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "gea-dialog";
+	}
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this[geaCondValueSymbol(0)] = !!this.props.title;
+		this[geaCondValueSymbol(1)] = !!this.props.description;
+		this[geaCondValueSymbol(2)] = !!this.props.triggerLabel;
+		this[GEA_REGISTER_COND](0, "c0", () => {
+			this.props;
+			return this.props.title;
+		}, () => {
+			this.props;
+			return `<h2 data-part="title" class="dialog-title text-lg font-semibold mb-2">${geaEscapeHtml(String(this.props.title))}</h2>`;
+		}, null);
+		this[GEA_REGISTER_COND](1, "c1", () => {
+			this.props;
+			return this.props.description;
+		}, () => {
+			this.props;
+			return `<p data-part="description" class="dialog-description text-sm text-gray-500 mb-4">${geaEscapeHtml(String(this.props.description))}</p>`;
+		}, null);
+		this[GEA_REGISTER_COND](2, "c2", () => {
+			this.props;
+			return this.props.triggerLabel;
+		}, () => {
+			this.props;
+			return `<button data-part="trigger" class="dialog-trigger">${geaEscapeHtml(String(this.props.triggerLabel))}</button>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return dialog.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			modal: props.modal ?? true,
+			closeOnInteractOutside: props.closeOnInteractOutside ?? true,
+			closeOnEscape: props.closeOnEscape ?? true,
+			trapFocus: props.trapFocus ?? true,
+			preventScroll: props.preventScroll ?? true,
+			role: props.role ?? "dialog",
+			"aria-label": props["aria-label"],
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return dialog.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"backdrop\"]": "getBackdropProps",
+			"[data-part=\"positioner\"]": (api) => ({
+				...api.getPositionerProps(),
+				hidden: !api.open
+			}),
+			"[data-part=\"content\"]": "getContentProps",
+			"[data-part=\"title\"]": "getTitleProps",
+			"[data-part=\"description\"]": "getDescriptionProps",
+			"[data-part=\"close-trigger\"]": (api) => {
+				const { id: _, ...props } = api.getCloseTriggerProps();
+				return {
+					...props,
+					onclick: (e) => {
+						if (e.defaultPrevented) return;
+						api.setOpen(false);
+					}
+				};
+			},
+			"[data-part=\"trigger\"]": (api) => {
+				const props = api.getTriggerProps();
+				const origOnClick = props.onclick;
+				const preventTriggerFocus = (e) => {
+					if ("button" in e && e.button !== 0) return;
+					e.preventDefault();
+				};
+				return {
+					...props,
+					onpointerdown: preventTriggerFocus,
+					onmousedown: preventTriggerFocus,
+					onclick: (e) => {
+						e.currentTarget?.blur();
+						origOnClick?.(e);
+					}
+				};
+			}
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent, "zag-component");
+		return `<div id="${__id}"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><!--${__id + "-c2"}-->${props.triggerLabel && `<button data-part="trigger" class="dialog-trigger">${geaEscapeHtml(String(props.triggerLabel))}</button>` || ""}<!--${__id + "-c2-end"}--><div data-part="backdrop" class="dialog-backdrop fixed inset-0 bg-black/50 z-50" hidden></div><div data-part="positioner" class="dialog-positioner fixed inset-0 flex items-center justify-center z-50" hidden><div data-part="content" class="dialog-content bg-white rounded-lg shadow-xl p-6 w-full max-w-md mx-4"><!--${__id + "-c0"}-->${props.title && `<h2 data-part="title" class="dialog-title text-lg font-semibold mb-2">${geaEscapeHtml(String(props.title))}</h2>` || ""}<!--${__id + "-c0-end"}--><!--${__id + "-c1"}-->${props.description && `<p data-part="description" class="dialog-description text-sm text-gray-500 mb-4">${geaEscapeHtml(String(props.description))}</p>` || ""}<!--${__id + "-c1-end"}--><div id="${__id + "-b1"}" class="dialog-body">${props.children}</div><button data-part="close-trigger" class="dialog-close-trigger absolute top-3 right-3 text-gray-400 hover:text-gray-600">✕</button></div></div></div>`;
+	}
+	__onPropChange(key, value) {
+		const __id = this.id;
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = value || "";
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "children") {
+			const __el = this.__e0 || (this.__e0 = document.getElementById(__id + "-b1"));
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+		if (key === "title") this[GEA_PATCH_COND](0);
+		if (key === "description") this[GEA_PATCH_COND](1);
+		if (key === "triggerLabel") this[GEA_PATCH_COND](2);
+	}
+	*GEA_RESET_ELS() {
+		this.__e0 = null;
+	}
+};
+//#endregion
+export { Dialog as default };
+
+//# sourceMappingURL=dialog.mjs.map

package/dist/dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.mjs","names":["dialog","OpenChangeDetails","normalizeProps","ReactNode","ZagComponent","DialogProps","class","children","triggerLabel","title","description","open","defaultOpen","modal","closeOnInteractOutside","closeOnEscape","trapFocus","preventScroll","role","onOpenChange","details","Dialog","GEA_CTOR_TAG_NAME","constructor","args","props","geaCondValueSymbol","GEA_REGISTER_COND","geaEscapeHtml","String","createMachine","_props","machine","getMachineProps","id","connectApi","service","connect","getSpreadMap","[data-part=\"positioner\"]","api","getPositionerProps","hidden","[data-part=\"close-trigger\"]","_","getCloseTriggerProps","onclick","e","MouseEvent","defaultPrevented","setOpen","[data-part=\"trigger\"]","getTriggerProps","origOnClick","preventTriggerFocus","PointerEvent","button","preventDefault","onpointerdown","onmousedown","currentTarget","HTMLElement","blur","syncState","template","__id","Component","_register","trim","__onPropChange","key","value","__el","GEA_ELEMENT","__boundValue","__newClass","className","__e0","document","getElementById","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","GEA_PATCH_COND","GEA_RESET_ELS"],"sources":["../src/components/dialog.tsx"],"sourcesContent":["import * as dialog from '@zag-js/dialog'\nimport type { OpenChangeDetails } from '@zag-js/dialog'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport type { ReactNode } from 'react'\nimport ZagComponent from '../primitives/zag-component'\n\nexport interface DialogProps {\n  class?: string\n  children?: ReactNode\n  triggerLabel?: string\n  title?: string\n  description?: string\n  open?: boolean\n  defaultOpen?: boolean\n  modal?: boolean\n  closeOnInteractOutside?: boolean\n  closeOnEscape?: boolean\n  trapFocus?: boolean\n  preventScroll?: boolean\n  role?: string\n  'aria-label'?: string\n  onOpenChange?: (details: OpenChangeDetails) => void\n}\n\nexport default class Dialog extends ZagComponent<DialogProps> {\n  declare open: boolean\n\n  createMachine(_props: DialogProps): any {\n    return dialog.machine\n  }\n\n  getMachineProps(props: DialogProps) {\n    return {\n      id: this.id,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      modal: props.modal ?? true,\n      closeOnInteractOutside: props.closeOnInteractOutside ?? true,\n      closeOnEscape: props.closeOnEscape ?? true,\n      trapFocus: props.trapFocus ?? true,\n      preventScroll: props.preventScroll ?? true,\n      role: props.role ?? 'dialog',\n      'aria-label': props['aria-label'],\n      onOpenChange: (details: OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return dialog.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"backdrop\"]': 'getBackdropProps',\n      '[data-part=\"positioner\"]': (api: any) => ({\n        ...api.getPositionerProps(),\n        hidden: !api.open,\n      }),\n      '[data-part=\"content\"]': 'getContentProps',\n      '[data-part=\"title\"]': 'getTitleProps',\n      '[data-part=\"description\"]': 'getDescriptionProps',\n      '[data-part=\"close-trigger\"]': (api: any) => {\n        const { id: _, ...props } = api.getCloseTriggerProps()\n        return {\n          ...props,\n          // normalizeProps lowercases onClick → onclick; must match to override\n          // Zag's default handler which calls stopPropagation()\n          onclick: (e: MouseEvent) => {\n            if (e.defaultPrevented) return\n            api.setOpen(false)\n          },\n        }\n      },\n      '[data-part=\"trigger\"]': (api: any) => {\n        const props = api.getTriggerProps()\n        const origOnClick = props.onclick\n        const preventTriggerFocus = (e: MouseEvent | PointerEvent) => {\n          if ('button' in e && e.button !== 0) return\n          e.preventDefault()\n        }\n        return {\n          ...props,\n          onpointerdown: preventTriggerFocus,\n          onmousedown: preventTriggerFocus,\n          onclick: (e: MouseEvent) => {\n            ;(e.currentTarget as HTMLElement)?.blur()\n            origOnClick?.(e)\n          },\n        }\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n  }\n\n  template(props: DialogProps) {\n    return (\n      <div class={props.class || ''}>\n        {props.triggerLabel && (\n          <button data-part=\"trigger\" class=\"dialog-trigger\">\n            {props.triggerLabel}\n          </button>\n        )}\n        <div data-part=\"backdrop\" class=\"dialog-backdrop fixed inset-0 bg-black/50 z-50\" hidden></div>\n        <div\n          data-part=\"positioner\"\n          class=\"dialog-positioner fixed inset-0 flex items-center justify-center z-50\"\n          hidden\n        >\n          <div data-part=\"content\" class=\"dialog-content bg-white rounded-lg shadow-xl p-6 w-full max-w-md mx-4\">\n            {props.title && (\n              <h2 data-part=\"title\" class=\"dialog-title text-lg font-semibold mb-2\">\n                {props.title}\n              </h2>\n            )}\n            {props.description && (\n              <p data-part=\"description\" class=\"dialog-description text-sm text-gray-500 mb-4\">\n                {props.description}\n              </p>\n            )}\n            <div class=\"dialog-body\">{props.children}</div>\n            <button\n              data-part=\"close-trigger\"\n              class=\"dialog-close-trigger absolute top-3 right-3 text-gray-400 hover:text-gray-600\"\n            >\n              &#x2715;\n            </button>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/dnd-manager.d.mts

@@ -0,0 +1,67 @@
+//#region src/components/dnd-manager.d.ts
+interface DragResult {
+  draggableId: string;
+  source: {
+    droppableId: string;
+    index: number;
+  };
+  destination: {
+    droppableId: string;
+    index: number;
+  };
+}
+declare class DndManager {
+  droppables: Map<string, HTMLElement>;
+  private _onDragEnd;
+  get onDragEnd(): ((result: DragResult) => void) | null;
+  set onDragEnd(fn: ((result: DragResult) => void) | null);
+  private _dragging;
+  private _started;
+  private _draggedId;
+  private _sourceDroppableId;
+  private _sourceIndex;
+  private _sourceEl;
+  private _sourceHeight;
+  private _sourceRect;
+  private _savedCssText;
+  private _placeholder;
+  private _startX;
+  private _startY;
+  private _offsetX;
+  private _offsetY;
+  private _currentDroppableId;
+  private _currentIndex;
+  private _lastClientY;
+  private _cleanedUp;
+  private _boundMove;
+  private _boundUp;
+  private _boundKeyDown;
+  private _boundDocDown;
+  private _docListenerAttached;
+  get isDragging(): boolean;
+  private _ensureDocListener;
+  private _onDocumentPointerDown;
+  registerDroppable(id: string, el: HTMLElement): void;
+  unregisterDroppable(id: string): void;
+  startTracking(e: PointerEvent, draggableId: string, el: HTMLElement): void;
+  private _onPointerMove;
+  private _initDrag;
+  private _updateTarget;
+  private _onKeyDown;
+  private _cancelDrag;
+  private _onPointerUp;
+  private _getComponentFromElement;
+  private _restoreElStyles;
+  private _returnToSource;
+  private _performTransfer;
+  private _findCompiledArray;
+  private _animateDrop;
+  private _animateReturn;
+  private _removeGlobalListeners;
+  private _cleanup;
+  destroy(): void;
+}
+declare const dndManager: DndManager;
+//#endregion
+export { DragResult, dndManager };
+//# sourceMappingURL=dnd-manager.d.mts.map

package/dist/dnd-manager.mjs

@@ -0,0 +1,387 @@
+import { GEA_CHILD_COMPONENTS, GEA_DOM_COMPONENT } from "@geajs/core";
+//#region src/components/dnd-manager.ts
+const DRAG_THRESHOLD_SQ = 25;
+const DRAGGABLE_SEL = "[data-draggable-id]";
+const DROPPABLE_SEL = "[data-droppable-id]";
+var DndManager = class {
+	constructor() {
+		this.droppables = /* @__PURE__ */ new Map();
+		this._onDragEnd = null;
+		this._dragging = false;
+		this._started = false;
+		this._draggedId = "";
+		this._sourceDroppableId = "";
+		this._sourceIndex = 0;
+		this._sourceEl = null;
+		this._sourceHeight = 0;
+		this._sourceRect = null;
+		this._savedCssText = "";
+		this._placeholder = null;
+		this._startX = 0;
+		this._startY = 0;
+		this._offsetX = 0;
+		this._offsetY = 0;
+		this._currentDroppableId = null;
+		this._currentIndex = 0;
+		this._lastClientY = 0;
+		this._cleanedUp = false;
+		this._boundMove = this._onPointerMove.bind(this);
+		this._boundUp = this._onPointerUp.bind(this);
+		this._boundKeyDown = this._onKeyDown.bind(this);
+		this._boundDocDown = this._onDocumentPointerDown.bind(this);
+		this._docListenerAttached = false;
+	}
+	get onDragEnd() {
+		return this._onDragEnd;
+	}
+	set onDragEnd(fn) {
+		this._onDragEnd = fn;
+		if (fn) this._ensureDocListener();
+	}
+	get isDragging() {
+		return this._started;
+	}
+	_ensureDocListener() {
+		if (this._docListenerAttached || typeof document === "undefined") return;
+		document.addEventListener("pointerdown", this._boundDocDown, true);
+		this._docListenerAttached = true;
+	}
+	_onDocumentPointerDown(e) {
+		const el = e.target.closest?.(DRAGGABLE_SEL);
+		if (!el) return;
+		this.startTracking(e, el.dataset.draggableId, el);
+	}
+	registerDroppable(id, el) {
+		this.droppables.set(id, el);
+		this._ensureDocListener();
+	}
+	unregisterDroppable(id) {
+		this.droppables.delete(id);
+	}
+	startTracking(e, draggableId, el) {
+		if (this._dragging || e.button !== 0) return;
+		this._ensureDocListener();
+		const droppableEl = el.closest(DROPPABLE_SEL);
+		if (!droppableEl) return;
+		const droppableId = droppableEl.dataset.droppableId;
+		const sourceIndex = Array.from(droppableEl.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`)).indexOf(el);
+		if (sourceIndex === -1) return;
+		this._dragging = true;
+		this._started = false;
+		this._cleanedUp = false;
+		this._draggedId = draggableId;
+		this._sourceDroppableId = droppableId;
+		this._sourceIndex = sourceIndex;
+		this._sourceEl = el;
+		const rect = el.getBoundingClientRect();
+		this._sourceHeight = rect.height;
+		this._sourceRect = rect;
+		this._startX = e.clientX;
+		this._startY = e.clientY;
+		this._lastClientY = e.clientY;
+		this._offsetX = e.clientX - rect.left;
+		this._offsetY = e.clientY - rect.top;
+		document.addEventListener("pointermove", this._boundMove);
+		document.addEventListener("pointerup", this._boundUp);
+		document.addEventListener("keydown", this._boundKeyDown);
+		e.preventDefault();
+	}
+	_onPointerMove(e) {
+		if (!this._dragging) return;
+		if (!this._started) {
+			const dx = e.clientX - this._startX;
+			const dy = e.clientY - this._startY;
+			if (dx * dx + dy * dy < DRAG_THRESHOLD_SQ) return;
+			this._initDrag();
+			this._updateTarget(e.clientX, e.clientY);
+			return;
+		}
+		this._sourceEl.style.transform = `translate(${e.clientX - this._offsetX}px, ${e.clientY - this._offsetY}px)`;
+		this._updateTarget(e.clientX, e.clientY);
+		this._lastClientY = e.clientY;
+	}
+	_initDrag() {
+		this._started = true;
+		const el = this._sourceEl;
+		const rect = this._sourceRect;
+		document.querySelectorAll(DROPPABLE_SEL).forEach((dropEl) => {
+			const id = dropEl.dataset.droppableId;
+			if (!this.droppables.has(id)) this.droppables.set(id, dropEl);
+		});
+		const elMargin = getComputedStyle(el).marginBottom;
+		this._savedCssText = el.style.cssText;
+		const placeholder = document.createElement("div");
+		placeholder.className = "gea-dnd-placeholder";
+		placeholder.style.height = rect.height + "px";
+		placeholder.style.marginBottom = elMargin;
+		placeholder.style.transition = "none";
+		el.parentElement.insertBefore(placeholder, el);
+		document.body.appendChild(el);
+		Object.assign(el.style, {
+			position: "fixed",
+			top: "0px",
+			left: "0",
+			width: rect.width + "px",
+			height: rect.height + "px",
+			transform: `translate(${rect.left}px, ${rect.top}px)`,
+			pointerEvents: "none",
+			zIndex: "99999",
+			margin: "0",
+			willChange: "transform",
+			boxShadow: "none"
+		});
+		el.offsetHeight;
+		el.style.boxShadow = "5px 10px 30px 0px rgba(9, 30, 66, 0.15)";
+		this._placeholder = placeholder;
+		this._currentDroppableId = this._sourceDroppableId;
+		this._currentIndex = this._sourceIndex;
+	}
+	_updateTarget(clientX, clientY) {
+		let foundId = null;
+		let foundEl = null;
+		for (const [id, el] of this.droppables) {
+			const r = el.getBoundingClientRect();
+			if (clientX >= r.left && clientX <= r.right && clientY >= r.top && clientY <= r.bottom) {
+				foundId = id;
+				foundEl = el;
+				break;
+			}
+		}
+		if (!foundEl || foundId === null) {
+			this._currentDroppableId = null;
+			return;
+		}
+		const items = Array.from(foundEl.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`));
+		const threshold = clientY >= this._lastClientY ? 0 : 1;
+		let insertIndex = items.length;
+		for (let i = 0; i < items.length; i++) {
+			const r = items[i].getBoundingClientRect();
+			if (clientY < r.top + r.height * threshold) {
+				insertIndex = i;
+				break;
+			}
+		}
+		this._currentDroppableId = foundId;
+		this._currentIndex = insertIndex;
+		if (!this._placeholder) return;
+		const refNode = items[insertIndex] || null;
+		if (this._placeholder.parentElement !== foundEl || this._placeholder.nextElementSibling !== refNode) {
+			if (this._placeholder.parentElement) {
+				const ghost = document.createElement("div");
+				ghost.style.height = this._sourceHeight + "px";
+				ghost.style.marginBottom = this._placeholder.style.marginBottom;
+				ghost.style.transition = "height 0.2s cubic-bezier(0.2, 0, 0, 1)";
+				ghost.style.overflow = "hidden";
+				this._placeholder.parentElement.insertBefore(ghost, this._placeholder);
+				ghost.offsetHeight;
+				ghost.style.height = "0px";
+				ghost.style.marginBottom = "0px";
+				ghost.addEventListener("transitionend", () => ghost.remove(), { once: true });
+				setTimeout(() => ghost.remove(), 250);
+			}
+			this._placeholder.style.transition = "none";
+			this._placeholder.style.height = "0px";
+			foundEl.insertBefore(this._placeholder, refNode);
+			this._placeholder.offsetHeight;
+			this._placeholder.style.transition = "height 0.2s cubic-bezier(0.2, 0, 0, 1)";
+			this._placeholder.style.height = this._sourceHeight + "px";
+		}
+	}
+	_onKeyDown(e) {
+		if (e.key === "Escape" && this._dragging) this._cancelDrag();
+	}
+	_cancelDrag() {
+		this._removeGlobalListeners();
+		if (!this._started) {
+			this._dragging = false;
+			return;
+		}
+		this._animateReturn().then(() => {
+			this._returnToSource();
+			this._cleanup();
+		});
+	}
+	_onPointerUp(_e) {
+		this._removeGlobalListeners();
+		if (!this._started) {
+			this._dragging = false;
+			return;
+		}
+		const destination = this._currentDroppableId !== null ? {
+			droppableId: this._currentDroppableId,
+			index: this._currentIndex
+		} : null;
+		const samePosition = destination && destination.droppableId === this._sourceDroppableId && destination.index === this._sourceIndex;
+		if (destination && this._placeholder && !samePosition) {
+			const result = {
+				draggableId: this._draggedId,
+				source: {
+					droppableId: this._sourceDroppableId,
+					index: this._sourceIndex
+				},
+				destination
+			};
+			this._animateDrop().then(() => {
+				this._restoreElStyles();
+				this._performTransfer(destination);
+				this._cleanup();
+				this._onDragEnd?.(result);
+			});
+		} else this._animateReturn().then(() => {
+			this._returnToSource();
+			this._cleanup();
+		});
+	}
+	_getComponentFromElement(el) {
+		let current = el;
+		while (current) {
+			const comp = current[GEA_DOM_COMPONENT];
+			if (comp) return comp;
+			current = current.parentElement;
+		}
+		return null;
+	}
+	_restoreElStyles() {
+		if (!this._sourceEl) return;
+		this._sourceEl.style.cssText = this._savedCssText;
+	}
+	_returnToSource() {
+		if (!this._sourceEl) return;
+		this._restoreElStyles();
+		if (this._placeholder?.parentElement) this._placeholder.parentElement.insertBefore(this._sourceEl, this._placeholder);
+		else {
+			const container = this.droppables.get(this._sourceDroppableId);
+			if (container) {
+				const items = Array.from(container.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`));
+				container.insertBefore(this._sourceEl, items[this._sourceIndex] || null);
+			}
+		}
+	}
+	_performTransfer(destination) {
+		const sourceEl = this._sourceEl;
+		if (!sourceEl) return;
+		const destContainer = this.droppables.get(destination.droppableId);
+		if (!destContainer) return;
+		const refNode = Array.from(destContainer.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`))[destination.index] || null;
+		destContainer.insertBefore(sourceEl, refNode);
+		const draggedComp = this._getComponentFromElement(sourceEl);
+		if (!draggedComp) return;
+		const sourceParent = draggedComp.parentComponent;
+		if (!sourceParent) return;
+		const srcArr = this._findCompiledArray(sourceParent, draggedComp);
+		if (!srcArr) return;
+		const destParent = this._getComponentFromElement(destContainer);
+		if (!destParent) return;
+		srcArr.arr.splice(srcArr.index, 1);
+		const destArr = destParent[srcArr.key];
+		if (Array.isArray(destArr)) destArr.splice(destination.index, 0, draggedComp);
+		const srcChildren = sourceParent[GEA_CHILD_COMPONENTS];
+		if (Array.isArray(srcChildren)) {
+			const ci = srcChildren.indexOf(draggedComp);
+			if (ci !== -1) srcChildren.splice(ci, 1);
+		}
+		const destChildren = destParent[GEA_CHILD_COMPONENTS];
+		if (Array.isArray(destChildren) && !destChildren.includes(draggedComp)) destChildren.push(draggedComp);
+		draggedComp.parentComponent = destParent;
+	}
+	_findCompiledArray(parent, child) {
+		const stringKeys = Object.keys(parent);
+		const symbolKeys = Object.getOwnPropertySymbols(parent);
+		for (const key of stringKeys) if (key.startsWith("_") && key.endsWith("Items") && Array.isArray(parent[key])) {
+			const arr = parent[key];
+			const idx = arr.indexOf(child);
+			if (idx !== -1) return {
+				key,
+				arr,
+				index: idx
+			};
+		}
+		for (const key of symbolKeys) if (String(key).includes("gea.listItems") && Array.isArray(parent[key])) {
+			const arr = parent[key];
+			const idx = arr.indexOf(child);
+			if (idx !== -1) return {
+				key,
+				arr,
+				index: idx
+			};
+		}
+		return null;
+	}
+	_animateDrop() {
+		return new Promise((resolve) => {
+			if (!this._sourceEl || !this._placeholder) return resolve();
+			const phRect = this._placeholder.getBoundingClientRect();
+			this._sourceEl.style.transition = "transform 0.2s cubic-bezier(0.2, 0, 0, 1), rotate 0.2s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1)";
+			this._sourceEl.style.transform = `translate(${phRect.left}px, ${phRect.top}px)`;
+			this._sourceEl.style.rotate = "0deg";
+			this._sourceEl.style.boxShadow = "none";
+			let done = false;
+			const finish = () => {
+				if (done) return;
+				done = true;
+				resolve();
+			};
+			this._sourceEl.addEventListener("transitionend", finish, { once: true });
+			setTimeout(finish, 250);
+		});
+	}
+	_animateReturn() {
+		return new Promise((resolve) => {
+			if (!this._sourceEl || !this._sourceRect) return resolve();
+			let targetX = this._sourceRect.left;
+			let targetY = this._sourceRect.top;
+			if (this._placeholder?.parentElement) {
+				const phRect = this._placeholder.getBoundingClientRect();
+				targetX = phRect.left;
+				targetY = phRect.top;
+			}
+			this._sourceEl.style.transition = "transform 0.2s cubic-bezier(0.2, 0, 0, 1), rotate 0.2s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1)";
+			this._sourceEl.style.transform = `translate(${targetX}px, ${targetY}px)`;
+			this._sourceEl.style.rotate = "0deg";
+			this._sourceEl.style.boxShadow = "none";
+			let done = false;
+			const finish = () => {
+				if (done) return;
+				done = true;
+				resolve();
+			};
+			this._sourceEl.addEventListener("transitionend", finish, { once: true });
+			setTimeout(finish, 250);
+		});
+	}
+	_removeGlobalListeners() {
+		document.removeEventListener("pointermove", this._boundMove);
+		document.removeEventListener("pointerup", this._boundUp);
+		document.removeEventListener("keydown", this._boundKeyDown);
+	}
+	_cleanup() {
+		if (this._cleanedUp) return;
+		this._cleanedUp = true;
+		this._placeholder?.remove();
+		this._placeholder = null;
+		this._sourceEl = null;
+		this._sourceRect = null;
+		this._dragging = false;
+		this._started = false;
+		this._draggedId = "";
+		this._currentDroppableId = null;
+	}
+	destroy() {
+		this._removeGlobalListeners();
+		if (this._dragging) {
+			if (this._sourceEl) this._returnToSource();
+			this._cleanup();
+		}
+		if (this._docListenerAttached && typeof document !== "undefined") {
+			document.removeEventListener("pointerdown", this._boundDocDown, true);
+			this._docListenerAttached = false;
+		}
+		this.droppables.clear();
+		this.onDragEnd = null;
+	}
+};
+const dndManager = new DndManager();
+//#endregion
+export { dndManager };
+
+//# sourceMappingURL=dnd-manager.mjs.map

package/dist/dnd-manager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd-manager.mjs","names":[],"sources":["../src/components/dnd-manager.ts"],"sourcesContent":["import { GEA_CHILD_COMPONENTS, GEA_DOM_COMPONENT } from '@geajs/core'\n\nexport interface DragResult {\n  draggableId: string\n  source: { droppableId: string; index: number }\n  destination: { droppableId: string; index: number }\n}\n\nconst DRAG_THRESHOLD_SQ = 25\nconst DRAGGABLE_SEL = '[data-draggable-id]'\nconst DROPPABLE_SEL = '[data-droppable-id]'\n\nclass DndManager {\n  droppables = new Map<string, HTMLElement>()\n\n  private _onDragEnd: ((result: DragResult) => void) | null = null\n  get onDragEnd() {\n    return this._onDragEnd\n  }\n  set onDragEnd(fn: ((result: DragResult) => void) | null) {\n    this._onDragEnd = fn\n    if (fn) this._ensureDocListener()\n  }\n\n  private _dragging = false\n  private _started = false\n  private _draggedId = ''\n  private _sourceDroppableId = ''\n  private _sourceIndex = 0\n  private _sourceEl: HTMLElement | null = null\n  private _sourceHeight = 0\n  private _sourceRect: DOMRect | null = null\n  private _savedCssText = ''\n  private _placeholder: HTMLElement | null = null\n  private _startX = 0\n  private _startY = 0\n  private _offsetX = 0\n  private _offsetY = 0\n  private _currentDroppableId: string | null = null\n  private _currentIndex = 0\n  private _lastClientY = 0\n  private _cleanedUp = false\n\n  private _boundMove = this._onPointerMove.bind(this)\n  private _boundUp = this._onPointerUp.bind(this)\n  private _boundKeyDown = this._onKeyDown.bind(this)\n  private _boundDocDown = this._onDocumentPointerDown.bind(this)\n  private _docListenerAttached = false\n\n  get isDragging() {\n    return this._started\n  }\n\n  private _ensureDocListener() {\n    if (this._docListenerAttached || typeof document === 'undefined') return\n    document.addEventListener('pointerdown', this._boundDocDown, true)\n    this._docListenerAttached = true\n  }\n\n  private _onDocumentPointerDown(e: PointerEvent) {\n    const el = (e.target as HTMLElement).closest?.(DRAGGABLE_SEL) as HTMLElement\n    if (!el) return\n    this.startTracking(e, el.dataset.draggableId!, el)\n  }\n\n  registerDroppable(id: string, el: HTMLElement) {\n    this.droppables.set(id, el)\n    this._ensureDocListener()\n  }\n\n  unregisterDroppable(id: string) {\n    this.droppables.delete(id)\n  }\n\n  startTracking(e: PointerEvent, draggableId: string, el: HTMLElement) {\n    if (this._dragging || e.button !== 0) return\n    this._ensureDocListener()\n\n    const droppableEl = el.closest(DROPPABLE_SEL) as HTMLElement\n    if (!droppableEl) return\n\n    const droppableId = droppableEl.dataset.droppableId!\n    const siblings = Array.from(droppableEl.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`))\n    const sourceIndex = siblings.indexOf(el)\n    if (sourceIndex === -1) return\n\n    this._dragging = true\n    this._started = false\n    this._cleanedUp = false\n    this._draggedId = draggableId\n    this._sourceDroppableId = droppableId\n    this._sourceIndex = sourceIndex\n    this._sourceEl = el\n\n    const rect = el.getBoundingClientRect()\n    this._sourceHeight = rect.height\n    this._sourceRect = rect\n    this._startX = e.clientX\n    this._startY = e.clientY\n    this._lastClientY = e.clientY\n    this._offsetX = e.clientX - rect.left\n    this._offsetY = e.clientY - rect.top\n\n    document.addEventListener('pointermove', this._boundMove)\n    document.addEventListener('pointerup', this._boundUp)\n    document.addEventListener('keydown', this._boundKeyDown)\n    e.preventDefault()\n  }\n\n  private _onPointerMove(e: PointerEvent) {\n    if (!this._dragging) return\n\n    if (!this._started) {\n      const dx = e.clientX - this._startX\n      const dy = e.clientY - this._startY\n      if (dx * dx + dy * dy < DRAG_THRESHOLD_SQ) return\n      this._initDrag()\n      this._updateTarget(e.clientX, e.clientY)\n      return\n    }\n\n    this._sourceEl!.style.transform = `translate(${e.clientX - this._offsetX}px, ${e.clientY - this._offsetY}px)`\n    this._updateTarget(e.clientX, e.clientY)\n    this._lastClientY = e.clientY\n  }\n\n  private _initDrag() {\n    this._started = true\n    const el = this._sourceEl!\n    const rect = this._sourceRect!\n\n    document.querySelectorAll(DROPPABLE_SEL).forEach((dropEl) => {\n      const id = (dropEl as HTMLElement).dataset.droppableId!\n      if (!this.droppables.has(id)) {\n        this.droppables.set(id, dropEl as HTMLElement)\n      }\n    })\n\n    const elMargin = getComputedStyle(el).marginBottom\n    this._savedCssText = el.style.cssText\n\n    const placeholder = document.createElement('div')\n    placeholder.className = 'gea-dnd-placeholder'\n    placeholder.style.height = rect.height + 'px'\n    placeholder.style.marginBottom = elMargin\n    placeholder.style.transition = 'none'\n    el.parentElement!.insertBefore(placeholder, el)\n\n    document.body.appendChild(el)\n    Object.assign(el.style, {\n      position: 'fixed',\n      top: '0px',\n      left: '0',\n      width: rect.width + 'px',\n      height: rect.height + 'px',\n      transform: `translate(${rect.left}px, ${rect.top}px)`,\n      // rotate: '0deg',\n      // transition: 'rotate 0.15s ease, box-shadow 0.15s ease',\n      pointerEvents: 'none',\n      zIndex: '99999',\n      margin: '0',\n      willChange: 'transform',\n      boxShadow: 'none',\n    })\n    el.offsetHeight\n    // el.style.rotate = '3deg'\n    el.style.boxShadow = '5px 10px 30px 0px rgba(9, 30, 66, 0.15)'\n\n    this._placeholder = placeholder\n\n    this._currentDroppableId = this._sourceDroppableId\n    this._currentIndex = this._sourceIndex\n  }\n\n  private _updateTarget(clientX: number, clientY: number) {\n    let foundId: string | null = null\n    let foundEl: HTMLElement | null = null\n\n    for (const [id, el] of this.droppables) {\n      const r = el.getBoundingClientRect()\n      if (clientX >= r.left && clientX <= r.right && clientY >= r.top && clientY <= r.bottom) {\n        foundId = id\n        foundEl = el\n        break\n      }\n    }\n\n    if (!foundEl || foundId === null) {\n      this._currentDroppableId = null\n      return\n    }\n\n    const items = Array.from(foundEl.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`))\n    const movingDown = clientY >= this._lastClientY\n    const threshold = movingDown ? 0 : 1\n    let insertIndex = items.length\n    for (let i = 0; i < items.length; i++) {\n      const r = items[i].getBoundingClientRect()\n      if (clientY < r.top + r.height * threshold) {\n        insertIndex = i\n        break\n      }\n    }\n\n    this._currentDroppableId = foundId\n    this._currentIndex = insertIndex\n\n    if (!this._placeholder) return\n\n    const refNode = (items[insertIndex] as HTMLElement) || null\n    if (this._placeholder.parentElement !== foundEl || this._placeholder.nextElementSibling !== refNode) {\n      if (this._placeholder.parentElement) {\n        const ghost = document.createElement('div')\n        ghost.style.height = this._sourceHeight + 'px'\n        ghost.style.marginBottom = this._placeholder.style.marginBottom\n        ghost.style.transition = 'height 0.2s cubic-bezier(0.2, 0, 0, 1)'\n        ghost.style.overflow = 'hidden'\n        this._placeholder.parentElement.insertBefore(ghost, this._placeholder)\n        ghost.offsetHeight\n        ghost.style.height = '0px'\n        ghost.style.marginBottom = '0px'\n        ghost.addEventListener('transitionend', () => ghost.remove(), { once: true })\n        setTimeout(() => ghost.remove(), 250)\n      }\n\n      this._placeholder.style.transition = 'none'\n      this._placeholder.style.height = '0px'\n      foundEl.insertBefore(this._placeholder, refNode)\n      this._placeholder.offsetHeight\n      this._placeholder.style.transition = 'height 0.2s cubic-bezier(0.2, 0, 0, 1)'\n      this._placeholder.style.height = this._sourceHeight + 'px'\n    }\n  }\n\n  private _onKeyDown(e: KeyboardEvent) {\n    if (e.key === 'Escape' && this._dragging) {\n      this._cancelDrag()\n    }\n  }\n\n  private _cancelDrag() {\n    this._removeGlobalListeners()\n    if (!this._started) {\n      this._dragging = false\n      return\n    }\n\n    this._animateReturn().then(() => {\n      this._returnToSource()\n      this._cleanup()\n    })\n  }\n\n  private _onPointerUp(_e: PointerEvent) {\n    this._removeGlobalListeners()\n\n    if (!this._started) {\n      this._dragging = false\n      return\n    }\n\n    const destination =\n      this._currentDroppableId !== null ? { droppableId: this._currentDroppableId, index: this._currentIndex } : null\n\n    const samePosition =\n      destination && destination.droppableId === this._sourceDroppableId && destination.index === this._sourceIndex\n\n    if (destination && this._placeholder && !samePosition) {\n      const result: DragResult = {\n        draggableId: this._draggedId,\n        source: { droppableId: this._sourceDroppableId, index: this._sourceIndex },\n        destination,\n      }\n      this._animateDrop().then(() => {\n        this._restoreElStyles()\n        this._performTransfer(destination)\n        this._cleanup()\n        this._onDragEnd?.(result)\n      })\n    } else {\n      this._animateReturn().then(() => {\n        this._returnToSource()\n        this._cleanup()\n      })\n    }\n  }\n\n  private _getComponentFromElement(el: HTMLElement | null): any {\n    let current: HTMLElement | null = el\n    while (current) {\n      const comp = (current as HTMLElement & { [GEA_DOM_COMPONENT]?: unknown })[GEA_DOM_COMPONENT]\n      if (comp) return comp\n      current = current.parentElement\n    }\n    return null\n  }\n\n  private _restoreElStyles() {\n    if (!this._sourceEl) return\n    this._sourceEl.style.cssText = this._savedCssText\n  }\n\n  private _returnToSource() {\n    if (!this._sourceEl) return\n    this._restoreElStyles()\n    if (this._placeholder?.parentElement) {\n      this._placeholder.parentElement.insertBefore(this._sourceEl, this._placeholder)\n    } else {\n      const container = this.droppables.get(this._sourceDroppableId)\n      if (container) {\n        const items = Array.from(container.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`))\n        container.insertBefore(this._sourceEl, items[this._sourceIndex] || null)\n      }\n    }\n  }\n\n  private _performTransfer(destination: { droppableId: string; index: number }) {\n    const sourceEl = this._sourceEl\n    if (!sourceEl) return\n\n    const destContainer = this.droppables.get(destination.droppableId)\n    if (!destContainer) return\n\n    const destItems = Array.from(destContainer.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`))\n    const refNode = (destItems[destination.index] as HTMLElement) || null\n    destContainer.insertBefore(sourceEl, refNode)\n\n    const draggedComp = this._getComponentFromElement(sourceEl)\n    if (!draggedComp) return\n\n    const sourceParent = draggedComp.parentComponent\n    if (!sourceParent) return\n\n    const srcArr = this._findCompiledArray(sourceParent, draggedComp)\n    if (!srcArr) return\n\n    const destParent = this._getComponentFromElement(destContainer)\n    if (!destParent) return\n\n    srcArr.arr.splice(srcArr.index, 1)\n    const destArr = destParent[srcArr.key]\n    if (Array.isArray(destArr)) {\n      destArr.splice(destination.index, 0, draggedComp)\n    }\n\n    const srcChildren = sourceParent[GEA_CHILD_COMPONENTS]\n    if (Array.isArray(srcChildren)) {\n      const ci = srcChildren.indexOf(draggedComp)\n      if (ci !== -1) srcChildren.splice(ci, 1)\n    }\n    const destChildren = destParent[GEA_CHILD_COMPONENTS]\n    if (Array.isArray(destChildren) && !destChildren.includes(draggedComp)) {\n      destChildren.push(draggedComp)\n    }\n    draggedComp.parentComponent = destParent\n  }\n\n  private _findCompiledArray(parent: any, child: any): { key: PropertyKey; arr: any[]; index: number } | null {\n    const stringKeys = Object.keys(parent)\n    const symbolKeys = Object.getOwnPropertySymbols(parent)\n    for (const key of stringKeys) {\n      if (key.startsWith('_') && key.endsWith('Items') && Array.isArray((parent as any)[key])) {\n        const arr = (parent as any)[key] as any[]\n        const idx = arr.indexOf(child)\n        if (idx !== -1) return { key, arr, index: idx }\n      }\n    }\n    for (const key of symbolKeys) {\n      if (String(key).includes('gea.listItems') && Array.isArray((parent as any)[key])) {\n        const arr = (parent as any)[key] as any[]\n        const idx = arr.indexOf(child)\n        if (idx !== -1) return { key, arr, index: idx }\n      }\n    }\n    return null\n  }\n\n  private _animateDrop(): Promise<void> {\n    return new Promise((resolve) => {\n      if (!this._sourceEl || !this._placeholder) return resolve()\n      const phRect = this._placeholder.getBoundingClientRect()\n      this._sourceEl.style.transition =\n        'transform 0.2s cubic-bezier(0.2, 0, 0, 1), rotate 0.2s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1)'\n      this._sourceEl.style.transform = `translate(${phRect.left}px, ${phRect.top}px)`\n      this._sourceEl.style.rotate = '0deg'\n      this._sourceEl.style.boxShadow = 'none'\n      let done = false\n      const finish = () => {\n        if (done) return\n        done = true\n        resolve()\n      }\n      this._sourceEl.addEventListener('transitionend', finish, { once: true })\n      setTimeout(finish, 250)\n    })\n  }\n\n  private _animateReturn(): Promise<void> {\n    return new Promise((resolve) => {\n      if (!this._sourceEl || !this._sourceRect) return resolve()\n      let targetX = this._sourceRect.left\n      let targetY = this._sourceRect.top\n      if (this._placeholder?.parentElement) {\n        const phRect = this._placeholder.getBoundingClientRect()\n        targetX = phRect.left\n        targetY = phRect.top\n      }\n      this._sourceEl.style.transition =\n        'transform 0.2s cubic-bezier(0.2, 0, 0, 1), rotate 0.2s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1)'\n      this._sourceEl.style.transform = `translate(${targetX}px, ${targetY}px)`\n      this._sourceEl.style.rotate = '0deg'\n      this._sourceEl.style.boxShadow = 'none'\n      let done = false\n      const finish = () => {\n        if (done) return\n        done = true\n        resolve()\n      }\n      this._sourceEl.addEventListener('transitionend', finish, { once: true })\n      setTimeout(finish, 250)\n    })\n  }\n\n  private _removeGlobalListeners() {\n    document.removeEventListener('pointermove', this._boundMove)\n    document.removeEventListener('pointerup', this._boundUp)\n    document.removeEventListener('keydown', this._boundKeyDown)\n  }\n\n  private _cleanup() {\n    if (this._cleanedUp) return\n    this._cleanedUp = true\n\n    this._placeholder?.remove()\n    this._placeholder = null\n    this._sourceEl = null\n    this._sourceRect = null\n\n    this._dragging = false\n    this._started = false\n    this._draggedId = ''\n    this._currentDroppableId = null\n  }\n\n  destroy() {\n    this._removeGlobalListeners()\n    if (this._dragging) {\n      if (this._sourceEl) this._returnToSource()\n      this._cleanup()\n    }\n    if (this._docListenerAttached && typeof document !== 'undefined') {\n      document.removeEventListener('pointerdown', this._boundDocDown, true)\n      this._docListenerAttached = false\n    }\n    this.droppables.clear()\n    this.onDragEnd = null\n  }\n}\n\nexport const dndManager = new DndManager()\n"],"mappings":"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"}