@design.estate/dees-catalog 3.94.0 → 3.96.0

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

@@ -0,0 +1,622 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { demoFunc } from './dees-mosaic.demo.js';
+import { DeesElement, html, css, customElement, property, state, cssManager, } from '@design.estate/dees-element';
+import { themeDefaultStyles } from '../../00theme.js';
+import { mosaicEqualize, mosaicLeaves, mosaicRemove, mosaicResize } from './tree.js';
+import { MosaicDragController } from './interaction.js';
+import '../../00group-utility/dees-icon/dees-icon.js';
+/**
+ * Sway-like tiling workspace. Controlled component: the host owns `layout`
+ * and applies the complete next layouts emitted through
+ * `mosaic-layout-change`. Tile content projects through named slots
+ * (`slot="tile-<leafId>"`) so hosts keep light-DOM ownership — the load-
+ * bearing property for Electron webviews, which must never be reparented
+ * (slot reassignment is safe; verified by spike).
+ */
+let DeesMosaic = (() => {
+    let _classDecorators = [customElement('dees-mosaic')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _layout_decorators;
+    let _layout_initializers = [];
+    let _layout_extraInitializers = [];
+    let _surfaces_decorators;
+    let _surfaces_initializers = [];
+    let _surfaces_extraInitializers = [];
+    let _focusedLeafId_decorators;
+    let _focusedLeafId_initializers = [];
+    let _focusedLeafId_extraInitializers = [];
+    let _minTileWidth_decorators;
+    let _minTileWidth_initializers = [];
+    let _minTileWidth_extraInitializers = [];
+    let _minTileHeight_decorators;
+    let _minTileHeight_initializers = [];
+    let _minTileHeight_extraInitializers = [];
+    let _tilebarHeight_decorators;
+    let _tilebarHeight_initializers = [];
+    let _tilebarHeight_extraInitializers = [];
+    let _resizeEnabled_decorators;
+    let _resizeEnabled_initializers = [];
+    let _resizeEnabled_extraInitializers = [];
+    let _dragEnabled_decorators;
+    let _dragEnabled_initializers = [];
+    let _dragEnabled_extraInitializers = [];
+    let _dropTarget_decorators;
+    let _dropTarget_initializers = [];
+    let _dropTarget_extraInitializers = [];
+    var DeesMosaic = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _layout_decorators = [property({ attribute: false })];
+            _surfaces_decorators = [property({ attribute: false })];
+            _focusedLeafId_decorators = [property()];
+            _minTileWidth_decorators = [property({ type: Number })];
+            _minTileHeight_decorators = [property({ type: Number })];
+            _tilebarHeight_decorators = [property({ type: Number })];
+            _resizeEnabled_decorators = [property({ type: Boolean })];
+            _dragEnabled_decorators = [property({ type: Boolean })];
+            _dropTarget_decorators = [state()];
+            __esDecorate(this, null, _layout_decorators, { kind: "accessor", name: "layout", static: false, private: false, access: { has: obj => "layout" in obj, get: obj => obj.layout, set: (obj, value) => { obj.layout = value; } }, metadata: _metadata }, _layout_initializers, _layout_extraInitializers);
+            __esDecorate(this, null, _surfaces_decorators, { kind: "accessor", name: "surfaces", static: false, private: false, access: { has: obj => "surfaces" in obj, get: obj => obj.surfaces, set: (obj, value) => { obj.surfaces = value; } }, metadata: _metadata }, _surfaces_initializers, _surfaces_extraInitializers);
+            __esDecorate(this, null, _focusedLeafId_decorators, { kind: "accessor", name: "focusedLeafId", static: false, private: false, access: { has: obj => "focusedLeafId" in obj, get: obj => obj.focusedLeafId, set: (obj, value) => { obj.focusedLeafId = value; } }, metadata: _metadata }, _focusedLeafId_initializers, _focusedLeafId_extraInitializers);
+            __esDecorate(this, null, _minTileWidth_decorators, { kind: "accessor", name: "minTileWidth", static: false, private: false, access: { has: obj => "minTileWidth" in obj, get: obj => obj.minTileWidth, set: (obj, value) => { obj.minTileWidth = value; } }, metadata: _metadata }, _minTileWidth_initializers, _minTileWidth_extraInitializers);
+            __esDecorate(this, null, _minTileHeight_decorators, { kind: "accessor", name: "minTileHeight", static: false, private: false, access: { has: obj => "minTileHeight" in obj, get: obj => obj.minTileHeight, set: (obj, value) => { obj.minTileHeight = value; } }, metadata: _metadata }, _minTileHeight_initializers, _minTileHeight_extraInitializers);
+            __esDecorate(this, null, _tilebarHeight_decorators, { kind: "accessor", name: "tilebarHeight", static: false, private: false, access: { has: obj => "tilebarHeight" in obj, get: obj => obj.tilebarHeight, set: (obj, value) => { obj.tilebarHeight = value; } }, metadata: _metadata }, _tilebarHeight_initializers, _tilebarHeight_extraInitializers);
+            __esDecorate(this, null, _resizeEnabled_decorators, { kind: "accessor", name: "resizeEnabled", static: false, private: false, access: { has: obj => "resizeEnabled" in obj, get: obj => obj.resizeEnabled, set: (obj, value) => { obj.resizeEnabled = value; } }, metadata: _metadata }, _resizeEnabled_initializers, _resizeEnabled_extraInitializers);
+            __esDecorate(this, null, _dragEnabled_decorators, { kind: "accessor", name: "dragEnabled", static: false, private: false, access: { has: obj => "dragEnabled" in obj, get: obj => obj.dragEnabled, set: (obj, value) => { obj.dragEnabled = value; } }, metadata: _metadata }, _dragEnabled_initializers, _dragEnabled_extraInitializers);
+            __esDecorate(this, null, _dropTarget_decorators, { kind: "accessor", name: "dropTarget", static: false, private: false, access: { has: obj => "dropTarget" in obj, get: obj => obj.dropTarget, set: (obj, value) => { obj.dropTarget = value; } }, metadata: _metadata }, _dropTarget_initializers, _dropTarget_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeesMosaic = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = demoFunc;
+        static demoGroups = ['Layout'];
+        #layout_accessor_storage = __runInitializers(this, _layout_initializers, { root: null });
+        get layout() { return this.#layout_accessor_storage; }
+        set layout(value) { this.#layout_accessor_storage = value; }
+        #surfaces_accessor_storage = (__runInitializers(this, _layout_extraInitializers), __runInitializers(this, _surfaces_initializers, {}));
+        get surfaces() { return this.#surfaces_accessor_storage; }
+        set surfaces(value) { this.#surfaces_accessor_storage = value; }
+        #focusedLeafId_accessor_storage = (__runInitializers(this, _surfaces_extraInitializers), __runInitializers(this, _focusedLeafId_initializers, ''));
+        get focusedLeafId() { return this.#focusedLeafId_accessor_storage; }
+        set focusedLeafId(value) { this.#focusedLeafId_accessor_storage = value; }
+        #minTileWidth_accessor_storage = (__runInitializers(this, _focusedLeafId_extraInitializers), __runInitializers(this, _minTileWidth_initializers, 160));
+        get minTileWidth() { return this.#minTileWidth_accessor_storage; }
+        set minTileWidth(value) { this.#minTileWidth_accessor_storage = value; }
+        #minTileHeight_accessor_storage = (__runInitializers(this, _minTileWidth_extraInitializers), __runInitializers(this, _minTileHeight_initializers, 100));
+        get minTileHeight() { return this.#minTileHeight_accessor_storage; }
+        set minTileHeight(value) { this.#minTileHeight_accessor_storage = value; }
+        #tilebarHeight_accessor_storage = (__runInitializers(this, _minTileHeight_extraInitializers), __runInitializers(this, _tilebarHeight_initializers, 26));
+        get tilebarHeight() { return this.#tilebarHeight_accessor_storage; }
+        set tilebarHeight(value) { this.#tilebarHeight_accessor_storage = value; }
+        #resizeEnabled_accessor_storage = (__runInitializers(this, _tilebarHeight_extraInitializers), __runInitializers(this, _resizeEnabled_initializers, true));
+        get resizeEnabled() { return this.#resizeEnabled_accessor_storage; }
+        set resizeEnabled(value) { this.#resizeEnabled_accessor_storage = value; }
+        #dragEnabled_accessor_storage = (__runInitializers(this, _resizeEnabled_extraInitializers), __runInitializers(this, _dragEnabled_initializers, true));
+        get dragEnabled() { return this.#dragEnabled_accessor_storage; }
+        set dragEnabled(value) { this.#dragEnabled_accessor_storage = value; }
+        #dropTarget_accessor_storage = (__runInitializers(this, _dragEnabled_extraInitializers), __runInitializers(this, _dropTarget_initializers, null));
+        /** transient drop-target highlight during a tile drag */
+        get dropTarget() { return this.#dropTarget_accessor_storage; }
+        set dropTarget(value) { this.#dropTarget_accessor_storage = value; }
+        dragController = (__runInitializers(this, _dropTarget_extraInitializers), new MosaicDragController(this));
+        /** cancels an in-flight divider drag when the host disconnects mid-gesture */
+        activeDividerCancel = null;
+        async disconnectedCallback() {
+            this.activeDividerCancel?.();
+            this.dragController.cancelActiveGesture();
+            await super.disconnectedCallback();
+        }
+        static styles = [
+            themeDefaultStyles,
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+        position: relative;
+        min-width: 0;
+        min-height: 0;
+        height: 100%;
+        font-family: var(--dees-font-family);
+        background: var(--dees-color-bg-canvas);
+        --mosaic-tilebar-height: 26px;
+      }
+
+      .rootBox {
+        position: relative;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+      }
+
+      .split {
+        display: flex;
+        min-width: 0;
+        min-height: 0;
+        width: 100%;
+        height: 100%;
+      }
+
+      .split.row {
+        flex-direction: row;
+      }
+
+      .split.column {
+        flex-direction: column;
+      }
+
+      .cell {
+        min-width: 0;
+        min-height: 0;
+        display: flex;
+      }
+
+      .divider {
+        flex: 0 0 5px;
+        position: relative;
+        background: transparent;
+        z-index: 1;
+      }
+
+      .split.row > .divider {
+        cursor: col-resize;
+      }
+
+      .split.column > .divider {
+        cursor: row-resize;
+      }
+
+      .divider::after {
+        content: '';
+        position: absolute;
+        inset: 0;
+        margin: auto;
+        background: var(--dees-color-border-subtle);
+        transition: background var(--dees-transition-fast) var(--dees-ease-standard);
+      }
+
+      .split.row > .divider::after {
+        width: 1px;
+      }
+
+      .split.column > .divider::after {
+        height: 1px;
+      }
+
+      .divider:hover::after,
+      .divider:focus-visible::after,
+      .divider.dragging::after {
+        background: var(--dees-color-accent-primary);
+      }
+
+      .split.row > .divider:hover::after,
+      .split.row > .divider.dragging::after {
+        width: 3px;
+      }
+
+      .split.column > .divider:hover::after,
+      .split.column > .divider.dragging::after {
+        height: 3px;
+      }
+
+      .divider:focus-visible {
+        outline: none;
+      }
+
+      .pane {
+        flex: 1;
+        min-width: 0;
+        min-height: 0;
+        display: flex;
+        flex-direction: column;
+        border-radius: var(--dees-radius-md);
+        corner-shape: var(--dees-corner-shape);
+        background: var(--dees-color-bg-primary);
+        border: 1px solid var(--dees-color-border-subtle);
+        overflow: hidden;
+      }
+
+      .pane.focused {
+        border-color: var(--dees-color-border-strong);
+      }
+
+      /* really slim tilebar: drag handle + title + close */
+      .tilebar {
+        flex: 0 0 var(--mosaic-tilebar-height);
+        display: flex;
+        align-items: center;
+        gap: var(--dees-spacing-xs);
+        padding: 0 4px 0 var(--dees-spacing-sm);
+        background: var(--dees-color-bg-secondary);
+        border-bottom: 1px solid var(--dees-color-border-subtle);
+        cursor: grab;
+        user-select: none;
+      }
+
+      .tilebar.dragging {
+        cursor: grabbing;
+      }
+
+      .tilebar dees-icon {
+        color: var(--dees-color-text-secondary);
+        flex: 0 0 auto;
+      }
+
+      .tileTitle {
+        min-width: 0;
+        color: var(--dees-color-text-secondary);
+        font-size: var(--dees-font-caption1-size, 11px);
+        font-weight: 600;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .pane.focused .tileTitle {
+        color: var(--dees-color-text-primary);
+      }
+
+      .tileSpacer {
+        flex: 1;
+      }
+
+      .tileClose {
+        flex: 0 0 auto;
+        display: grid;
+        place-items: center;
+        width: 20px;
+        height: 20px;
+        border: 0;
+        border-radius: var(--dees-radius-sm);
+        corner-shape: var(--dees-corner-shape);
+        background: transparent;
+        color: var(--dees-color-text-muted);
+        cursor: pointer;
+        padding: 0;
+      }
+
+      .tileClose:hover {
+        background: var(--dees-color-hover);
+        color: var(--dees-color-text-primary);
+      }
+
+      .paneContent {
+        flex: 1;
+        min-width: 0;
+        min-height: 0;
+        position: relative;
+        display: flex;
+      }
+
+      .paneContent ::slotted(*) {
+        flex: 1;
+        min-width: 0;
+        min-height: 0;
+      }
+
+      .emptyBox {
+        display: grid;
+        place-items: center;
+        width: 100%;
+        height: 100%;
+      }
+
+      /* drag artifacts */
+      .dragShield {
+        position: fixed;
+        inset: 0;
+        z-index: 40;
+        cursor: grabbing;
+      }
+
+      .dragGhost {
+        position: fixed;
+        z-index: 42;
+        transform: translate(-50%, -120%);
+        padding: 3px 10px;
+        border-radius: var(--dees-radius-full);
+        background: var(--dees-material-thick-bg);
+        backdrop-filter: var(--dees-material-thick-filter);
+        border: 1px solid var(--dees-color-border-default);
+        color: var(--dees-color-text-primary);
+        font-size: var(--dees-font-caption1-size, 11px);
+        font-weight: 600;
+        pointer-events: none;
+        box-shadow: var(--dees-shadow-md);
+        white-space: nowrap;
+      }
+
+      .dropPreview {
+        position: absolute;
+        z-index: 41;
+        border-radius: var(--dees-radius-md);
+        corner-shape: var(--dees-corner-shape);
+        background: color-mix(in srgb, var(--dees-color-accent-primary) 18%, transparent);
+        border: 1px solid var(--dees-color-accent-primary);
+        pointer-events: none;
+        transition:
+          left var(--dees-transition-fast) var(--dees-ease-standard),
+          top var(--dees-transition-fast) var(--dees-ease-standard),
+          width var(--dees-transition-fast) var(--dees-ease-standard),
+          height var(--dees-transition-fast) var(--dees-ease-standard);
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        .dropPreview {
+          transition: none;
+        }
+      }
+    `,
+        ];
+        render() {
+            return html `
+      <div
+        class="rootBox"
+        style="--mosaic-tilebar-height: ${this.tilebarHeight}px"
+        @pointerdown=${this.handleRootPointerDown}
+      >
+        ${this.layout.root
+                ? this.renderNode(this.layout.root)
+                : html `<div class="emptyBox"><slot name="empty"></slot></div>`}
+        ${this.renderDropPreview()}
+      </div>
+    `;
+        }
+        renderNode(node) {
+            if (node.type === 'leaf') {
+                const meta = this.surfaces[node.surface] ?? { title: node.surface };
+                const title = node.title || meta.title;
+                const closeable = meta.closeable !== false;
+                return html `
+        <div class="pane ${this.focusedLeafId === node.id ? 'focused' : ''}" data-leaf-id=${node.id}>
+          <div
+            class="tilebar"
+            data-leaf-id=${node.id}
+            @pointerdown=${(event) => this.dragController.handleTilebarPointerDown(event, node.id, title)}
+          >
+            ${meta.icon ? html `<dees-icon .icon=${meta.icon} iconSize="12"></dees-icon>` : ''}
+            <span class="tileTitle">${title}</span>
+            <span class="tileSpacer"></span>
+            ${closeable
+                    ? html `
+                  <button
+                    class="tileClose"
+                    type="button"
+                    aria-label="Close ${title}"
+                    @pointerdown=${(event) => event.stopPropagation()}
+                    @click=${() => this.requestCloseTile(node.id, node.surface)}
+                  >
+                    <dees-icon icon="lucide:X" iconSize="12"></dees-icon>
+                  </button>
+                `
+                    : ''}
+          </div>
+          <div class="paneContent" data-leaf-id=${node.id}>
+            <slot name="tile-${node.id}"></slot>
+          </div>
+        </div>
+      `;
+            }
+            const parts = [];
+            node.children.forEach((child, index) => {
+                parts.push(html `
+        <div class="cell" data-cell-of=${node.id} style="flex: ${node.ratios[index]} 1 0%">
+          ${this.renderNode(child)}
+        </div>
+      `);
+                if (index < node.children.length - 1 && this.resizeEnabled) {
+                    parts.push(html `
+          <div
+            class="divider"
+            role="separator"
+            tabindex="0"
+            aria-orientation=${node.orientation === 'row' ? 'vertical' : 'horizontal'}
+            data-split-id=${node.id}
+            data-divider-index=${index}
+            @pointerdown=${(event) => this.handleDividerPointerDown(event, node, index)}
+            @dblclick=${() => this.commitLayout(mosaicEqualize(this.layout, node.id), 'equalize')}
+            @keydown=${(event) => this.handleDividerKeydown(event, node, index)}
+          ></div>
+        `);
+                }
+            });
+            return html `<div class="split ${node.orientation}" data-split-id=${node.id}>${parts}</div>`;
+        }
+        renderDropPreview() {
+            const target = this.dropTarget;
+            if (!target)
+                return html ``;
+            const hostRect = this.getBoundingClientRect();
+            const rect = target.previewRect;
+            return html `
+      <div
+        class="dropPreview"
+        style="left: ${rect.left - hostRect.left}px; top: ${rect.top - hostRect.top}px; width: ${rect.width}px; height: ${rect.height}px"
+      ></div>
+    `;
+        }
+        // ------------------------------------------------------------- public API
+        /** Content-area rect per leaf id, in viewport coordinates. */
+        getLeafRects() {
+            const rects = {};
+            for (const pane of this.shadowRoot?.querySelectorAll('.paneContent[data-leaf-id]') ?? []) {
+                rects[pane.dataset.leafId] = pane.getBoundingClientRect();
+            }
+            return rects;
+        }
+        equalize(splitId) {
+            this.commitLayout(mosaicEqualize(this.layout, splitId), 'equalize');
+        }
+        focusTile(leafId) {
+            this.focusedLeafId = leafId;
+            const leaf = mosaicLeaves(this.layout).find((candidate) => candidate.id === leafId);
+            if (leaf)
+                this.emitTileEvent('mosaic-tile-focus', leaf.id, leaf.surface);
+        }
+        // ------------------------------------------------------------- internals
+        commitLayout(layout, reason) {
+            const detail = { layout, reason };
+            this.dispatchEvent(new CustomEvent('mosaic-layout-change', { detail, bubbles: true, composed: true }));
+        }
+        requestCloseTile(leafId, surface) {
+            const closeEvent = new CustomEvent('mosaic-tile-close', {
+                detail: { leafId, surface },
+                bubbles: true,
+                composed: true,
+                cancelable: true,
+            });
+            const proceed = this.dispatchEvent(closeEvent);
+            if (!proceed)
+                return;
+            this.commitLayout(mosaicRemove(this.layout, leafId), 'close');
+        }
+        emitTileEvent(name, leafId, surface) {
+            this.dispatchEvent(new CustomEvent(name, { detail: { leafId, surface }, bubbles: true, composed: true }));
+        }
+        handleRootPointerDown = (event) => {
+            const pane = (event.composedPath().find((element) => element instanceof HTMLElement && element.classList?.contains('pane')));
+            const leafId = pane?.dataset.leafId;
+            if (!leafId || leafId === this.focusedLeafId)
+                return;
+            this.focusTile(leafId);
+        };
+        // -------------------------------------------------------------- resizing
+        handleDividerPointerDown(event, split, dividerIndex) {
+            if (!this.resizeEnabled || event.button !== 0)
+                return;
+            if (this.activeDividerCancel)
+                return; // one divider gesture at a time (multi-touch guard)
+            event.preventDefault();
+            const divider = event.currentTarget;
+            const container = divider.parentElement;
+            const horizontal = split.orientation === 'row';
+            const containerExtent = horizontal ? container.clientWidth : container.clientHeight;
+            const startCoord = horizontal ? event.clientX : event.clientY;
+            const cells = Array.from(container.children).filter((child) => child instanceof HTMLElement && child.classList.contains('cell'));
+            const leftCell = cells[dividerIndex];
+            const rightCell = cells[dividerIndex + 1];
+            if (!leftCell || !rightCell || !containerExtent)
+                return;
+            const startLeftRatio = split.ratios[dividerIndex];
+            const startRightRatio = split.ratios[dividerIndex + 1];
+            const pair = startLeftRatio + startRightRatio;
+            const minPx = horizontal ? this.minTileWidth : this.minTileHeight;
+            const minRatio = Math.max(0.05, Math.min(minPx / containerExtent, pair / 2));
+            divider.classList.add('dragging');
+            try {
+                divider.setPointerCapture(event.pointerId);
+            }
+            catch {
+                // synthetic pointers (tests) cannot be captured; listeners work anyway
+            }
+            let lastLeftRatio = startLeftRatio;
+            let resizeEmitFrame = 0;
+            const onMove = (moveEvent) => {
+                const delta = (horizontal ? moveEvent.clientX : moveEvent.clientY) - startCoord;
+                const ratioDelta = delta / containerExtent;
+                lastLeftRatio = Math.min(Math.max(startLeftRatio + ratioDelta, minRatio), pair - minRatio);
+                // css-only while dragging; the tree commits once on release
+                leftCell.style.flex = `${lastLeftRatio} 1 0%`;
+                rightCell.style.flex = `${pair - lastLeftRatio} 1 0%`;
+                if (!resizeEmitFrame) {
+                    resizeEmitFrame = requestAnimationFrame(() => {
+                        resizeEmitFrame = 0;
+                        this.dispatchEvent(new CustomEvent('mosaic-resizing', { detail: {}, bubbles: true, composed: true }));
+                    });
+                }
+            };
+            const finish = (commit) => {
+                this.activeDividerCancel = null;
+                divider.classList.remove('dragging');
+                divider.removeEventListener('pointermove', onMove);
+                divider.removeEventListener('pointerup', onUp);
+                divider.removeEventListener('lostpointercapture', onLost);
+                window.removeEventListener('keydown', onKey, true);
+                if (resizeEmitFrame)
+                    cancelAnimationFrame(resizeEmitFrame);
+                if (commit && lastLeftRatio !== startLeftRatio) {
+                    this.commitLayout(mosaicResize(this.layout, split.id, dividerIndex, lastLeftRatio - startLeftRatio), 'resize');
+                }
+                else if (!commit) {
+                    leftCell.style.flex = `${startLeftRatio} 1 0%`;
+                    rightCell.style.flex = `${startRightRatio} 1 0%`;
+                }
+            };
+            const onUp = () => finish(true);
+            const onLost = () => finish(true);
+            const onKey = (keyEvent) => {
+                if (keyEvent.key === 'Escape') {
+                    keyEvent.preventDefault();
+                    try {
+                        divider.releasePointerCapture(event.pointerId);
+                    }
+                    catch {
+                        // not captured (synthetic pointer)
+                    }
+                    finish(false);
+                }
+            };
+            divider.addEventListener('pointermove', onMove);
+            divider.addEventListener('pointerup', onUp);
+            divider.addEventListener('lostpointercapture', onLost);
+            window.addEventListener('keydown', onKey, true);
+            this.activeDividerCancel = () => finish(false);
+        }
+        handleDividerKeydown(event, split, dividerIndex) {
+            const horizontal = split.orientation === 'row';
+            const decrease = horizontal ? 'ArrowLeft' : 'ArrowUp';
+            const increase = horizontal ? 'ArrowRight' : 'ArrowDown';
+            if (event.key !== decrease && event.key !== increase)
+                return;
+            event.preventDefault();
+            const container = event.currentTarget.parentElement;
+            const extent = horizontal ? container.clientWidth : container.clientHeight;
+            if (!extent)
+                return;
+            const step = (event.key === increase ? 16 : -16) / extent;
+            this.commitLayout(mosaicResize(this.layout, split.id, dividerIndex, step), 'resize');
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeesMosaic = _classThis;
+})();
+export { DeesMosaic };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb3NhaWMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1sYXlvdXQvZGVlcy1tb3NhaWMvZGVlcy1tb3NhaWMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNqRCxPQUFPLEVBQ0wsV0FBVyxFQUNYLElBQUksRUFDSixHQUFHLEVBQ0gsYUFBYSxFQUViLFFBQVEsRUFDUixLQUFLLEVBQ0wsVUFBVSxHQUNYLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFTdEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNyRixPQUFPLEVBQUUsb0JBQW9CLEVBQTBCLE1BQU0sa0JBQWtCLENBQUM7QUFDaEYsT0FBTyw4Q0FBOEMsQ0FBQztBQVF0RDs7Ozs7OztHQU9HO0lBRVUsVUFBVTs0QkFEdEIsYUFBYSxDQUFDLGFBQWEsQ0FBQzs7OztzQkFDRyxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzBCQUFuQixTQUFRLFdBQVc7Ozs7a0NBSXhDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztvQ0FHOUIsUUFBUSxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO3lDQUc5QixRQUFRLEVBQUU7d0NBR1YsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO3lDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7eUNBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzt5Q0FHMUIsUUFB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

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

@@ -0,0 +1,3 @@
+export * from './dees-mosaic.js';
+export * from './types.js';
+export * from './tree.js';

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

@@ -0,0 +1,4 @@
+export * from './dees-mosaic.js';
+export * from './types.js';
+export * from './tree.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1sYXlvdXQvZGVlcy1tb3NhaWMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLFlBQVksQ0FBQztBQUMzQixjQUFjLFdBQVcsQ0FBQyJ9