@jolly-pixel/ui 1.0.1

package/dist/controls/Text.js

@@ -0,0 +1,99 @@
+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 { html, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+// Import Internal Dependencies
+import { JollyField } from "../field/JollyField.js";
+import { MIXED_PLACEHOLDER } from "../field/mixed.js";
+import { isInputElement } from "../dom.js";
+import { PointerFocusController } from "../field/PointerFocusController.js";
+/**
+ * Text field with streamed input and committed changes.
+ */
+let Text = class Text extends JollyField {
+    #pointerFocus = new PointerFocusController(this);
+    constructor() {
+        super();
+        this.placeholder = "";
+        this.value = "";
+    }
+    renderValue() {
+        return html `
+      <input
+        type="text"
+        .value=${this.draft ?? this.#displayed}
+        placeholder=${this.mixed ? MIXED_PLACEHOLDER : this.placeholder}
+        ?disabled=${this.disabled}
+        ?readonly=${this.inputReadonly}
+        ?data-pointer-focus=${this.#pointerFocus.active}
+        aria-readonly=${this.readonlyAria}
+        aria-disabled=${this.lockedAria}
+        aria-description=${this.lockDescription}
+        aria-invalid=${this.displayError === null ? nothing : "true"}
+        @input=${this.#onType}
+        @focus=${this.#pointerFocus.onFocus}
+        @keydown=${this.#onKeyDown}
+        @blur=${this.#onBlur}
+      >
+    `;
+    }
+    /**
+     * Mixed text renders as empty input.
+     */
+    get #displayed() {
+        return this.concreteValue ?? "";
+    }
+    #onType(event) {
+        if (!isInputElement(event.target)) {
+            return;
+        }
+        const { value } = event.target;
+        this.setDraft(value);
+        this.emitInput(value);
+    }
+    #onKeyDown(event) {
+        this.#pointerFocus.onKeyDown();
+        if (event.key === "Enter") {
+            this.#commit();
+        }
+        else if (event.key === "Escape") {
+            // Prevent outer dialogs from closing a canceled edit.
+            event.stopPropagation();
+            this.clearDraft();
+        }
+    }
+    #onBlur() {
+        this.#pointerFocus.onBlur();
+        this.#commit();
+    }
+    #commit() {
+        const draft = this.draft;
+        if (draft === null) {
+            return;
+        }
+        if (draft === this.#displayed &&
+            !this.mixed) {
+            this.clearDraft();
+            return;
+        }
+        this.emitChange(draft);
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], Text.prototype, "placeholder", void 0);
+Text = __decorate([
+    customElement("jolly-text"),
+    __metadata("design:paramtypes", [])
+], Text);
+export { Text };
+//# sourceMappingURL=Text.js.map

package/dist/controls/Text.js.map

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

package/dist/controls/flagMask.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Pure unsigned 32-bit mask helpers.
+ */
+export declare function normalizeMask(mask: number): number;
+export declare function hasFlag(mask: number, bit: number): boolean;
+export declare function setFlag(mask: number, bit: number, enabled: boolean): number;
+export declare function toggleFlag(mask: number, bit: number): number;
+/**
+ * Returns selected bits in declaration order.
+ */
+export declare function selectedFlags(mask: number, available: readonly number[]): number[];
+export declare function maskFromFlags(bits: readonly number[]): number;
+//# sourceMappingURL=flagMask.d.ts.map

package/dist/controls/flagMask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flagMask.d.ts","sourceRoot":"","sources":["../../src/controls/flagMask.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,GACX,MAAM,CAER;AAED,wBAAgB,OAAO,CACrB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GACV,OAAO,CAET;AAED,wBAAgB,OAAO,CACrB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,OAAO,GACf,MAAM,CAOR;AAED,wBAAgB,UAAU,CACxB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GACV,MAAM,CAMR;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,MAAM,EAAE,GAC3B,MAAM,EAAE,CAIV;AAED,wBAAgB,aAAa,CAC3B,IAAI,EAAE,SAAS,MAAM,EAAE,GACtB,MAAM,CAKR"}

package/dist/controls/flagMask.js

@@ -0,0 +1,27 @@
+/**
+ * Pure unsigned 32-bit mask helpers.
+ */
+export function normalizeMask(mask) {
+    return Number.isFinite(mask) ? mask >>> 0 : 0;
+}
+export function hasFlag(mask, bit) {
+    return (normalizeMask(mask) & normalizeMask(bit)) !== 0;
+}
+export function setFlag(mask, bit, enabled) {
+    const base = normalizeMask(mask);
+    const flag = normalizeMask(bit);
+    return normalizeMask(enabled ? base | flag : base & ~flag);
+}
+export function toggleFlag(mask, bit) {
+    return setFlag(mask, bit, !hasFlag(mask, bit));
+}
+/**
+ * Returns selected bits in declaration order.
+ */
+export function selectedFlags(mask, available) {
+    return available.filter((bit) => hasFlag(mask, bit));
+}
+export function maskFromFlags(bits) {
+    return bits.reduce((mask, bit) => normalizeMask(mask | normalizeMask(bit)), 0);
+}
+//# sourceMappingURL=flagMask.js.map

package/dist/controls/flagMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flagMask.js","sourceRoot":"","sources":["../../src/controls/flagMask.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,aAAa,CAC3B,IAAY;IAEZ,OAAO,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,OAAO,CACrB,IAAY,EACZ,GAAW;IAEX,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,OAAO,CACrB,IAAY,EACZ,GAAW,EACX,OAAgB;IAEhB,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;IAEhC,OAAO,aAAa,CAClB,OAAO,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,IAAI,CACrC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,IAAY,EACZ,GAAW;IAEX,OAAO,OAAO,CACZ,IAAI,EACJ,GAAG,EACH,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CACpB,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAC3B,IAAY,EACZ,SAA4B;IAE5B,OAAO,SAAS,CAAC,MAAM,CACrB,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAC5B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,IAAuB;IAEvB,OAAO,IAAI,CAAC,MAAM,CAChB,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,EACvD,CAAC,CACF,CAAC;AACJ,CAAC"}

