@jolly-pixel/ui 1.0.1

package/dist/data/rowDragSession.js

@@ -0,0 +1,74 @@
+// CONSTANTS
+const kDraggingClass = "jolly-tree-dragging";
+/**
+ * Threshold-armed pointer drag: below `threshold` a plain click still works,
+ * past it pointer capture and the dragging cursor take over until release
+ * or Escape. Knows nothing about rows or drop targets; the tree decides what
+ * armed, moved and finished mean.
+ */
+export function beginRowDrag(event, options, callbacks) {
+    const { element, threshold } = options;
+    const { onArm, onMove, onFinish } = callbacks;
+    const pointerId = event.pointerId;
+    const originX = event.clientX;
+    const originY = event.clientY;
+    let armed = false;
+    function arm() {
+        armed = true;
+        element.setPointerCapture(pointerId);
+        document.documentElement.classList.add(kDraggingClass);
+        onArm();
+    }
+    function onPointerMove(moveEvent) {
+        if (moveEvent.pointerId !== pointerId) {
+            return;
+        }
+        if (!armed) {
+            const distance = Math.hypot(moveEvent.clientX - originX, moveEvent.clientY - originY);
+            if (distance < threshold) {
+                return;
+            }
+            arm();
+        }
+        onMove(moveEvent.clientX, moveEvent.clientY);
+    }
+    function onKeyDown(keyEvent) {
+        if (keyEvent.key !== "Escape") {
+            return;
+        }
+        keyEvent.preventDefault();
+        finish(false);
+    }
+    function finish(commit) {
+        element.removeEventListener("pointermove", onPointerMove);
+        element.removeEventListener("pointerup", onPointerUp);
+        element.removeEventListener("pointercancel", onPointerCancel);
+        document.removeEventListener("keydown", onKeyDown, true);
+        if (!armed) {
+            return;
+        }
+        if (element.hasPointerCapture(pointerId)) {
+            element.releasePointerCapture(pointerId);
+        }
+        document.documentElement.classList.remove(kDraggingClass);
+        onFinish(commit);
+    }
+    function onPointerUp(upEvent) {
+        if (upEvent.pointerId === pointerId) {
+            finish(true);
+        }
+    }
+    function onPointerCancel(cancelEvent) {
+        if (cancelEvent.pointerId === pointerId) {
+            finish(false);
+        }
+    }
+    if (threshold === 0) {
+        arm();
+    }
+    element.addEventListener("pointermove", onPointerMove);
+    element.addEventListener("pointerup", onPointerUp);
+    element.addEventListener("pointercancel", onPointerCancel);
+    document.addEventListener("keydown", onKeyDown, true);
+}
+//# sourceMappingURL=rowDragSession.js.map

package/dist/data/rowDragSession.js.map

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

package/dist/data/selection.d.ts

@@ -0,0 +1,16 @@
+import type { FlatTreeRow } from "./treeNodes.ts";
+export interface ResolveSelectionOptions<TData> {
+    rows: readonly FlatTreeRow<TData>[];
+    clickedId: string;
+    current: readonly string[];
+    anchorId: string | null;
+    shiftKey: boolean;
+    ctrlKey: boolean;
+    multiple: boolean;
+}
+export interface ResolvedSelection {
+    selected: string[];
+    anchorId: string;
+}
+export declare function resolveSelection<TData>(options: ResolveSelectionOptions<TData>): ResolvedSelection;
+//# sourceMappingURL=selection.d.ts.map

package/dist/data/selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../src/data/selection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,uBAAuB,CAAC,KAAK;IAC5C,IAAI,EAAE,SAAS,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EACpC,OAAO,EAAE,uBAAuB,CAAC,KAAK,CAAC,GACtC,iBAAiB,CA2EnB"}

package/dist/data/selection.js

