@jolly-pixel/ui 1.0.1

package/dist/controls/Color.js

@@ -0,0 +1,224 @@
+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);
+};
+var Color_1;
+// Import Third-party Dependencies
+import { formatHex } from "@jolly-pixel/color";
+import { html, nothing } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+// Import Internal Dependencies
+import { JollyField } from "../field/JollyField.js";
+import { MIXED_PLACEHOLDER } from "../field/mixed.js";
+import { parseFieldColor } from "../color/draft.js";
+import { colorStyles } from "./Color.styles.js";
+import { detailOf } from "../dom.js";
+import { PointerFocusController } from "../field/PointerFocusController.js";
+import { PopoverController } from "../field/PopoverController.js";
+// Registers the popover panel custom element.
+import { ColorPicker } from "./ColorPicker.js";
+/**
+ * Colour field with a swatch popover and draftable hex input.
+ * Escape restores the value held when the popover opened.
+ */
+let Color = class Color extends JollyField {
+    static { Color_1 = this; }
+    static Defaults = {
+        value: "#000000"
+    };
+    static styles = [
+        ...JollyField.styles,
+        colorStyles
+    ];
+    #pointerFocus = new PointerFocusController(this);
+    #valueAtOpen = null;
+    #popup = new PopoverController(this, {
+        anchor: () => this._swatch,
+        popover: () => this._popover,
+        onOpen: () => {
+            this.#valueAtOpen = this.concreteValue ?? null;
+            this._picker.focus();
+        },
+        onClose: () => {
+            this.#valueAtOpen = null;
+        },
+        onCancel: (event) => {
+            // Let the hex field handle its own Escape cancellation.
+            if (!event.composedPath().includes(this._hex)) {
+                this.#revert();
+            }
+        }
+    });
+    constructor() {
+        super();
+        this.value = Color_1.Defaults.value;
+        this.alpha = false;
+    }
+    /**
+     * Compares normalized colour values.
+     */
+    valuesEqual(a, b) {
+        return this.#normalize(a) === this.#normalize(b);
+    }
+    #normalize(input) {
+        const parsed = parseFieldColor(input ?? "");
+        return parsed === null
+            ? input
+            : formatHex(parsed, this.alpha);
+    }
+    renderValue() {
+        const swatch = this.concreteValue;
+        return html `
+      <button
+        class="swatch"
+        type="button"
+        popovertarget="picker"
+        title="Pick a colour"
+        aria-label="Pick a colour"
+        aria-haspopup="dialog"
+        aria-expanded=${this.#popup.open}
+        ?disabled=${this.disabled}
+      >
+        ${swatch === undefined
+            ? nothing
+            : html `<span class="swatch-face" style="--jolly-swatch-color:${swatch}"></span>`}
+      </button>
+      <input
+        type="text"
+        class="hex"
+        spellcheck="false"
+        aria-label="Hex value"
+        .value=${this.draft ?? swatch ?? ""}
+        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.onDraftInput}
+        @focus=${this.#pointerFocus.onFocus}
+        @keydown=${this.#onKeyDown}
+        @blur=${this.#onBlur}
+      >
+      ${this.#renderPopover()}
+    `;
+    }
+    get #placeholder() {
+        return this.alpha
+            ? `${Color_1.Defaults.value}ff`
+            : Color_1.Defaults.value;
+    }
+    #renderPopover() {
+        return html `
+      <div
+        class="popover"
+        id="picker"
+        popover
+        @beforetoggle=${this.#popup.onBeforeToggle}
+        @toggle=${this.#popup.onToggle}
+      >
+        <jolly-color-picker
+          class="picker"
+          .value=${this.concreteValue ?? Color_1.Defaults.value}
+          ?alpha=${this.alpha}
+          .hexInput=${false}
+          ?readonly=${!this.editable}
+          @jolly-input=${this.#onPickerInput}
+          @jolly-change=${this.#onPickerChange}
+        ></jolly-color-picker>
+      </div>
+    `;
+    }
+    /**
+     * Restores the value captured when the popover opened.
+     */
+    #revert() {
+        const opening = this.#valueAtOpen;
+        if (opening === null ||
+            !this.editable) {
+            return;
+        }
+        if (!this.valuesEqual(opening, this.concreteValue ?? "")) {
+            this.emitChange(opening);
+        }
+    }
+    #onPickerInput(event) {
+        const next = this.#readPicker(event);
+        if (next !== null) {
+            this.emitInput(next);
+        }
+    }
+    #onPickerChange(event) {
+        const next = this.#readPicker(event);
+        if (next !== null) {
+            this.emitChange(next);
+        }
+    }
+    /**
+     * Stops picker events and re-emits them through the field.
+     */
+    #readPicker(event) {
+        event.stopPropagation();
+        const detail = detailOf(event);
+        if (detail === null || !this.editable) {
+            return null;
+        }
+        return detail.value;
+    }
+    #onKeyDown(event) {
+        this.#pointerFocus.onKeyDown();
+        this.onDraftKeyDown(event, () => this.#commit());
+    }
+    #onBlur() {
+        this.#pointerFocus.onBlur();
+        this.#commit();
+    }
+    #commit() {
+        this.commitDraft((draft) => {
+            const parsed = parseFieldColor(draft);
+            if (parsed === null) {
+                return {
+                    ok: false,
+                    error: `"${draft.trim()}" is not a hex colour`
+                };
+            }
+            return {
+                ok: true,
+                value: formatHex(parsed, this.alpha)
+            };
+        });
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], Color.prototype, "alpha", void 0);
+__decorate([
+    query(".swatch"),
+    __metadata("design:type", HTMLButtonElement)
+], Color.prototype, "_swatch", void 0);
+__decorate([
+    query(".popover"),
+    __metadata("design:type", HTMLElement)
+], Color.prototype, "_popover", void 0);
+__decorate([
+    query(".picker"),
+    __metadata("design:type", ColorPicker)
+], Color.prototype, "_picker", void 0);
+__decorate([
+    query(".hex"),
+    __metadata("design:type", HTMLInputElement)
+], Color.prototype, "_hex", void 0);
+Color = Color_1 = __decorate([
+    customElement("jolly-color"),
+    __metadata("design:paramtypes", [])
+], Color);
+export { Color };
+//# sourceMappingURL=Color.js.map

