@design.estate/dees-catalog 3.94.0 → 3.95.0

package/dist_ts_web/elements/00group-layout/dees-mosaic/interaction.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Drag-and-dock gesture for dees-mosaic tilebars: pointer capture with a
+ * movement threshold, a fixed ghost chip, edge-quadrant drop targets with a
+ * live preview, and Escape/blur cancel. The commit path goes through the
+ * pure tree helpers; the component only re-renders from the host's next
+ * layout.
+ */
+import type { DeesMosaic } from './dees-mosaic.js';
+import type { TMosaicDropEdge } from './types.js';
+export interface IMosaicDropTarget {
+    leafId: string;
+    edge: TMosaicDropEdge;
+    previewRect: DOMRect;
+}
+export declare class MosaicDragController {
+    private host;
+    constructor(host: DeesMosaic);
+    private ghost;
+    private shield;
+    private keydownListener;
+    private blurListener;
+    private detachGesture;
+    private activeLeafId;
+    /**
+     * Cancels a gesture that is in flight, e.g. when the host element is
+     * disconnected mid-drag — the pointer will never deliver its up/lost
+     * events to a removed tilebar, so the window listeners must be detached
+     * deterministically here.
+     */
+    cancelActiveGesture(): void;
+    handleTilebarPointerDown(event: PointerEvent, leafId: string, title: string): void;
+    private startDrag;
+    private updateDrag;
+    private resolveDropTarget;
+    private halfRect;
+    private finishDrag;
+}

package/dist_ts_web/elements/00group-layout/dees-mosaic/interaction.js