@@ -0,0 +1,57 @@
+export function resolveSelection(options) {
+    const { rows, clickedId, current, anchorId, shiftKey, ctrlKey, multiple } = options;
+    const clickedRow = rows.find((row) => row.node.id === clickedId);
+    if (clickedRow === undefined) {
+        return {
+            selected: [...current],
+            anchorId: anchorId ?? clickedId
+        };
+    }
+    if (!multiple || (!shiftKey && !ctrlKey)) {
+        return {
+            selected: [clickedId],
+            anchorId: clickedId
+        };
+    }
+    const anchorRow = anchorId === null ?
+        undefined :
+        rows.find((row) => row.node.id === anchorId);
+    if (current.length > 0 &&
+        anchorRow !== undefined &&
+        anchorRow.parentId !== clickedRow.parentId) {
+        return {
+            selected: [...current],
+            anchorId: anchorRow.node.id
+        };
+    }
+    if (shiftKey && anchorRow !== undefined) {
+        const siblings = rows.filter((row) => row.parentId === clickedRow.parentId);
+        const anchorIndex = siblings.findIndex((row) => row.node.id === anchorRow.node.id);
+        const clickedIndex = siblings.findIndex((row) => row.node.id === clickedId);
+        const [from, to] = anchorIndex <= clickedIndex ?
+            [anchorIndex, clickedIndex] :
+            [clickedIndex, anchorIndex];
+        return {
+            selected: siblings.slice(from, to + 1).map((row) => row.node.id),
+            anchorId: anchorRow.node.id
+        };
+    }
+    if (ctrlKey) {
+        if (current.includes(clickedId)) {
+            const selected = current.filter((id) => id !== clickedId);
+            return {
+                selected,
+                anchorId: selected[0] ?? clickedId
+            };
+        }
+        return {
+            selected: [...current, clickedId],
+            anchorId: anchorId ?? clickedId
+        };
+    }
+    return {
+        selected: [clickedId],
+        anchorId: clickedId
+    };
+}
+//# sourceMappingURL=selection.js.map

package/dist/data/selection.js.map

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

package/dist/data/treeNodes.d.ts

@@ -0,0 +1,19 @@
+import type { TreeNode } from "./Tree.types.ts";
+export interface FlatTreeRow<TData = unknown> {
+    node: TreeNode<TData>;
+    depth: number;
+    parentId: string | null;
+}
+/**
+ * A node with `children: []` is still a container (drop target for a first
+ * child), but it has nothing to expand, so it is not a branch for toggle and
+ * keyboard navigation purposes.
+ */
+export declare function hasChildren<TData>(node: TreeNode<TData>): boolean;
+export declare function flattenVisible<TData>(nodes: readonly TreeNode<TData>[], expanded: ReadonlySet<string>, depth?: number, parentId?: string | null): FlatTreeRow<TData>[];
+export declare function findNode<TData>(nodes: readonly TreeNode<TData>[], id: string): TreeNode<TData> | null;
+export declare function findParentId<TData>(nodes: readonly TreeNode<TData>[], id: string, parentId?: string | null): string | null | undefined;
+/** Node ids from the root down to `id` itself, inclusive. */
+export declare function ancestorChain<TData>(nodes: readonly TreeNode<TData>[], id: string): string[];
+export declare function isSelfOrDescendant<TData>(nodes: readonly TreeNode<TData>[], ancestorId: string, id: string): boolean;
+//# sourceMappingURL=treeNodes.d.ts.map