package/dist/controls/roving.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns the next enabled index or `-1` when none are enabled.
+ */
+export declare function nextEnabledIndex(enabled: readonly boolean[], from: number, step: number): number;
+//# sourceMappingURL=roving.d.ts.map

package/dist/controls/roving.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving.d.ts","sourceRoot":"","sources":["../../src/controls/roving.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,SAAS,OAAO,EAAE,EAC3B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,GACX,MAAM,CAiBR"}

package/dist/controls/roving.js

@@ -0,0 +1,20 @@
+/**
+ * Returns the next enabled index or `-1` when none are enabled.
+ */
+export function nextEnabledIndex(enabled, from, step) {
+    const count = enabled.length;
+    if (count === 0 || step === 0) {
+        return -1;
+    }
+    for (let offset = 1; offset <= count; offset++) {
+        const index = wrap(from + (step * offset), count);
+        if (enabled[index]) {
+            return index;
+        }
+    }
+    return -1;
+}
+function wrap(index, count) {
+    return ((index % count) + count) % count;
+}
+//# sourceMappingURL=roving.js.map

package/dist/controls/roving.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving.js","sourceRoot":"","sources":["../../src/controls/roving.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAC9B,OAA2B,EAC3B,IAAY,EACZ,IAAY;IAEZ,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC;IAC7B,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IAED,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC;QAC/C,MAAM,KAAK,GAAG,IAAI,CAChB,IAAI,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,EACtB,KAAK,CACN,CAAC;QACF,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACnB,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC;IAED,OAAO,CAAC,CAAC,CAAC;AACZ,CAAC;AAED,SAAS,IAAI,CACX,KAAa,EACb,KAAa;IAEb,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;AAC3C,CAAC"}

package/dist/controls/types.d.ts

@@ -0,0 +1,18 @@
+import type { IconName } from "../icon/registry.ts";
+/**
+ * Shared option shape for select, button-group, and flags controls.
+ */
+export interface JollyOption<TValue> {
+    value: TValue;
+    label: string;
+    icon?: IconName;
+    disabled?: boolean;
+}
+/**
+ * Selected interval for a range control.
+ */
+export interface Interval {
+    from: number;
+    to: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/controls/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/controls/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,MAAM;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ"}

package/dist/controls/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/controls/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/controls/types.ts"],"names":[],"mappings":""}

package/dist/data/Tree.d.ts

@@ -0,0 +1,44 @@
+import { LitElement, type TemplateResult } from "lit";
+import type { TreeDropAccept, TreeNode } from "./Tree.types.ts";
+import "../icon/Icon.ts";
+/**
+ * A generic tree of `{ id, label, children }` rows, with drag and drop
+ * reparenting, keyboard navigation and optional visibility/lock toggles.
+ * Knows nothing about what a row represents.
+ *
+ * Fully controlled: `nodes`, `selected` and `expanded` are consumer owned,
+ * the same as `value` on a field. A drop, a toggle or a selection change
+ * emits an intent event; the element repaints only once the consumer writes
+ * the new value back. See `docs/api/data/tree.md`.
+ */
+export declare class Tree<TData = unknown> extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult;
+    nodes: TreeNode<TData>[];
+    selected: string[];
+    expanded: string[];
+    multiple: boolean;
+    reorderable: boolean;
+    rowDrag: boolean;
+    renamable: boolean;
+    indentGuides: boolean;
+    /**
+     * Domain veto for a candidate drop. Consulted while dragging as well as on
+     * commit, so a move this rejects never paints a drop indicator.
+     */
+    acceptDrop: TreeDropAccept | null;
+    private _renamingId;
+    private _anchorId;
+    private _dragPreview;
+    private _dragMovedIds;
+    private _moveState;
+    constructor();
+    render(): TemplateResult;
+    protected updated(changed: Map<string, unknown>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "jolly-tree": Tree;
+    }
+}
+//# sourceMappingURL=Tree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../src/data/Tree.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EAGV,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAwBb,OAAO,KAAK,EACV,cAAc,EAEd,QAAQ,EACT,MAAM,iBAAiB,CAAC;AAGzB,OAAO,iBAAiB,CAAC;AAkBzB;;;;;;;;;GASG;AACH,qBACa,IAAI,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,UAAU;;IACnD,OAAgB,MAAM,0BAAc;IAG5B,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IAGzB,QAAQ,EAAE,MAAM,EAAE,CAAC;IAGnB,QAAQ,EAAE,MAAM,EAAE,CAAC;IAGnB,QAAQ,EAAE,OAAO,CAAC;IAGlB,WAAW,EAAE,OAAO,CAAC;IAOrB,OAAO,EAAE,OAAO,CAAC;IAGjB,SAAS,EAAE,OAAO,CAAC;IAOnB,YAAY,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IAEK,UAAU,EAAE,cAAc,GAAG,IAAI,CAAC;IAE1C,QACgB,WAAW,CAAgB;IAE3C,QACgB,SAAS,CAAgB;IAEzC,QACgB,YAAY,CAAqB;IAEjD,QACgB,aAAa,CAAkB;IAE/C,QACgB,UAAU,CAAmB;;IAuBpC,MAAM,IAAI,cAAc;cAmJd,OAAO,CACxB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,IAAI;CA0hBR;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,IAAI,CAAC;KACpB;CACF"}