@jolly-pixel/ui 1.0.1

package/dist/containers/FolderListController.js

@@ -0,0 +1,219 @@
+// Import Internal Dependencies
+import { emitContainerEvent } from "./events.js";
+import { detailOf } from "../dom.js";
+import { headerGhost } from "../interaction/drag/dragGhost.js";
+import { startDragSession, verticalInsertionLine } from "../interaction/drag/DragSession.js";
+import { deriveKey, resolveOrder } from "../storage/keys.js";
+// CONSTANTS
+const kFolderZone = "folders";
+/**
+ * Owns folder identity and ordering for the pane that slots them.
+ */
+export class FolderListController {
+    #options;
+    #entries = [];
+    #startOrder = null;
+    #session = null;
+    constructor(host, options) {
+        host.addController(this);
+        this.#options = options;
+    }
+    hostDisconnected() {
+        this.#session?.cancel();
+        this.#session = null;
+    }
+    states() {
+        return Object.fromEntries(this.#entries.map(({ folder, key }) => [
+            key,
+            { open: folder.open }
+        ]));
+    }
+    applyStates(states) {
+        for (const { folder, key } of this.#entries) {
+            const state = states[key];
+            if (state !== undefined) {
+                folder.open = state.open;
+            }
+        }
+    }
+    onContentChange = () => {
+        const folders = this.#options.contentSlot()
+            .assignedElements({ flatten: true })
+            .filter((element) => element.tagName === "JOLLY-FOLDER");
+        const keys = folderKeys(folders);
+        this.#entries = folders.map((folder, index) => {
+            return {
+                folder,
+                key: keys[index]
+            };
+        });
+        for (const { folder, key } of this.#entries) {
+            folder.reorderable = this.#options.reorderable();
+            if (folder.storageKey === "") {
+                folder.storage = this.#options.storage();
+                folder.persistenceKey = `${this.#options.namespace()}:folder:${key}`;
+            }
+        }
+        this.#applyOrder(resolveOrder(parseOrder(this.#options.storage().get(`${this.#options.namespace()}:order`)), this.#keys()));
+    };
+    onFolderDrag = (event) => {
+        if (!this.#options.reorderable()) {
+            return;
+        }
+        event.stopPropagation();
+        const detail = detailOf(event);
+        if (detail === null || this.#session !== null) {
+            return;
+        }
+        const ordered = this.#entries;
+        const from = ordered.findIndex(({ folder }) => folder === detail.folder);
+        if (from === -1) {
+            return;
+        }
+        const bounds = rectOf(this.#options.content());
+        const candidates = ordered.map(({ folder }) => {
+            const rect = folder.getBoundingClientRect();
+            return { start: rect.y, size: rect.height };
+        });
+        this.#session = startDragSession({
+            source: detail.folder,
+            event: detail.event,
+            handle: detail.event.currentTarget instanceof HTMLElement ?
+                detail.event.currentTarget :
+                detail.folder,
+            ghostLabel: detail.folder.label,
+            ghostElement: () => {
+                const ghost = headerGhost(detail.folder);
+                ghost.label = detail.folder.label;
+                return ghost;
+            },
+            zones: () => [{
+                    id: kFolderZone,
+                    rect: bounds,
+                    candidates,
+                    axis: "y",
+                    line: (index) => verticalInsertionLine(bounds, candidates, index)
+                }],
+            onStart: () => {
+                detail.folder.dragging = true;
+            },
+            onCommit: (result) => {
+                if (result.zone !== null) {
+                    this.#move(from, result.index);
+                }
+            },
+            onEnd: () => {
+                this.#session = null;
+                detail.folder.dragging = false;
+            }
+        });
+    };
+    onReorderCommand = (event) => {
+        if (!this.#options.reorderable()) {
+            return;
+        }
+        event.stopPropagation();
+        const detail = detailOf(event);
+        if (detail === null) {
+            return;
+        }
+        const order = this.#keys();
+        const index = this.#entries.findIndex(({ folder }) => folder === detail.folder);
+        if (index === -1) {
+            return;
+        }
+        if (detail.command === "start") {
+            this.#startOrder = order;
+            this.#options.announce(`${detail.folder.label} grabbed`);
+            return;
+        }
+        if (detail.command === "cancel") {
+            if (this.#startOrder !== null) {
+                this.#applyOrder(this.#startOrder);
+            }
+            this.#startOrder = null;
+            this.#options.announce(`${detail.folder.label} movement cancelled`);
+            return;
+        }
+        if (detail.command === "finish") {
+            this.#commitOrder();
+            this.#startOrder = null;
+            this.#options.announce(`${detail.folder.label} dropped`);
+            return;
+        }
+        const next = Math.min(Math.max(index + (detail.command === "up" ? -1 : 1), 0), order.length - 1);
+        if (index === next) {
+            return;
+        }
+        [order[index], order[next]] = [order[next], order[index]];
+        this.#applyOrder(order);
+        this.#options.announce(`${detail.folder.label}, position ${next + 1} of ${order.length}`);
+    };
+    #move(from, insertion) {
+        const order = this.#keys();
+        const to = insertion > from ? insertion - 1 : insertion;
+        if (to === from || to < 0 || to >= order.length) {
+            return;
+        }
+        const [key] = order.splice(from, 1);
+        order.splice(to, 0, key);
+        this.#applyOrder(order);
+        this.#commitOrder();
+        this.#options.announce(`${this.#entries[from]?.folder.label ?? "Folder"}, position ` +
+            `${to + 1} of ${order.length}`);
+    }
+    #keys() {
+        return this.#entries.map(({ key }) => key);
+    }
+    #applyOrder(order) {
+        const entries = new Map(this.#entries.map((entry) => [entry.key, entry]));
+        this.#entries = order.flatMap((key) => {
+            const entry = entries.get(key);
+            return entry === undefined ? [] : [entry];
+        });
+        for (const [index, { folder }] of this.#entries.entries()) {
+            folder.style.order = String(index);
+        }
+    }
+    #commitOrder() {
+        const keys = this.#keys();
+        this.#options.storage().set(`${this.#options.namespace()}:order`, JSON.stringify(keys));
+        emitContainerEvent(this.#options.content(), "jolly-reorder", { keys });
+    }
+}
+function folderKeys(folders) {
+    const occurrences = new Map();
+    return folders.map((folder) => {
+        if (folder.key !== "") {
+            return folder.key;
+        }
+        const base = deriveKey("jolly-folder", folder.label);
+        const occurrence = (occurrences.get(base) ?? 0) + 1;
+        occurrences.set(base, occurrence);
+        return deriveKey("jolly-folder", folder.label, occurrence);
+    });
+}
+function rectOf(element) {
+    const rect = element.getBoundingClientRect();
+    return {
+        x: rect.x,
+        y: rect.y,
+        width: rect.width,
+        height: rect.height
+    };
+}
+function parseOrder(value) {
+    if (value === null) {
+        return [];
+    }
+    try {
+        const parsed = JSON.parse(value);
+        return Array.isArray(parsed) && parsed.every((key) => typeof key === "string") ?
+            parsed :
+            [];
+    }
+    catch {
+        return [];
+    }
+}
+//# sourceMappingURL=FolderListController.js.map