package/dist/data/treeNodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeNodes.d.ts","sourceRoot":"","sources":["../../src/data/treeNodes.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,WAAW,CAAC,KAAK,GAAG,OAAO;IAC1C,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAC/B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,GACpB,OAAO,CAET;AAED,wBAAgB,cAAc,CAAC,KAAK,EAClC,KAAK,EAAE,SAAS,QAAQ,CAAC,KAAK,CAAC,EAAE,EACjC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,EAC7B,KAAK,SAAI,EACT,QAAQ,GAAE,MAAM,GAAG,IAAW,GAC7B,WAAW,CAAC,KAAK,CAAC,EAAE,CAatB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAC5B,KAAK,EAAE,SAAS,QAAQ,CAAC,KAAK,CAAC,EAAE,EACjC,EAAE,EAAE,MAAM,GACT,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAcxB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAChC,KAAK,EAAE,SAAS,QAAQ,CAAC,KAAK,CAAC,EAAE,EACjC,EAAE,EAAE,MAAM,EACV,QAAQ,GAAE,MAAM,GAAG,IAAW,GAC7B,MAAM,GAAG,IAAI,GAAG,SAAS,CAc3B;AAED,6DAA6D;AAC7D,wBAAgB,aAAa,CAAC,KAAK,EACjC,KAAK,EAAE,SAAS,QAAQ,CAAC,KAAK,CAAC,EAAE,EACjC,EAAE,EAAE,MAAM,GACT,MAAM,EAAE,CAcV;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EACtC,KAAK,EAAE,SAAS,QAAQ,CAAC,KAAK,CAAC,EAAE,EACjC,UAAU,EAAE,MAAM,EAClB,EAAE,EAAE,MAAM,GACT,OAAO,CAWT"}

package/dist/data/treeNodes.js

@@ -0,0 +1,71 @@
+/**
+ * A node with `children: []` is still a container (drop target for a first
+ * child), but it has nothing to expand, so it is not a branch for toggle and
+ * keyboard navigation purposes.
+ */
+export function hasChildren(node) {
+    return node.children !== undefined && node.children.length > 0;
+}
+export function flattenVisible(nodes, expanded, depth = 0, parentId = null) {
+    const rows = [];
+    for (const node of nodes) {
+        rows.push({ node, depth, parentId });
+        if (node.children !== undefined && node.children.length > 0 && expanded.has(node.id)) {
+            rows.push(...flattenVisible(node.children, expanded, depth + 1, node.id));
+        }
+    }
+    return rows;
+}
+export function findNode(nodes, id) {
+    for (const node of nodes) {
+        if (node.id === id) {
+            return node;
+        }
+        if (node.children !== undefined) {
+            const found = findNode(node.children, id);
+            if (found !== null) {
+                return found;
+            }
+        }
+    }
+    return null;
+}
+export function findParentId(nodes, id, parentId = null) {
+    for (const node of nodes) {
+        if (node.id === id) {
+            return parentId;
+        }
+        if (node.children !== undefined) {
+            const found = findParentId(node.children, id, node.id);
+            if (found !== undefined) {
+                return found;
+            }
+        }
+    }
+    return undefined;
+}
+/** Node ids from the root down to `id` itself, inclusive. */
+export function ancestorChain(nodes, id) {
+    const chain = [id];
+    let current = id;
+    for (;;) {
+        const parentId = findParentId(nodes, current);
+        if (parentId === undefined || parentId === null) {
+            break;
+        }
+        chain.unshift(parentId);
+        current = parentId;
+    }
+    return chain;
+}
+export function isSelfOrDescendant(nodes, ancestorId, id) {
+    if (ancestorId === id) {
+        return true;
+    }
+    const ancestor = findNode(nodes, ancestorId);
+    if (ancestor === null || ancestor.children === undefined) {
+        return false;
+    }
+    return findNode(ancestor.children, id) !== null;
+}
+//# sourceMappingURL=treeNodes.js.map

package/dist/data/treeNodes.js.map

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

package/dist/dom.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Narrows an event target to an input element.
+ */
+export declare function isInputElement(target: EventTarget | null): target is HTMLInputElement;
+export declare function isSelectElement(target: EventTarget | null): target is HTMLSelectElement;
+export declare function isButtonElement(target: EventTarget | null): target is HTMLButtonElement;
+export declare function isSlotElement(target: EventTarget | null): target is HTMLSlotElement;
+export declare function isDocumentOrShadowRoot(node: Node): node is Document | ShadowRoot;
+/**
+ * Narrows a custom event to its detail.
+ */
+export declare function detailOf<TDetail>(event: Event): TDetail | null;
+//# sourceMappingURL=dom.d.ts.map