@@ -0,0 +1,174 @@
+import { mosaicMove } from './tree.js';
+const dragThresholdPx = 4;
+export class MosaicDragController {
+    host;
+    constructor(host) {
+        this.host = host;
+    }
+    ghost = null;
+    shield = null;
+    keydownListener = null;
+    blurListener = null;
+    detachGesture = null;
+    activeLeafId = null;
+    /**
+     * Cancels a gesture that is in flight, e.g. when the host element is
+     * disconnected mid-drag — the pointer will never deliver its up/lost
+     * events to a removed tilebar, so the window listeners must be detached
+     * deterministically here.
+     */
+    cancelActiveGesture() {
+        this.detachGesture?.();
+        if (this.ghost && this.activeLeafId !== null) {
+            this.finishDrag(this.activeLeafId, false);
+        }
+        this.activeLeafId = null;
+    }
+    handleTilebarPointerDown(event, leafId, title) {
+        if (!this.host.dragEnabled || event.button !== 0)
+            return;
+        if (this.detachGesture)
+            return; // one gesture at a time (multi-touch guard)
+        const tilebar = event.currentTarget;
+        const pointerId = event.pointerId;
+        const startX = event.clientX;
+        const startY = event.clientY;
+        let started = false;
+        const onMove = (moveEvent) => {
+            if (!started) {
+                if (Math.hypot(moveEvent.clientX - startX, moveEvent.clientY - startY) < dragThresholdPx)
+                    return;
+                started = true;
+                this.startDrag(tilebar, leafId, title);
+            }
+            this.updateDrag(moveEvent, leafId);
+        };
+        const cleanup = () => {
+            this.detachGesture = null;
+            tilebar.removeEventListener('pointermove', onMove);
+            tilebar.removeEventListener('pointerup', onUp);
+            tilebar.removeEventListener('lostpointercapture', onLost);
+            try {
+                tilebar.releasePointerCapture(pointerId);
+            }
+            catch {
+                // not captured (synthetic pointer or already released)
+            }
+        };
+        const onUp = () => {
+            cleanup();
+            if (started)
+                this.finishDrag(leafId, true);
+        };
+        const onLost = () => {
+            cleanup();
+            if (started)
+                this.finishDrag(leafId, false);
+        };
+        try {
+            tilebar.setPointerCapture(pointerId);
+        }
+        catch {
+            // synthetic pointers (tests) cannot be captured; listeners work anyway
+        }
+        this.detachGesture = cleanup;
+        this.activeLeafId = leafId;
+        tilebar.addEventListener('pointermove', onMove);
+        tilebar.addEventListener('pointerup', onUp);
+        tilebar.addEventListener('lostpointercapture', onLost);
+    }
+    startDrag(tilebar, leafId, title) {
+        tilebar.classList.add('dragging');
+        const root = this.host.shadowRoot.querySelector('.rootBox');
+        this.shield = document.createElement('div');
+        this.shield.className = 'dragShield';
+        root.appendChild(this.shield);
+        this.ghost = document.createElement('div');
+        this.ghost.className = 'dragGhost';
+        this.ghost.textContent = title;
+        root.appendChild(this.ghost);
+        this.keydownListener = (event) => {
+            if (event.key === 'Escape') {
+                event.preventDefault();
+                this.finishDrag(leafId, false);
+            }
+        };
+        this.blurListener = () => this.finishDrag(leafId, false);
+        window.addEventListener('keydown', this.keydownListener, true);
+        window.addEventListener('blur', this.blurListener);
+        this.host.dispatchEvent(new CustomEvent('mosaic-drag-state', {
+            detail: { dragging: true, leafId },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    updateDrag(event, draggedLeafId) {
+        if (this.ghost) {
+            this.ghost.style.left = `${event.clientX}px`;
+            this.ghost.style.top = `${event.clientY}px`;
+        }
+        this.host.dropTarget = this.resolveDropTarget(event.clientX, event.clientY, draggedLeafId);
+    }
+    resolveDropTarget(x, y, draggedLeafId) {
+        const rects = this.host.getLeafRects();
+        for (const [leafId, rect] of Object.entries(rects)) {
+            if (leafId === draggedLeafId)
+                continue;
+            if (x < rect.left || x > rect.right || y < rect.top || y > rect.bottom)
+                continue;
+            const distances = [
+                ['left', x - rect.left],
+                ['right', rect.right - x],
+                ['top', y - rect.top],
+                ['bottom', rect.bottom - y],
+            ];
+            distances.sort((a, b) => a[1] - b[1]);
+            const edge = distances[0][0];
+            const previewRect = this.halfRect(rect, edge);
+            return { leafId, edge, previewRect };
+        }
+        return null;
+    }
+    halfRect(rect, edge) {
+        if (edge === 'left')
+            return new DOMRect(rect.left, rect.top, rect.width / 2, rect.height);
+        if (edge === 'right')
+            return new DOMRect(rect.left + rect.width / 2, rect.top, rect.width / 2, rect.height);
+        if (edge === 'top')
+            return new DOMRect(rect.left, rect.top, rect.width, rect.height / 2);
+        return new DOMRect(rect.left, rect.top + rect.height / 2, rect.width, rect.height / 2);
+    }
+    finishDrag(leafId, commit) {
+        // cancel paths (Escape/blur) arrive outside the pointer handlers: detach
+        // the gesture listeners so a held pointer can no longer revive or commit
+        // the cancelled drag on a later move/release
+        this.detachGesture?.();
+        this.activeLeafId = null;
+        const target = this.host.dropTarget;
+        this.host.dropTarget = null;
+        for (const tilebar of this.host.shadowRoot?.querySelectorAll('.tilebar.dragging') ?? []) {
+            tilebar.classList.remove('dragging');
+        }
+        this.ghost?.remove();
+        this.ghost = null;
+        this.shield?.remove();
+        this.shield = null;
+        if (this.keydownListener) {
+            window.removeEventListener('keydown', this.keydownListener, true);
+            this.keydownListener = null;
+        }
+        if (this.blurListener) {
+            window.removeEventListener('blur', this.blurListener);
+            this.blurListener = null;
+        }
+        this.host.dispatchEvent(new CustomEvent('mosaic-drag-state', {
+            detail: { dragging: false, leafId },
+            bubbles: true,
+            composed: true,
+        }));
+        if (commit && target) {
+            this.host.commitLayout(mosaicMove(this.host.layout, leafId, target.leafId, target.edge), 'drop');
+        }
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJhY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1sYXlvdXQvZGVlcy1tb3NhaWMvaW50ZXJhY3Rpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQVF2QyxNQUFNLGVBQWUsR0FBRyxDQUFDLENBQUM7QUFFMUIsTUFBTSxPQUFPLG9CQUFvQjtJQUNYO0lBQXBCLFlBQW9CLElBQWdCO1FBQWhCLFNBQUksR0FBSixJQUFJLENBQVk7SUFBRyxDQUFDO0lBRWhDLEtBQUssR0FBdUIsSUFBSSxDQUFDO0lBQ2pDLE1BQU0sR0FBdUIsSUFBSSxDQUFDO0lBQ2xDLGVBQWUsR0FBNEMsSUFBSSxDQUFDO0lBQ2hFLFlBQVksR0FBd0IsSUFBSSxDQUFDO0lBQ3pDLGFBQWEsR0FBd0IsSUFBSSxDQUFDO0lBQzFDLFlBQVksR0FBa0IsSUFBSSxDQUFDO0lBRTNDOzs7OztPQUtHO0lBQ0ksbUJBQW1CO1FBQ3hCLElBQUksQ0FBQyxhQUFhLEVBQUUsRUFBRSxDQUFDO1FBQ3ZCLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsWUFBWSxLQUFLLElBQUksRUFBRSxDQUFDO1lBQzdDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxLQUFLLENBQUMsQ0FBQztRQUM1QyxDQUFDO1FBQ0QsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDM0IsQ0FBQztJQUVNLHdCQUF3QixDQUFDLEtBQW1CLEVBQUUsTUFBYyxFQUFFLEtBQWE7UUFDaEYsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLEtBQUssQ0FBQyxNQUFNLEtBQUssQ0FBQztZQUFFLE9BQU87UUFDekQsSUFBSSxJQUFJLENBQUMsYUFBYTtZQUFFLE9BQU8sQ0FBQyw0Q0FBNEM7UUFDNUUsTUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLGFBQTRCLENBQUM7UUFDbkQsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNsQyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQzdCLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUM7UUFDN0IsSUFBSSxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBRXBCLE1BQU0sTUFBTSxHQUFHLENBQUMsU0FBdUIsRUFBRSxFQUFFO1lBQ3pDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFDYixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLE9BQU8sR0FBRyxNQUFNLEVBQUUsU0FBUyxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUMsR0FBRyxlQUFlO29CQUFFLE9BQU87Z0JBQ2pHLE9BQU8sR0FBRyxJQUFJLENBQUM7Z0JBQ2YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUFDO1lBQ3pDLENBQUM7WUFDRCxJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUNyQyxDQUFDLENBQUM7UUFDRixNQUFNLE9BQU8sR0FBRyxHQUFHLEVBQUU7WUFDbkIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7WUFDMUIsT0FBTyxDQUFDLG1CQUFtQixDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsQ0FBQztZQUNuRCxPQUFPLENBQUMsbUJBQW1CLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxDQUFDO1lBQy9DLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBQyxvQkFBb0IsRUFBRSxNQUFNLENBQUMsQ0FBQztZQUMxRCxJQUFJLENBQUM7Z0JBQ0gsT0FBTyxDQUFDLHFCQUFxQixDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQzNDLENBQUM7WUFBQyxNQUFNLENBQUM7Z0JBQ1AsdURBQXVEO1lBQ3pELENBQUM7UUFDSCxDQUFDLENBQUM7UUFDRixNQUFNLElBQUksR0FBRyxHQUFHLEVBQUU7WUFDaEIsT0FBTyxFQUFFLENBQUM7WUFDVixJQUFJLE9BQU87Z0JBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDN0MsQ0FBQyxDQUFDO1FBQ0YsTUFBTSxNQUFNLEdBQUcsR0FBRyxFQUFFO1lBQ2xCLE9BQU8sRUFBRSxDQUFDO1lBQ1YsSUFBSSxPQUFPO2dCQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQzlDLENBQUMsQ0FBQztRQUNGLElBQUksQ0FBQztZQUNILE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN2QyxDQUFDO1FBQUMsTUFBTSxDQUFDO1lBQ1AsdUVBQXVFO1FBQ3pFLENBQUM7UUFDRCxJQUFJLENBQUMsYUFBYSxHQUFHLE9BQU8sQ0FBQztRQUM3QixJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQztRQUMzQixPQUFPLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ2hELE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDNUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLG9CQUFvQixFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQ3pELENBQUM7SUFFTyxTQUFTLENBQUMsT0FBb0IsRUFBRSxNQUFjLEVBQUUsS0FBYTtRQUNuRSxPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNsQyxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVcsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFnQixDQUFDO1FBQzVFLElBQUksQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM1QyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsR0FBRyxZQUFZLENBQUM7UUFDckMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLFdBQVcsQ0FBQztRQUNuQyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDL0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxDQUFDLEtBQW9CLEVBQUUsRUFBRTtZQUM5QyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssUUFBUSxFQUFFLENBQUM7Z0JBQzNCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUM7WUFDakMsQ0FBQztRQUNILENBQUMsQ0FBQztRQUNGLElBQUksQ0FBQyxZQUFZLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDekQsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQy9ELE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ25ELElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLG1CQUFtQixFQUFFO1lBQzNELE1BQU0sRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO1lBQ2xDLE9BQU8sRUFBRSxJQUFJO1lBQ2IsUUFBUSxFQUFFLElBQUk7U0FDZixDQUFDLENBQUMsQ0FBQztJQUNOLENBQUM7SUFFTyxVQUFVLENBQUMsS0FBbUIsRUFBRSxhQUFxQjtRQUMzRCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNmLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxHQUFHLEtBQUssQ0FBQyxPQUFPLElBQUksQ0FBQztZQUM3QyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLEdBQUcsR0FBRyxLQUFLLENBQUMsT0FBTyxJQUFJLENBQUM7UUFDOUMsQ0FBQztRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLEVBQUUsYUFBYSxDQUFDLENBQUM7SUFDN0YsQ0FBQztJQUVPLGlCQUFpQixDQUFDLENBQVMsRUFBRSxDQUFTLEVBQUUsYUFBcUI7UUFDbkUsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN2QyxLQUFLLE1BQU0sQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUksTUFBTSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1lBQ25ELElBQUksTUFBTSxLQUFLLGFBQWE7Z0JBQUUsU0FBUztZQUN2QyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTTtnQkFBRSxTQUFTO1lBQ2pGLE1BQU0sU0FBUyxHQUFxQztnQkFDbEQsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7Z0JBQ3ZCLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO2dCQUN6QixDQUFDLEtBQUssRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQztnQkFDckIsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7YUFDNUIsQ0FBQztZQUNGLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDdEMsTUFBTSxJQUFJLEdBQUcsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzdCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO1lBQzlDLE9BQU8sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxDQUFDO1FBQ3ZDLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFTyxRQUFRLENBQUMsSUFBYSxFQUFFLElBQXFCO1FBQ25ELElBQUksSUFBSSxLQUFLLE1BQU07WUFBRSxPQUFPLElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDMUYsSUFBSSxJQUFJLEtBQUssT0FBTztZQUFFLE9BQU8sSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM1RyxJQUFJLElBQUksS0FBSyxLQUFLO1lBQUUsT0FBTyxJQUFJLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQ3pGLE9BQU8sSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQztJQUN6RixDQUFDO0lBRU8sVUFBVSxDQUFDLE1BQWMsRUFBRSxNQUFlO1FBQ2hELHlFQUF5RTtRQUN6RSx5RUFBeUU7UUFDekUsNkNBQTZDO1FBQzdDLElBQUksQ0FBQyxhQUFhLEVBQUUsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQ3BDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztRQUM1QixLQUFLLE1BQU0sT0FBTyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLGdCQUFnQixDQUFDLG1CQUFtQixDQUFDLElBQUksRUFBRSxFQUFFLENBQUM7WUFDeEYsT0FBTyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDdkMsQ0FBQztRQUNELElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDbEIsSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztRQUNuQixJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN6QixNQUFNLENBQUMsbUJBQW1CLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxlQUFlLEVBQUUsSUFBSSxDQUFDLENBQUM7WUFDbEUsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7UUFDOUIsQ0FBQztRQUNELElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3RCLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1lBQ3RELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1FBQzNCLENBQUM7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxtQkFBbUIsRUFBRTtZQUMzRCxNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRTtZQUNuQyxPQUFPLEVBQUUsSUFBSTtZQUNiLFFBQVEsRUFBRSxJQUFJO1NBQ2YsQ0FBQyxDQUFDLENBQUM7UUFDSixJQUFJLE1BQU0sSUFBSSxNQUFNLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FDcEIsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFDaEUsTUFBTSxDQUNQLENBQUM7UUFDSixDQUFDO0lBQ0gsQ0FBQztDQUNGIn0=

package/dist_ts_web/elements/00group-layout/dees-mosaic/tree.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Pure tree algebra for dees-mosaic layouts. No DOM access; unit-testable in
+ * node. Every mutation helper returns a NEW normalized layout; inputs are
+ * never mutated.
+ *
+ * Normalization invariants:
+ * - a split with a single child collapses to that child
+ * - nested splits with the same orientation merge into the parent
+ * - ratios.length === children.length, summing to 1, each held at or near
+ *   the minimum share (single-pass redistribution may undershoot slightly)
+ * - an empty tree is { root: null }
+ */
+import type { IMosaicLayout, IMosaicLeafNode, TMosaicDropEdge } from './types.js';
+export declare const createMosaicId: (prefix: string) => string;
+export declare const createMosaicLeaf: (surface: string, id?: string) => IMosaicLeafNode;
+export declare const mosaicNormalize: (layout: IMosaicLayout) => IMosaicLayout;
+export declare const mosaicLeaves: (layout: IMosaicLayout) => IMosaicLeafNode[];
+export declare const mosaicFindLeafBySurface: (layout: IMosaicLayout, surface: string) => IMosaicLeafNode | undefined;
+export declare const mosaicFindLeaf: (layout: IMosaicLayout, leafId: string) => IMosaicLeafNode | undefined;
+/** Removes a leaf; collapsing/merging is handled by normalization. */
+export declare const mosaicRemove: (layout: IMosaicLayout, leafId: string) => IMosaicLayout;
+/**
+ * Inserts a leaf next to targetLeafId on the given edge (splitting the target
+ * 50/50 along the edge's axis). targetLeafId null docks against the whole
+ * layout (or becomes the root of an empty one).
+ */
+export declare const mosaicInsert: (layout: IMosaicLayout, targetLeafId: string | null, edge: TMosaicDropEdge, leaf: IMosaicLeafNode) => IMosaicLayout;
+/** Transfers ratio between two adjacent siblings of a split. */
+export declare const mosaicResize: (layout: IMosaicLayout, splitId: string, dividerIndex: number, ratioDelta: number) => IMosaicLayout;
+/** Equalizes the ratios of one split (or every split when splitId omitted). */
+export declare const mosaicEqualize: (layout: IMosaicLayout, splitId?: string) => IMosaicLayout;
+/** Moves an existing leaf next to another leaf (drag-and-dock commit). */
+export declare const mosaicMove: (layout: IMosaicLayout, leafId: string, targetLeafId: string, edge: TMosaicDropEdge) => IMosaicLayout;

package/dist_ts_web/elements/00group-layout/dees-mosaic/tree.js

@@ -0,0 +1,199 @@
+const minRatio = 0.05;
+let idCounter = 0;
+export const createMosaicId = (prefix) => {
+    idCounter += 1;
+    return `${prefix}-${Date.now().toString(36)}-${idCounter.toString(36)}`;
+};
+export const createMosaicLeaf = (surface, id) => ({
+    type: 'leaf',
+    id: id ?? createMosaicId('leaf'),
+    surface,
+});
+const cloneNode = (node) => {
+    if (node.type === 'leaf')
+        return { ...node };
+    return {
+        ...node,
+        children: node.children.map(cloneNode),
+        ratios: [...node.ratios],
+    };
+};
+const normalizeRatios = (ratios, count) => {
+    let next = ratios.slice(0, count);
+    while (next.length < count)
+        next.push(1 / count);
+    next = next.map((ratio) => (Number.isFinite(ratio) && ratio > 0 ? ratio : 1 / count));
+    const sum = next.reduce((total, ratio) => total + ratio, 0);
+    next = next.map((ratio) => ratio / sum);
+    // clamp to the minimum share, re-distributing the deficit proportionally
+    const deficitIndices = next.map((ratio, index) => (ratio < minRatio ? index : -1)).filter((index) => index >= 0);
+    if (deficitIndices.length && deficitIndices.length < count) {
+        const deficit = deficitIndices.reduce((total, index) => total + (minRatio - next[index]), 0);
+        const donorSum = next.reduce((total, ratio, index) => (deficitIndices.includes(index) ? total : total + ratio), 0);
+        next = next.map((ratio, index) => {
+            if (deficitIndices.includes(index))
+                return minRatio;
+            return ratio - (deficit * ratio) / donorSum;
+        });
+    }
+    return next;
+};
+const normalizeNode = (node) => {
+    if (node.type === 'leaf')
+        return { ...node };
+    const flattenedChildren = [];
+    const flattenedRatios = [];
+    node.children.forEach((child, index) => {
+        const normalizedChild = normalizeNode(child);
+        if (!normalizedChild)
+            return;
+        const ratio = node.ratios[index] ?? 1 / node.children.length;
+        if (normalizedChild.type === 'split' && normalizedChild.orientation === node.orientation) {
+            // merge same-orientation splits: children inherit a share of the slot
+            normalizedChild.children.forEach((grandChild, grandIndex) => {
+                flattenedChildren.push(grandChild);
+                flattenedRatios.push(ratio * normalizedChild.ratios[grandIndex]);
+            });
+            return;
+        }
+        flattenedChildren.push(normalizedChild);
+        flattenedRatios.push(ratio);
+    });
+    if (!flattenedChildren.length)
+        return null;
+    if (flattenedChildren.length === 1)
+        return flattenedChildren[0];
+    return {
+        type: 'split',
+        id: node.id,
+        orientation: node.orientation,
+        children: flattenedChildren,
+        ratios: normalizeRatios(flattenedRatios, flattenedChildren.length),
+    };
+};
+export const mosaicNormalize = (layout) => {
+    if (!layout.root)
+        return { root: null };
+    return { root: normalizeNode(cloneNode(layout.root)) };
+};
+export const mosaicLeaves = (layout) => {
+    const leaves = [];
+    const walk = (node) => {
+        if (!node)
+            return;
+        if (node.type === 'leaf') {
+            leaves.push(node);
+            return;
+        }
+        node.children.forEach(walk);
+    };
+    walk(layout.root);
+    return leaves;
+};
+export const mosaicFindLeafBySurface = (layout, surface) => mosaicLeaves(layout).find((leaf) => leaf.surface === surface);
+export const mosaicFindLeaf = (layout, leafId) => mosaicLeaves(layout).find((leaf) => leaf.id === leafId);
+/** Removes a leaf; collapsing/merging is handled by normalization. */
+export const mosaicRemove = (layout, leafId) => {
+    const removeFrom = (node) => {
+        if (node.type === 'leaf')
+            return node.id === leafId ? null : node;
+        const children = [];
+        const ratios = [];
+        node.children.forEach((child, index) => {
+            const kept = removeFrom(child);
+            if (!kept)
+                return;
+            children.push(kept);
+            ratios.push(node.ratios[index]);
+        });
+        if (!children.length)
+            return null;
+        return { ...node, children, ratios };
+    };
+    if (!layout.root)
+        return { root: null };
+    const root = removeFrom(cloneNode(layout.root));
+    return mosaicNormalize({ root });
+};
+const edgeOrientation = (edge) => edge === 'left' || edge === 'right' ? 'row' : 'column';
+const edgeBefore = (edge) => edge === 'left' || edge === 'top';
+/**
+ * Inserts a leaf next to targetLeafId on the given edge (splitting the target
+ * 50/50 along the edge's axis). targetLeafId null docks against the whole
+ * layout (or becomes the root of an empty one).
+ */
+export const mosaicInsert = (layout, targetLeafId, edge, leaf) => {
+    if (!layout.root)
+        return { root: { ...leaf } };
+    const orientation = edgeOrientation(edge);
+    const before = edgeBefore(edge);
+    const wrap = (node) => ({
+        type: 'split',
+        id: createMosaicId('split'),
+        orientation,
+        children: before ? [{ ...leaf }, node] : [node, { ...leaf }],
+        ratios: [0.5, 0.5],
+    });
+    if (targetLeafId === null) {
+        return mosaicNormalize({ root: wrap(cloneNode(layout.root)) });
+    }
+    const insertInto = (node) => {
+        if (node.type === 'leaf') {
+            return node.id === targetLeafId ? wrap(node) : node;
+        }
+        return { ...node, children: node.children.map(insertInto) };
+    };
+    return mosaicNormalize({ root: insertInto(cloneNode(layout.root)) });
+};
+/** Transfers ratio between two adjacent siblings of a split. */
+export const mosaicResize = (layout, splitId, dividerIndex, ratioDelta) => {
+    const apply = (node) => {
+        if (node.type === 'leaf')
+            return node;
+        if (node.id !== splitId) {
+            return { ...node, children: node.children.map(apply) };
+        }
+        const ratios = [...node.ratios];
+        const leftIndex = dividerIndex;
+        const rightIndex = dividerIndex + 1;
+        if (leftIndex < 0 || rightIndex >= ratios.length)
+            return node;
+        const pair = ratios[leftIndex] + ratios[rightIndex];
+        const nextLeft = Math.min(Math.max(ratios[leftIndex] + ratioDelta, minRatio), pair - minRatio);
+        ratios[leftIndex] = nextLeft;
+        ratios[rightIndex] = pair - nextLeft;
+        return { ...node, ratios };
+    };
+    if (!layout.root)
+        return { root: null };
+    return { root: apply(cloneNode(layout.root)) };
+};
+/** Equalizes the ratios of one split (or every split when splitId omitted). */
+export const mosaicEqualize = (layout, splitId) => {
+    const apply = (node) => {
+        if (node.type === 'leaf')
+            return node;
+        const children = node.children.map(apply);
+        if (!splitId || node.id === splitId) {
+            return { ...node, children, ratios: children.map(() => 1 / children.length) };
+        }
+        return { ...node, children };
+    };
+    if (!layout.root)
+        return { root: null };
+    return { root: apply(cloneNode(layout.root)) };
+};
+/** Moves an existing leaf next to another leaf (drag-and-dock commit). */
+export const mosaicMove = (layout, leafId, targetLeafId, edge) => {
+    if (leafId === targetLeafId)
+        return mosaicNormalize(layout);
+    const leaf = mosaicFindLeaf(layout, leafId);
+    if (!leaf)
+        return mosaicNormalize(layout);
+    const without = mosaicRemove(layout, leafId);
+    // the target may have been the leaf's only sibling — it still exists
+    if (!mosaicFindLeaf(without, targetLeafId))
+        return mosaicNormalize(layout);
+    return mosaicInsert(without, targetLeafId, edge, { ...leaf });
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWxheW91dC9kZWVzLW1vc2FpYy90cmVlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCQSxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUM7QUFFdEIsSUFBSSxTQUFTLEdBQUcsQ0FBQyxDQUFDO0FBRWxCLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxDQUFDLE1BQWMsRUFBVSxFQUFFO0lBQ3ZELFNBQVMsSUFBSSxDQUFDLENBQUM7SUFDZixPQUFPLEdBQUcsTUFBTSxJQUFJLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLElBQUksU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO0FBQzFFLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLENBQUMsT0FBZSxFQUFFLEVBQVcsRUFBbUIsRUFBRSxDQUFDLENBQUM7SUFDbEYsSUFBSSxFQUFFLE1BQU07SUFDWixFQUFFLEVBQUUsRUFBRSxJQUFJLGNBQWMsQ0FBQyxNQUFNLENBQUM7SUFDaEMsT0FBTztDQUNSLENBQUMsQ0FBQztBQUVILE1BQU0sU0FBUyxHQUFHLENBQUMsSUFBaUIsRUFBZSxFQUFFO0lBQ25ELElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNO1FBQUUsT0FBTyxFQUFFLEdBQUcsSUFBSSxFQUFFLENBQUM7SUFDN0MsT0FBTztRQUNMLEdBQUcsSUFBSTtRQUNQLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUM7UUFDdEMsTUFBTSxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO0tBQ3pCLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLGVBQWUsR0FBRyxDQUFDLE1BQWdCLEVBQUUsS0FBYSxFQUFZLEVBQUU7SUFD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

package/dist_ts_web/elements/00group-layout/dees-mosaic/types.d.ts

@@ -0,0 +1,52 @@
+/**
+ * dees-mosaic — sway-like tiling layout model. A layout is a tree of split
+ * containers whose leaves reference host-defined surfaces. The component is
+ * controlled: hosts own the layout object and receive complete next layouts
+ * through events; the tree helpers in tree.ts are pure and DOM-free.
+ */
+export type TMosaicOrientation = 'row' | 'column';
+export interface IMosaicLeafNode {
+    type: 'leaf';
+    /** stable node id — the slot contract is slot="tile-<id>" */
+    id: string;
+    /** host-defined surface key, e.g. 'chat' | 'theia' | 'browser' */
+    surface: string;
+    /** optional per-leaf override of the surface meta title */
+    title?: string;
+}
+export interface IMosaicSplitNode {
+    type: 'split';
+    id: string;
+    orientation: TMosaicOrientation;
+    /** length >= 2 after normalization */
+    children: TMosaicNode[];
+    /** same length as children; each >= minimum share; sums to 1 */
+    ratios: number[];
+}
+export type TMosaicNode = IMosaicLeafNode | IMosaicSplitNode;
+export interface IMosaicLayout {
+    /** null = empty workspace (the `empty` slot renders) */
+    root: TMosaicNode | null;
+}
+export interface IMosaicSurfaceMeta {
+    title: string;
+    /** dees-icon name, e.g. 'lucide:Globe' */
+    icon?: string;
+    /** default true */
+    closeable?: boolean;
+}
+export type TMosaicDropEdge = 'left' | 'right' | 'top' | 'bottom';
+export type TMosaicLayoutChangeReason = 'resize' | 'drop' | 'close' | 'equalize';
+export interface IMosaicLayoutChangeDetail {
+    /** the complete next layout — the host applies and persists it */
+    layout: IMosaicLayout;
+    reason: TMosaicLayoutChangeReason;
+}
+export interface IMosaicTileEventDetail {
+    leafId: string;
+    surface: string;
+}
+export interface IMosaicDragStateDetail {
+    dragging: boolean;
+    leafId?: string;
+}

package/dist_ts_web/elements/00group-layout/dees-mosaic/types.js

@@ -0,0 +1,8 @@
+/**
+ * dees-mosaic — sway-like tiling layout model. A layout is a tree of split
+ * containers whose leaves reference host-defined surfaces. The component is
+ * controlled: hosts own the layout object and receive complete next layouts
+ * through events; the tree helpers in tree.ts are pure and DOM-free.
+ */
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1sYXlvdXQvZGVlcy1tb3NhaWMvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7O0dBS0cifQ==

package/dist_ts_web/elements/00group-layout/index.d.ts

@@ -3,6 +3,7 @@ export * from './dees-dashboardgrid/index.js';
 export * from './dees-heading/index.js';
 export * from './dees-label/index.js';
 export * from './dees-pagination/index.js';
+export * from './dees-mosaic/index.js';
 export * from './dees-panel/index.js';
 export * from './dees-settings/index.js';
 export * from './dees-sparklebox/index.js';

package/dist_ts_web/elements/00group-layout/index.js

@@ -4,9 +4,10 @@ export * from './dees-dashboardgrid/index.js';
 export * from './dees-heading/index.js';
 export * from './dees-label/index.js';
 export * from './dees-pagination/index.js';
+export * from './dees-mosaic/index.js';
 export * from './dees-panel/index.js';
 export * from './dees-settings/index.js';
 export * from './dees-sparklebox/index.js';
 export * from './dees-stepper/index.js';
 export * from './dees-tile/index.js';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1sYXlvdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0JBQW9CO0FBQ3BCLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsc0JBQXNCLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1sYXlvdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0JBQW9CO0FBQ3BCLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxzQkFBc0IsQ0FBQyJ9