package/dist/controls/Color.js.map

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

package/dist/controls/Color.styles.d.ts

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

package/dist/controls/Color.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.styles.d.ts","sourceRoot":"","sources":["../../src/controls/Color.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,yBAmFvB,CAAC"}

package/dist/controls/Color.styles.js

@@ -0,0 +1,89 @@
+// Import Third-party Dependencies
+import { css } from "lit";
+// Import Internal Dependencies
+import { focusRing } from "../theme/styles/mixins.js";
+export const colorStyles = css `
+  /* Fill the control so the colour sample has no surrounding frame. */
+  .value .swatch {
+    position: relative;
+    flex: 0 0 auto;
+    width: var(--jolly-control-height, 20px);
+    height: var(--jolly-control-height, 20px);
+    padding: 0;
+    overflow: hidden;
+    border: none;
+    border-radius: var(--jolly-radius-sm, 2px);
+    background: none;
+    cursor: pointer;
+    transition: filter var(--jolly-duration-fast, 100ms) var(--jolly-easing, ease);
+  }
+
+  /* Avoid changing the sample fill for hover and focus states. */
+  .value .swatch:hover:not(:disabled) {
+    filter: brightness(1.12);
+  }
+
+  .value .swatch:focus-visible {
+    ${focusRing}
+    outline-offset: 1px;
+  }
+
+  /* Layer the colour over a checkerboard to reveal transparency. */
+  .value .swatch-face {
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: inherit;
+    background-color: var(--jolly-surface-raised, Canvas);
+    background-image:
+      linear-gradient(
+        var(--jolly-swatch-color, transparent),
+        var(--jolly-swatch-color, transparent)
+      ),
+      conic-gradient(
+        var(--jolly-swatch-checker) 25%,
+        transparent 0 50%,
+        var(--jolly-swatch-checker) 0 75%,
+        transparent 0
+      );
+    background-size: auto, 6px 6px;
+    pointer-events: none;
+  }
+
+  .value .swatch {
+    --jolly-swatch-checker: color-mix(in oklab, var(--jolly-ink) 18%, transparent);
+  }
+
+  /* Preserve the swatch slot while hiding mixed values. */
+  :host([mixed]) .value .swatch {
+    background: var(--jolly-control-bg);
+    opacity: 0.35;
+    pointer-events: none;
+  }
+
+  .value input.hex {
+    flex: 1 1 auto;
+    min-width: 7ch;
+    font-variant-numeric: inherit;
+  }
+
+  :host([disabled]) .value .swatch {
+    cursor: default;
+  }
+
+  /* Fixed positioning overrides centered UA styles for the top-layer popup. */
+  .value .popover {
+    position: fixed;
+    inset: auto;
+    width: max-content;
+    margin: 0;
+    padding: var(--jolly-space-1, 4px);
+    overflow: visible;
+    border: none;
+    border-radius: var(--jolly-radius-md, 6px);
+    background: var(--jolly-surface-raised, Canvas);
+    box-shadow: var(--jolly-shadow-overlay);
+    color: var(--jolly-text, CanvasText);
+  }
+`;
+//# sourceMappingURL=Color.styles.js.map