package/dist/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,WAAW,GAAG,IAAI,GACzB,MAAM,IAAI,gBAAgB,CAE5B;AAED,wBAAgB,eAAe,CAC7B,MAAM,EAAE,WAAW,GAAG,IAAI,GACzB,MAAM,IAAI,iBAAiB,CAE7B;AAED,wBAAgB,eAAe,CAC7B,MAAM,EAAE,WAAW,GAAG,IAAI,GACzB,MAAM,IAAI,iBAAiB,CAE7B;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,WAAW,GAAG,IAAI,GACzB,MAAM,IAAI,eAAe,CAE3B;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,IAAI,GACT,IAAI,IAAI,QAAQ,GAAG,UAAU,CAE/B;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAC9B,KAAK,EAAE,KAAK,GACX,OAAO,GAAG,IAAI,CAEhB"}

package/dist/dom.js

@@ -0,0 +1,25 @@
+/**
+ * Narrows an event target to an input element.
+ */
+export function isInputElement(target) {
+    return target instanceof HTMLInputElement;
+}
+export function isSelectElement(target) {
+    return target instanceof HTMLSelectElement;
+}
+export function isButtonElement(target) {
+    return target instanceof HTMLButtonElement;
+}
+export function isSlotElement(target) {
+    return target instanceof HTMLSlotElement;
+}
+export function isDocumentOrShadowRoot(node) {
+    return node instanceof Document || node instanceof ShadowRoot;
+}
+/**
+ * Narrows a custom event to its detail.
+ */
+export function detailOf(event) {
+    return event instanceof CustomEvent ? event.detail : null;
+}
+//# sourceMappingURL=dom.js.map

package/dist/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,cAAc,CAC5B,MAA0B;IAE1B,OAAO,MAAM,YAAY,gBAAgB,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,MAA0B;IAE1B,OAAO,MAAM,YAAY,iBAAiB,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,MAA0B;IAE1B,OAAO,MAAM,YAAY,iBAAiB,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,MAA0B;IAE1B,OAAO,MAAM,YAAY,eAAe,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,IAAU;IAEV,OAAO,IAAI,YAAY,QAAQ,IAAI,IAAI,YAAY,UAAU,CAAC;AAChE,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,QAAQ,CACtB,KAAY;IAEZ,OAAO,KAAK,YAAY,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AAC5D,CAAC"}

package/dist/facade/Binding.d.ts

