@jolly-pixel/ui 1.0.1

package/dist/containers/Dock.d.ts

@@ -0,0 +1,97 @@
+import { LitElement, type TemplateResult } from "lit";
+import { type PaneElement } from "./Pane.ts";
+import type { Rect } from "../geometry/Rect.ts";
+import type { DropCandidate } from "../interaction/drag/dropIndex.ts";
+import type { StorageAdapter } from "../storage/StorageAdapter.ts";
+export type DockSide = "bottom" | "left" | "right" | "top";
+export type DockAlign = "end" | "start";
+export declare class Dock extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    side: DockSide;
+    /**
+     * Packs panes toward one edge instead of stretching them.
+     *
+     * Unset keeps the historical behaviour, where panes share the main axis and
+     * a lone pane fills the dock. Setting it switches to content-sized panes,
+     * which is what makes folding visible and what `grow` opts back out of.
+     */
+    align: DockAlign | null;
+    /**
+     * Detaches the dock from the flow so its panes float over the content.
+     */
+    overlay: boolean;
+    key: string;
+    size: number;
+    collapsible: boolean;
+    collapsed: boolean;
+    /**
+     * Reflected so an emptied dock can drop its surface and its width.
+     */
+    empty: boolean;
+    minSize: number;
+    maxSize: number;
+    storageKey: string;
+    storage: StorageAdapter;
+    _handle: HTMLDivElement;
+    _content: HTMLDivElement;
+    _slot: HTMLSlotElement;
+    /**
+     * True while the dock is inside a `jolly-dock-layout`, which then owns its
+     * persistence. Resolved at connect so it beats the first render.
+     */
+    get managed(): boolean;
+    /**
+     * Identity used by the layout snapshot, falling back to tag and side.
+     */
+    get layoutKey(): string;
+    /**
+     * Axis panes stack along, which is the opposite of the resized one.
+     */
+    get axis(): "x" | "y";
+    constructor();
+    connectedCallback(): void;
+    render(): TemplateResult;
+    protected willUpdate(changed: Map<PropertyKey, unknown>): void;
+    protected firstUpdated(): void;
+    protected updated(changed: Map<PropertyKey, unknown>): void;
+    disconnectedCallback(): void;
+    /**
+     * Panes slotted into the dock, in DOM order.
+     */
+    panes(): PaneElement[];
+    /**
+     * Region that arms the dock while a drag runs.
+     *
+     * A dock with a box of its own takes the drop across the whole of it,
+     * wherever the dragged pane comes from. Aiming at a dock means aiming at the
+     * dock, not at a strip of it, and a pane that has to be parked in a window
+     * first before it can be moved one dock over is a gesture in two halves.
+     *
+     * A dock with no thickness left is the exception, since there is no surface
+     * to aim at: an emptied or collapsed one gave its thickness back but is
+     * still laid out where it belongs, so a band grows inward from the line it
+     * collapsed to and the dock stays a target wherever on the page its layout
+     * sits. Only a dock with no box at all falls back to the viewport edge.
+     */
+    dropZone(): Rect;
+    /**
+     * Main-axis extents of the slotted panes, ordered along `axis`.
+     *
+     * A pane is measured by what it occupies rather than by the box it was
+     * given, so the space a stretched pane holds but does not fill counts as
+     * dock rather than as pane. Both the drop index and the insertion line read
+     * these, so where the drop resolves and where it is drawn cannot disagree.
+     */
+    dropCandidates(): DropCandidate[];
+    /**
+     * Client rect of the insertion line for a drop index.
+     */
+    insertionLine(index: number): Rect;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "jolly-dock": Dock;
+    }
+}
+//# sourceMappingURL=Dock.d.ts.map