package/dist/controls/Color.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.styles.js","sourceRoot":"","sources":["../../src/controls/Color.styles.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,+BAA+B;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;MAsBxB,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6Dd,CAAC"}

package/dist/controls/ColorPicker.d.ts

@@ -0,0 +1,40 @@
+import { LitElement, type PropertyValues, type TemplateResult } from "lit";
+export interface ColorPickerDefaults {
+    value: string;
+}
+/**
+ * Controlled saturation and value picker with hue, alpha, and hex controls.
+ * Emits `jolly-input` during edits and `jolly-change` on commit.
+ *
+ * @fires {CustomEvent<JollyChangeDetail<string>>} jolly-input
+ * @fires {CustomEvent<JollyChangeDetail<string>>} jolly-change
+ */
+export declare class ColorPicker extends LitElement {
+    #private;
+    static readonly Defaults: ColorPickerDefaults;
+    static styles: import("lit").CSSResult[];
+    value: string;
+    alpha: boolean;
+    /**
+     * Shows the preview and hex field. Disable when the host supplies one.
+     */
+    hexInput: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    _area: HTMLElement;
+    _saturation: HTMLInputElement;
+    constructor();
+    /**
+     * Focuses the saturation control.
+     */
+    focus(options?: FocusOptions): void;
+    protected willUpdate(changed: PropertyValues<this>): void;
+    protected get editable(): boolean;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "jolly-color-picker": ColorPicker;
+    }
+}
+//# sourceMappingURL=ColorPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../src/controls/ColorPicker.ts"],"names":[],"mappings":"AAOA,OAAO,EACL,UAAU,EAGV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAgCb,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,qBACa,WAAY,SAAQ,UAAU;;IACzC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,mBAAmB,CAE3C;IAEF,OAAgB,MAAM,4BAEpB;IAGM,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,OAAO,CAAC;IAEvB;;OAEG;IAMK,QAAQ,EAAE,OAAO,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,KAAK,EAAE,WAAW,CAAC;IAGnB,WAAW,EAAE,gBAAgB,CAAC;;IAoBtC;;OAEG;IACM,KAAK,CACZ,OAAO,CAAC,EAAE,YAAY,GACrB,IAAI;cAIY,UAAU,CAC3B,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAC5B,IAAI;IA0CP,SAAS,KAAK,QAAQ,IAAI,OAAO,CAEhC;IAEQ,MAAM,IAAI,cAAc;CAuZlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,WAAW,CAAC;KACnC;CACF"}