@@ -0,0 +1,25 @@
+import { type DispatchOptions } from "./dispatch.ts";
+import type { FieldAlign } from "../field/JollyField.ts";
+export interface BindingOptions<TValue> extends DispatchOptions<TValue> {
+    label?: string;
+    align?: FieldAlign;
+    path?: string;
+}
+export interface BindingChangeEvent<TValue> {
+    value: TValue;
+    last: boolean;
+}
+export type BindingChangeHandler<TValue> = (event: BindingChangeEvent<TValue>) => void;
+export declare class Binding<TObject extends object, TKey extends keyof TObject> {
+    #private;
+    readonly element: HTMLElement;
+    constructor(object: TObject, key: TKey, options?: BindingOptions<TObject[TKey]>);
+    get hidden(): boolean;
+    set hidden(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    on(_name: "change", handler: BindingChangeHandler<TObject[TKey]>): this;
+    refresh(): void;
+    dispose(): void;
+}
+//# sourceMappingURL=Binding.d.ts.map

package/dist/facade/Binding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Binding.d.ts","sourceRoot":"","sources":["../../src/facade/Binding.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,eAAe,EAErB,MAAM,eAAe,CAAC;AAKvB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAqBzD,MAAM,WAAW,cAAc,CAAC,MAAM,CAAE,SAAQ,eAAe,CAAC,MAAM,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB,CAAC,MAAM;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,MAAM,oBAAoB,CAAC,MAAM,IAAI,CACzC,KAAK,EAAE,kBAAkB,CAAC,MAAM,CAAC,KAC9B,IAAI,CAAC;AAEV,qBAAa,OAAO,CAClB,OAAO,SAAS,MAAM,EACtB,IAAI,SAAS,MAAM,OAAO;;IAE1B,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;gBAS5B,MAAM,EAAE,OAAO,EACf,GAAG,EAAE,IAAI,EACT,OAAO,GAAE,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAM;IAyB7C,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CACR,KAAK,EAAE,OAAO,EAGf;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CACV,KAAK,EAAE,OAAO,EAGf;IAED,EAAE,CACA,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAC3C,IAAI;IAMP,OAAO,IAAI,IAAI;IAOf,OAAO,IAAI,IAAI;CA+BhB"}

package/dist/facade/Binding.js

@@ -0,0 +1,145 @@
+// Import Internal Dependencies
+import { dispatchTag, isMathTag, toJollyOptions } from "./dispatch.js";
+import { detailOf } from "../dom.js";
+import { copyComponents, snapshotComponents } from "../math/components.js";
+import { vec2PairOf } from "../math/guards.js";
+// CONSTANTS
+const kEightDigitHex = /^#[0-9a-f]{8}$/i;
+export class Binding {
+    element;
+    #object;
+    #key;
+    #bindable;
+    #math;
+    #handlers = [];
+    constructor(object, key, options = {}) {
+        this.#object = object;
+        this.#key = key;
+        const value = object[key];
+        const tag = dispatchTag(value, options);
+        this.#math = isMathTag(tag);
+        this.#bindable = buildElement(tag, value, options);
+        this.#bindable.label = options.label ?? String(key);
+        this.#bindable.align = options.align ?? (tag === "jolly-checkbox" ? "end" : "start");
+        this.#bindable.path = options.path ?? null;
+        this.element = this.#bindable;
+        this.refresh();
+        this.#bindable.addEventListener("jolly-input", (event) => this.#onFieldEvent(event, false));
+        this.#bindable.addEventListener("jolly-change", (event) => this.#onFieldEvent(event, true));
+    }
+    get hidden() {
+        return Boolean(this.element.hidden);
+    }
+    set hidden(value) {
+        this.element.hidden = value;
+    }
+    get disabled() {
+        return this.#bindable.disabled;
+    }
+    set disabled(value) {
+        this.#bindable.disabled = value;
+    }
+    on(_name, handler) {
+        this.#handlers.push(handler);
+        return this;
+    }
+    refresh() {
+        const value = this.#object[this.#key];
+        this.#bindable.value = this.#math
+            ? snapshotComponents(value)
+            : value;
+    }
+    dispose() {
+        this.element.remove();
+    }
+    #onFieldEvent(event, last) {
+        const detail = detailOf(event);
+        if (detail === null) {
+            return;
+        }
+        if (this.#math) {
+            copyComponents(this.#object[this.#key], detail.value);
+        }
+        else {
+            this.#object[this.#key] = detail.value;
+        }
+        this.#bindable.value = detail.value;
+        const value = this.#object[this.#key];
+        for (const handler of this.#handlers) {
+            handler({
+                value,
+                last
+            });
+        }
+    }
+}
+function buildElement(tag, value, options) {
+    switch (tag) {
+        case "jolly-number":
+        case "jolly-slider":
+        case "jolly-range":
+        case "jolly-point2d": {
+            const element = document.createElement(tag);
+            applyBounds(element, options);
+            return element;
+        }
+        case "jolly-vector2": {
+            const element = document.createElement(tag);
+            applyBounds(element, options);
+            element.axes = options.axes ?? vec2PairOf(value) ?? "xy";
+            if (options.axisLabels !== undefined) {
+                element.axisLabels = options.axisLabels;
+            }
+            return element;
+        }
+        case "jolly-vector3":
+        case "jolly-vector4": {
+            const element = document.createElement(tag);
+            applyBounds(element, options);
+            if (options.axisLabels !== undefined) {
+                element.axisLabels = options.axisLabels;
+            }
+            return element;
+        }
+        case "jolly-quaternion": {
+            const element = document.createElement(tag);
+            if (options.step !== undefined) {
+                element.step = options.step;
+            }
+            if (options.axisLabels !== undefined) {
+                element.axisLabels = options.axisLabels;
+            }
+            return element;
+        }
+        case "jolly-select": {
+            const element = document.createElement(tag);
+            if (options.options !== undefined) {
+                element.options = toJollyOptions(options.options);
+            }
+            return element;
+        }
+        case "jolly-color": {
+            const element = document.createElement(tag);
+            element.alpha = options.alpha ??
+                (typeof value === "string" && kEightDigitHex.test(value));
+            return element;
+        }
+        case "jolly-checkbox":
+        case "jolly-text":
+            return document.createElement(tag);
+        default:
+            return tag;
+    }
+}
+function applyBounds(element, options) {
+    if (options.min !== undefined) {
+        element.min = options.min;
+    }
+    if (options.max !== undefined) {
+        element.max = options.max;
+    }
+    if (options.step !== undefined) {
+        element.step = options.step;
+    }
+}
+//# sourceMappingURL=Binding.js.map

package/dist/facade/Binding.js.map

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

package/dist/facade/Button.d.ts

@@ -0,0 +1,19 @@
+import "../controls/Button.ts";
+export interface ButtonOptions {
+    title?: string;
+}
+/**
+ * A `jolly-button` with no bound value, matching `folder.addButton`.
+ */
+export declare class Button {
+    #private;
+    readonly element: HTMLElement;
+    constructor(options?: ButtonOptions);
+    get hidden(): boolean;
+    set hidden(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    on(name: "click", handler: (event: MouseEvent) => void): this;
+    dispose(): void;
+}
+//# sourceMappingURL=Button.d.ts.map

package/dist/facade/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/facade/Button.ts"],"names":[],"mappings":"AACA,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,qBAAa,MAAM;;IACjB,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;gBAK5B,OAAO,GAAE,aAAkB;IAO7B,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CACR,KAAK,EAAE,OAAO,EAGf;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CACV,KAAK,EAAE,OAAO,EAGf;IAED,EAAE,CACA,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,GACnC,IAAI;IAMP,OAAO,IAAI,IAAI;CAGhB"}

package/dist/facade/Button.js

@@ -0,0 +1,34 @@
+// Import Internal Dependencies
+import "../controls/Button.js";
+/**
+ * A `jolly-button` with no bound value, matching `folder.addButton`.
+ */
+export class Button {
+    element;
+    #button;
+    constructor(options = {}) {
+        this.#button = document.createElement("jolly-button");
+        this.#button.textContent = options.title ?? "";
+        this.element = this.#button;
+    }
+    get hidden() {
+        return Boolean(this.element.hidden);
+    }
+    set hidden(value) {
+        this.element.hidden = value;
+    }
+    get disabled() {
+        return this.#button.disabled;
+    }
+    set disabled(value) {
+        this.#button.disabled = value;
+    }
+    on(name, handler) {
+        this.#button.addEventListener(name, handler);
+        return this;
+    }
+    dispose() {
+        this.element.remove();
+    }
+}
+//# sourceMappingURL=Button.js.map

package/dist/facade/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/facade/Button.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,OAAO,uBAAuB,CAAC;AAM/B;;GAEG;AACH,MAAM,OAAO,MAAM;IACR,OAAO,CAAc;IAE9B,OAAO,CAAwC;IAE/C,YACE,UAAyB,EAAE;QAE3B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACtD,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;QAC/C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IAC9B,CAAC;IAED,IAAI,MAAM;QACR,OAAO,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAED,IAAI,MAAM,CACR,KAAc;QAEd,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;IAC/B,CAAC;IAED,IAAI,QAAQ,CACV,KAAc;QAEd,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAC;IAChC,CAAC;IAED,EAAE,CACA,IAAa,EACb,OAAoC;QAEpC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAE7C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;IACxB,CAAC;CACF"}

package/dist/facade/Container.d.ts

@@ -0,0 +1,32 @@
+import { Binding, type BindingOptions } from "./Binding.ts";
+import { Button, type ButtonOptions } from "./Button.ts";
+import type { Folder, FolderOptions } from "./Folder.ts";
+import { Monitor, type MonitorKey, type MonitorOptions } from "./Monitor.ts";
+import { type MonitorFields } from "./monitorFields.ts";
+import { Presence, type PresenceOptions } from "./Presence.ts";
+import { Separator } from "./Separator.ts";
+export type { MonitorFields } from "./monitorFields.ts";
+export interface Disposable {
+    dispose(): void;
+}
+export declare abstract class FacadeContainer {
+    #private;
+    abstract readonly element: HTMLElement;
+    protected abstract get contentHost(): HTMLElement;
+    protected abstract createFolder(options: FolderOptions): Folder;
+    addFolder(options?: FolderOptions): Folder;
+    addBinding<TObject extends object, TKey extends keyof TObject>(object: TObject, key: TKey, options?: BindingOptions<TObject[TKey]>): Binding<TObject, TKey>;
+    addMonitor<TObject extends object, TKey extends MonitorKey<TObject>>(object: TObject, key: TKey, options?: MonitorOptions<TObject[TKey]>): Monitor<TObject, TKey>;
+    addMonitors<TObject extends object>(object: TObject, fields: MonitorFields<TObject>): void;
+    addButton(options?: ButtonOptions): Button;
+    addSeparator(): Separator;
+    addPresence(options?: PresenceOptions): Presence;
+    disposeAll(): void;
+    refresh(): void;
+    get hidden(): boolean;
+    set hidden(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    dispose(): void;
+}
+//# sourceMappingURL=Container.d.ts.map

package/dist/facade/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/facade/Container.ts"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,EACP,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,MAAM,EACN,KAAK,aAAa,EACnB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACd,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,OAAO,EACP,KAAK,UAAU,EACf,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,QAAQ,EACR,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAMxD,MAAM,WAAW,UAAU;IACzB,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,8BAAsB,eAAe;;IACnC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAKvC,SAAS,CAAC,QAAQ,KAAK,WAAW,IAAI,WAAW,CAAC;IAElD,SAAS,CAAC,QAAQ,CAAC,YAAY,CAC7B,OAAO,EAAE,aAAa,GACrB,MAAM;IAET,SAAS,CACP,OAAO,GAAE,aAAkB,GAC1B,MAAM;IAST,UAAU,CAAC,OAAO,SAAS,MAAM,EAAE,IAAI,SAAS,MAAM,OAAO,EAC3D,MAAM,EAAE,OAAO,EACf,GAAG,EAAE,IAAI,EACT,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GACtC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC;IASzB,UAAU,CAAC,OAAO,SAAS,MAAM,EAAE,IAAI,SAAS,UAAU,CAAC,OAAO,CAAC,EACjE,MAAM,EAAE,OAAO,EACf,GAAG,EAAE,IAAI,EACT,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GACtC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC;IASzB,WAAW,CAAC,OAAO,SAAS,MAAM,EAChC,MAAM,EAAE,OAAO,EACf,MAAM,EAAE,aAAa,CAAC,OAAO,CAAC,GAC7B,IAAI;IAMP,SAAS,CACP,OAAO,CAAC,EAAE,aAAa,GACtB,MAAM;IAQT,YAAY,IAAI,SAAS;IAQzB,WAAW,CACT,OAAO,GAAE,eAAoB,GAC5B,QAAQ;IAQX,UAAU,IAAI,IAAI;IAQlB,OAAO,IAAI,IAAI;IAMf,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CACR,KAAK,EAAE,OAAO,EAGf;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CACV,KAAK,EAAE,OAAO,EAGf;IAED,OAAO,IAAI,IAAI;CAGhB"}