package/dist/containers/Dock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dock.d.ts","sourceRoot":"","sources":["../../src/containers/Dock.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,UAAU,EAEV,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAUb,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AASnB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAOnE,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAC3D,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,CAAC;AAExC,qBACa,IAAK,SAAQ,UAAU;;IAClC,OAAgB,MAAM,4BAGpB;IAGM,IAAI,EAAE,QAAQ,CAAC;IAEvB;;;;;;OAMG;IAEK,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAEhC;;OAEG;IAEK,OAAO,EAAE,OAAO,CAAC;IAGjB,GAAG,EAAE,MAAM,CAAC;IAGZ,IAAI,EAAE,MAAM,CAAC;IAGb,WAAW,EAAE,OAAO,CAAC;IAGrB,SAAS,EAAE,OAAO,CAAC;IAE3B;;OAEG;IAEK,KAAK,EAAE,OAAO,CAAC;IAGf,OAAO,EAAE,MAAM,CAAC;IAGhB,OAAO,EAAE,MAAM,CAAC;IAGhB,UAAU,EAAE,MAAM,CAAC;IAGnB,OAAO,EAAE,cAAc,CAAC;IAGxB,OAAO,EAAE,cAAc,CAAC;IAGxB,QAAQ,EAAE,cAAc,CAAC;IAGzB,KAAK,EAAE,eAAe,CAAC;IAc/B;;;OAGG;IACH,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;IACH,IAAI,SAAS,IAAI,MAAM,CAItB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,CAEpB;;IAmBQ,iBAAiB,IAAI,IAAI;IAKzB,MAAM,IAAI,cAAc;cAed,UAAU,CAC3B,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GACjC,IAAI;cAsBY,YAAY,IAAI,IAAI;cAMpB,OAAO,CACxB,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GACjC,IAAI;IAqBE,oBAAoB,IAAI,IAAI;IAKrC;;OAEG;IACH,KAAK,IAAI,WAAW,EAAE;IAStB;;;;;;;;;;;;;OAaG;IACH,QAAQ,IAAI,IAAI;IAkChB;;;;;;;OAOG;IACH,cAAc,IAAI,aAAa,EAAE;IAiBjC;;OAEG;IACH,aAAa,CACX,KAAK,EAAE,MAAM,GACZ,IAAI;CAoNR;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,IAAI,CAAC;KACpB;CACF"}

package/dist/containers/Dock.js