package/dist/containers/FolderListController.js.map

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

package/dist/containers/Pane.d.ts

@@ -0,0 +1,109 @@
+import { LitElement, type TemplateResult } from "lit";
+import "../icon/Icon.ts";
+import type { StorageAdapter } from "../storage/StorageAdapter.ts";
+import type { PresenceSource } from "../peer/PresenceSource.ts";
+export type PaneMoveCommand = "cancel" | "down" | "finish" | "next" | "previous" | "start" | "up";
+export interface PaneDragDetail {
+    pane: PaneElement;
+    event: PointerEvent;
+    handle: HTMLElement;
+}
+export declare class PaneElement extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    heading: string;
+    key: string;
+    reorderable: boolean;
+    /**
+     * Opts the pane into folding to its header, like a folder one level up.
+     */
+    collapsible: boolean;
+    collapsed: boolean;
+    /**
+     * Fills the leftover space of an aligned dock. Ignored elsewhere.
+     */
+    grow: boolean;
+    /**
+     * Dims the pane in place while a drag previews where it would land.
+     */
+    dragging: boolean;
+    /**
+     * Pins the pane where it is: no grip, no header drag, no keyboard move.
+     *
+     * A layout normally makes every pane it owns movable. Locking is how an
+     * author keeps the fixed furniture of an editor in place while still letting
+     * other panes be dragged in and out around it.
+     */
+    locked: boolean;
+    storageKey: string;
+    storage: StorageAdapter;
+    presence: PresenceSource | null;
+    _hasActions: boolean;
+    _announcement: string;
+    /**
+     * True inside a layout or a floating window, unless the pane is `locked`.
+     *
+     * Derived, not authored, and reflected so the header can show a move cursor.
+     * Only a pane with a container above it derives anything: one standing on its
+     * own keeps whatever it was given, which is what lets a detached clone carry
+     * the grip its source was dragged by.
+     */
+    movable: boolean;
+    _grabbed: boolean;
+    _contentSlot: HTMLSlotElement;
+    _header: HTMLElement;
+    _content: HTMLElement;
+    /**
+     * Identity used by the layout snapshot, falling back to tag and title.
+     */
+    get layoutKey(): string;
+    constructor();
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+    protected willUpdate(changed: Map<PropertyKey, unknown>): void;
+    render(): TemplateResult;
+    /**
+     * Speaks a message through the pane's live region.
+     */
+    announce(message: string): void;
+    folderStates(): Record<string, {
+        open: boolean;
+    }>;
+    applyFolderStates(states: Readonly<Record<string, {
+        open: boolean;
+    }>>): void;
+    /**
+     * Header rect, used by a drag session for the ghost size.
+     */
+    headerRect(): DOMRect;
+    /**
+     * Extent the pane's own content asks for along an axis, capped by its box.
+     *
+     * A dock without `align` stretches its panes, so a pane holding two rows can
+     * own six hundred pixels of dock, all but forty of them empty. A drop
+     * resolved against that box has to clear a midpoint hundreds of pixels below
+     * anything the pane draws, and the line marking the end of the dock lands at
+     * the bottom of the container rather than under the last thing in it. Read
+     * this instead and the empty tail belongs to the dock, which is where it
+     * looks like it belongs.
+     *
+     * Only the block axis packs content, so it is the only one with an extent to
+     * measure: across it a pane is simply as wide as it is given.
+     *
+     * The slotted children are what gets measured, not `scrollHeight`, which
+     * never reports below the box it is asked about and so reads a stretched
+     * pane as full whatever is in it. A pane slotted nothing at all keeps its
+     * box, since there is then nothing to say it occupies any less.
+     */
+    occupiedSize(axis: "x" | "y"): number;
+}
+/**
+ * Keeps a header drag from starting on a control the header also carries.
+ */
+export declare function isPane(element: Element): element is PaneElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        "jolly-pane": PaneElement;
+    }
+}
+//# sourceMappingURL=Pane.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.d.ts","sourceRoot":"","sources":["../../src/containers/Pane.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EAGV,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAiBb,OAAO,iBAAiB,CAAC;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAMnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAMhE,MAAM,MAAM,eAAe,GACvB,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,MAAM,GACN,UAAU,GACV,OAAO,GACP,IAAI,CAAC;AAET,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;CACrB;AAQD,qBACa,WAAY,SAAQ,UAAU;;IACzC,OAAgB,MAAM,4BAGpB;IAGM,OAAO,EAAE,MAAM,CAAC;IAGhB,GAAG,EAAE,MAAM,CAAC;IAGZ,WAAW,EAAE,OAAO,CAAC;IAE7B;;OAEG;IAEK,WAAW,EAAE,OAAO,CAAC;IAGrB,SAAS,EAAE,OAAO,CAAC;IAE3B;;OAEG;IAEK,IAAI,EAAE,OAAO,CAAC;IAEtB;;OAEG;IAEK,QAAQ,EAAE,OAAO,CAAC;IAE1B;;;;;;OAMG;IAEK,MAAM,EAAE,OAAO,CAAC;IAMhB,UAAU,EAAE,MAAM,CAAC;IAGnB,OAAO,EAAE,cAAc,CAAC;IAGxB,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAGhC,WAAW,EAAE,OAAO,CAAC;IAGrB,aAAa,EAAE,MAAM,CAAC;IAE9B;;;;;;;OAOG;IAEK,OAAO,EAAE,OAAO,CAAC;IAGjB,QAAQ,EAAE,OAAO,CAAC;IAGlB,YAAY,EAAE,eAAe,CAAC;IAG9B,OAAO,EAAE,WAAW,CAAC;IAGrB,QAAQ,EAAE,WAAW,CAAC;IAuB9B;;OAEG;IACH,IAAI,SAAS,IAAI,MAAM,CAItB;;IAsBQ,oBAAoB,IAAI,IAAI;IAM5B,iBAAiB,IAAI,IAAI;cAcf,UAAU,CAC3B,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GACjC,IAAI;IAYE,MAAM,IAAI,cAAc;IAiEjC;;OAEG;IACH,QAAQ,CACN,OAAO,EAAE,MAAM,GACd,IAAI;IAIP,YAAY,IAAI,MAAM,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;KAAE,CAAC;IAIlD,iBAAiB,CACf,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;KAAE,CAAC,CAAC,GACnD,IAAI;IAIP;;OAEG;IACH,UAAU,IAAI,OAAO;IAMrB;;;;;;;;;;;;;;;;;;OAkBG;IACH,YAAY,CACV,IAAI,EAAE,GAAG,GAAG,GAAG,GACd,MAAM;CA+JV;AAED;;GAEG;AACH,wBAAgB,MAAM,CACpB,OAAO,EAAE,OAAO,GACf,OAAO,IAAI,WAAW,CAExB;AAoCD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,WAAW,CAAC;KAC3B;CACF"}