@@ -0,0 +1,432 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+// Import Third-party Dependencies
+import { ResizeHandle } from "@jolly-pixel/resize-handle";
+import { LitElement, html } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+// Import Internal Dependencies
+import { dockStyles } from "./Dock.styles.js";
+import { emitContainerEvent } from "./events.js";
+import { isPane } from "./Pane.js";
+import { forwardResizeEvents, installResizeCursorStyles } from "./resize.js";
+import { horizontalInsertionLine, verticalInsertionLine } from "../interaction/drag/DragSession.js";
+import { LocalStorageAdapter } from "../storage/LocalStorageAdapter.js";
+import { PersistedState } from "../storage/PersistedState.js";
+import { deriveKey } from "../storage/keys.js";
+import { hiddenStyles } from "../theme/styles/hiddenStyles.js";
+// CONSTANTS
+const kZoneBand = 48;
+let Dock = class Dock extends LitElement {
+    static styles = [
+        dockStyles,
+        hiddenStyles
+    ];
+    #resizeHandle = null;
+    #removeResizeListeners = null;
+    #managed = false;
+    #state = new PersistedState(this, {
+        isManaged: () => this.#managed,
+        namespace: () => this.#namespace(),
+        storage: () => this.storage,
+        onManagedWrite: () => {
+            emitContainerEvent(this, "jolly-layout-dirty", undefined);
+        }
+    });
+    /**
+     * True while the dock is inside a `jolly-dock-layout`, which then owns its
+     * persistence. Resolved at connect so it beats the first render.
+     */
+    get managed() {
+        return this.#managed;
+    }
+    /**
+     * Identity used by the layout snapshot, falling back to tag and side.
+     */
+    get layoutKey() {
+        return this.key === "" ?
+            deriveKey("jolly-dock", this.side) :
+            this.key;
+    }
+    /**
+     * Axis panes stack along, which is the opposite of the resized one.
+     */
+    get axis() {
+        return this.side === "left" || this.side === "right" ? "y" : "x";
+    }
+    constructor() {
+        super();
+        this.side = "left";
+        this.align = null;
+        this.overlay = false;
+        this.key = "";
+        this.size = 240;
+        this.collapsible = false;
+        this.collapsed = false;
+        this.empty = false;
+        this.minSize = 120;
+        this.maxSize = Number.POSITIVE_INFINITY;
+        this.storageKey = "";
+        this.storage = new LocalStorageAdapter();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.#managed = this.closest("jolly-dock-layout") !== null;
+    }
+    render() {
+        return html `
+      <div class="content" part="content">
+        <slot @slotchange=${this.#onSlotChange}></slot>
+      </div>
+      <div
+        class="resize-handle"
+        part="resize-handle"
+        aria-label="Resize dock"
+        @dblclick=${this.#onDoubleClick}
+        @keydown=${this.#onHandleKeyDown}
+      ></div>
+    `;
+    }
+    willUpdate(changed) {
+        // An overlay dock is content-sized by definition; stretching would leave
+        // one pane covering the whole viewport edge.
+        if (changed.has("overlay") &&
+            this.overlay &&
+            this.align === null) {
+            this.align = "start";
+        }
+        // Restoring persisted size/collapsed only touches reactive properties,
+        // so it belongs before the first render commits rather than in
+        // firstUpdated, where setting them would schedule a redundant update.
+        if (!this.hasUpdated &&
+            !this.#managed) {
+            this.#restore();
+        }
+    }
+    firstUpdated() {
+        this.#applySize();
+        this.#connectResizeHandle();
+        installResizeCursorStyles(this.ownerDocument);
+    }
+    updated(changed) {
+        if (changed.has("side") ||
+            changed.has("minSize") ||
+            changed.has("maxSize") ||
+            changed.has("overlay")) {
+            this.#connectResizeHandle();
+        }
+        if (changed.has("size") ||
+            changed.has("collapsed") ||
+            changed.has("empty") ||
+            changed.has("side") ||
+            changed.has("overlay")) {
+            this.#applySize();
+        }
+    }
+    disconnectedCallback() {
+        this.#disconnectResizeHandle();
+        super.disconnectedCallback();
+    }
+    /**
+     * Panes slotted into the dock, in DOM order.
+     */
+    panes() {
+        if (!this.hasUpdated) {
+            return [...this.children].filter(isPane);
+        }
+        return this._slot.assignedElements({ flatten: true })
+            .filter(isPane);
+    }
+    /**
+     * Region that arms the dock while a drag runs.
+     *
+     * A dock with a box of its own takes the drop across the whole of it,
+     * wherever the dragged pane comes from. Aiming at a dock means aiming at the
+     * dock, not at a strip of it, and a pane that has to be parked in a window
+     * first before it can be moved one dock over is a gesture in two halves.
+     *
+     * A dock with no thickness left is the exception, since there is no surface
+     * to aim at: an emptied or collapsed one gave its thickness back but is
+     * still laid out where it belongs, so a band grows inward from the line it
+     * collapsed to and the dock stays a target wherever on the page its layout
+     * sits. Only a dock with no box at all falls back to the viewport edge.
+     */
+    dropZone() {
+        const rect = this.getBoundingClientRect();
+        const vertical = this.side === "left" || this.side === "right";
+        const thickness = vertical ? rect.width : rect.height;
+        const span = vertical ? rect.height : rect.width;
+        if (thickness > 0) {
+            return {
+                x: rect.x,
+                y: rect.y,
+                width: rect.width,
+                height: rect.height
+            };
+        }
+        if (span === 0) {
+            return this.#viewportBand(vertical);
+        }
+        return vertical ?
+            {
+                x: this.side === "left" ? rect.x : rect.right - kZoneBand,
+                y: rect.y,
+                width: kZoneBand,
+                height: rect.height
+            } :
+            {
+                x: rect.x,
+                y: this.side === "top" ? rect.y : rect.bottom - kZoneBand,
+                width: rect.width,
+                height: kZoneBand
+            };
+    }
+    /**
+     * Main-axis extents of the slotted panes, ordered along `axis`.
+     *
+     * A pane is measured by what it occupies rather than by the box it was
+     * given, so the space a stretched pane holds but does not fill counts as
+     * dock rather than as pane. Both the drop index and the insertion line read
+     * these, so where the drop resolves and where it is drawn cannot disagree.
+     */
+    dropCandidates() {
+        return this.panes().map((pane) => {
+            const rect = pane.getBoundingClientRect();
+            const size = pane.occupiedSize(this.axis);
+            return this.axis === "y" ?
+                {
+                    start: rect.y,
+                    size
+                } :
+                {
+                    start: rect.x,
+                    size
+                };
+        });
+    }
+    /**
+     * Client rect of the insertion line for a drop index.
+     */
+    insertionLine(index) {
+        const bounds = this.#insertionBounds();
+        const candidates = this.dropCandidates();
+        return this.axis === "y" ?
+            verticalInsertionLine(bounds, candidates, index) :
+            horizontalInsertionLine(bounds, candidates, index);
+    }
+    /**
+     * Box the insertion line is drawn across.
+     *
+     * An emptied dock has no content box left to draw over, so the line spans
+     * the band that armed it instead of collapsing to nothing.
+     */
+    #insertionBounds() {
+        const rect = this._content?.getBoundingClientRect() ??
+            this.getBoundingClientRect();
+        const thickness = this.axis === "y" ? rect.width : rect.height;
+        if (thickness === 0) {
+            return this.dropZone();
+        }
+        return {
+            x: rect.x,
+            y: rect.y,
+            width: rect.width,
+            height: rect.height
+        };
+    }
+    #viewportBand(vertical) {
+        const view = this.ownerDocument.defaultView;
+        const viewWidth = view?.innerWidth ?? 0;
+        const viewHeight = view?.innerHeight ?? 0;
+        return vertical ?
+            {
+                x: this.side === "left" ? 0 : viewWidth - kZoneBand,
+                y: 0,
+                width: kZoneBand,
+                height: viewHeight
+            } :
+            {
+                x: 0,
+                y: this.side === "top" ? 0 : viewHeight - kZoneBand,
+                width: viewWidth,
+                height: kZoneBand
+            };
+    }
+    #onSlotChange = () => {
+        this.empty = this.panes().length === 0;
+    };
+    #connectResizeHandle() {
+        if (!this.hasUpdated) {
+            return;
+        }
+        this.#disconnectResizeHandle();
+        this.#resizeHandle = new ResizeHandle(this, {
+            direction: this.side,
+            handle: this._handle,
+            minSize: this.minSize,
+            maxSize: this.maxSize
+        });
+        this.#removeResizeListeners = forwardResizeEvents(this, this.#resizeHandle, () => this.#resizeDetail(), () => {
+            this.#readSize();
+            this.#persist();
+        });
+    }
+    #disconnectResizeHandle() {
+        this.#removeResizeListeners?.();
+        this.#removeResizeListeners = null;
+        this.#resizeHandle?.dispose();
+        this.#resizeHandle = null;
+    }
+    #onDoubleClick = (event) => {
+        if (event.button === 0 && this.collapsible) {
+            this.#toggleCollapsed();
+        }
+    };
+    #onHandleKeyDown = (event) => {
+        if (event.key !== "Enter" || !this.collapsible) {
+            return;
+        }
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        this.#toggleCollapsed();
+    };
+    #toggleCollapsed() {
+        if (!this.collapsed) {
+            this.#readSize();
+        }
+        this.collapsed = !this.collapsed;
+        this.#applySize();
+        this.#persist();
+        emitContainerEvent(this, "jolly-resize", this.#resizeDetail());
+        emitContainerEvent(this, "jolly-resize-end", this.#resizeDetail());
+    }
+    #readSize() {
+        // A collapsed dock has no size worth remembering: its own handle stays
+        // interactive at 0px, and a click that jitters by even a couple of
+        // pixels reads as a resize drag there, which would otherwise overwrite
+        // the size the dock is meant to reopen at.
+        if (this.collapsed) {
+            return;
+        }
+        const measured = this.getBoundingClientRect()[this.#dimension()];
+        if (measured > 0) {
+            this.size = Math.min(Math.max(measured, this.minSize), this.maxSize);
+        }
+    }
+    #applySize() {
+        const dimension = this.#dimension();
+        const inert = this.collapsed || (this.empty && !this.overlay);
+        // Disabling the handle is the primary fix: with no box to grab, dragging
+        // it should not be possible in the first place, jitter or not.
+        this._handle?.classList.toggle("disabled", inert);
+        if (inert) {
+            this.style[dimension] = "0px";
+            return;
+        }
+        this.style[dimension] = `${Math.min(Math.max(this.size, this.minSize), this.maxSize)}px`;
+    }
+    #restore() {
+        const size = Number(this.#state.read("size"));
+        if (Number.isFinite(size) &&
+            size > 0) {
+            this.size = size;
+        }
+        this.collapsed = this.#state.read("collapsed") === "true";
+    }
+    #persist() {
+        this.#state.write("size", String(this.size));
+        this.#state.write("collapsed", String(this.collapsed));
+    }
+    #resizeDetail() {
+        const rect = this.getBoundingClientRect();
+        return {
+            width: rect.width,
+            height: rect.height,
+            collapsed: this.collapsed
+        };
+    }
+    #dimension() {
+        return this.side === "left" || this.side === "right" ?
+            "width" :
+            "height";
+    }
+    #namespace() {
+        if (this.storageKey !== "") {
+            return this.storageKey;
+        }
+        const path = globalThis.location?.pathname ?? "";
+        return `${path}:jolly-dock:${this.layoutKey}`;
+    }
+};
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", String)
+], Dock.prototype, "side", void 0);
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", Object)
+], Dock.prototype, "align", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], Dock.prototype, "overlay", void 0);
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", String)
+], Dock.prototype, "key", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], Dock.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], Dock.prototype, "collapsible", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], Dock.prototype, "collapsed", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], Dock.prototype, "empty", void 0);
+__decorate([
+    property({ type: Number, attribute: "min-size" }),
+    __metadata("design:type", Number)
+], Dock.prototype, "minSize", void 0);
+__decorate([
+    property({ type: Number, attribute: "max-size" }),
+    __metadata("design:type", Number)
+], Dock.prototype, "maxSize", void 0);
+__decorate([
+    property({ type: String, attribute: "storage-key" }),
+    __metadata("design:type", String)
+], Dock.prototype, "storageKey", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], Dock.prototype, "storage", void 0);
+__decorate([
+    query(".resize-handle"),
+    __metadata("design:type", HTMLDivElement)
+], Dock.prototype, "_handle", void 0);
+__decorate([
+    query(".content"),
+    __metadata("design:type", HTMLDivElement)
+], Dock.prototype, "_content", void 0);
+__decorate([
+    query("slot"),
+    __metadata("design:type", HTMLSlotElement)
+], Dock.prototype, "_slot", void 0);
+Dock = __decorate([
+    customElement("jolly-dock"),
+    __metadata("design:paramtypes", [])
+], Dock);
+export { Dock };
+//# sourceMappingURL=Dock.js.map

package/dist/containers/Dock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dock.js","sourceRoot":"","sources":["../../src/containers/Dock.ts"],"names":[],"mappings":"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"}

package/dist/containers/Dock.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const dockStyles: import("lit").CSSResult;
+//# sourceMappingURL=Dock.styles.d.ts.map

package/dist/containers/Dock.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dock.styles.d.ts","sourceRoot":"","sources":["../../src/containers/Dock.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,yBA+VtB,CAAC"}