@jolly-pixel/ui 1.0.1

package/dist/controls/ColorPicker.js

@@ -0,0 +1,423 @@
+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 ColorPicker_1;
+// Import Third-party Dependencies
+import { formatHex, hsvToRgb, rgbToHsv } from "@jolly-pixel/color";
+import { LitElement, html, nothing } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+// Import Internal Dependencies
+import { saturationValueFromPointer } from "../color/area.js";
+import { parseFieldColor } from "../color/draft.js";
+import { colorPickerStyles } from "./ColorPicker.styles.js";
+import { emitFieldEvent } from "../field/events.js";
+import { DraftController } from "../field/DraftController.js";
+import { formatNumber, parseNumeric, quantize } from "../numeric/format.js";
+import { isInputElement } from "../dom.js";
+// CONSTANTS
+const kAxisSteps = 1000;
+const kHueSteps = 360;
+const kAlphaSteps = 100;
+const kAlphaStep = 1 / kAlphaSteps;
+const kBlack = {
+    h: 0,
+    s: 0,
+    v: 0,
+    a: 1
+};
+/**
+ * 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
+ */
+let ColorPicker = class ColorPicker extends LitElement {
+    static { ColorPicker_1 = this; }
+    static Defaults = {
+        value: "#000000"
+    };
+    static styles = [
+        colorPickerStyles
+    ];
+    /**
+     * Preserves hue and saturation when hex cannot represent them.
+     */
+    #hsva = kBlack;
+    #draft = null;
+    #alphaDraft = new DraftController(this);
+    #invalid = false;
+    constructor() {
+        super();
+        this.value = ColorPicker_1.Defaults.value;
+        this.alpha = false;
+        this.hexInput = true;
+        this.disabled = false;
+        this.readonly = false;
+    }
+    /**
+     * Focuses the saturation control.
+     */
+    focus(options) {
+        this._saturation?.focus(options);
+    }
+    willUpdate(changed) {
+        if (changed.has("value") ||
+            changed.has("alpha")) {
+            this.#adoptValue();
+        }
+    }
+    /**
+     * Preserves held HSVA during write-back. External values replace it.
+     */
+    #adoptValue() {
+        const incoming = parseFieldColor(this.value ?? "");
+        if (incoming === null) {
+            return;
+        }
+        if (formatHex(incoming, this.alpha) === this.#hex) {
+            return;
+        }
+        this.#hsva = {
+            ...rgbToHsv(incoming),
+            a: this.alpha ? incoming.a : 1
+        };
+    }
+    get #hex() {
+        return formatHex(hsvToRgb(this.#hsva), this.alpha);
+    }
+    /**
+     * Opaque current colour for the alpha ramp.
+     */
+    get #opaqueHex() {
+        return formatHex(hsvToRgb(this.#hsva));
+    }
+    get editable() {
+        return !this.disabled && !this.readonly;
+    }
+    render() {
+        const { h, s, v } = this.#hsva;
+        const style = [
+            `--jolly-picker-hue:${h}`,
+            `--jolly-picker-x:${s}`,
+            `--jolly-picker-y:${1 - v}`,
+            `--jolly-picker-color:${this.#hex}`,
+            `--jolly-picker-opaque:${this.#opaqueHex}`
+        ].join(";");
+        return html `
+      <div class="panel" style=${style}>
+        ${this.#renderArea()}
+        ${this.#renderHue()}
+        ${this.alpha ? this.#renderAlpha() : nothing}
+        ${this.hexInput ? this.#renderFooter() : nothing}
+      </div>
+    `;
+    }
+    #renderArea() {
+        const { s, v } = this.#hsva;
+        return html `
+      <div
+        class="area"
+        role="group"
+        aria-label="Saturation and value"
+        @pointerdown=${this.#onAreaPointerDown}
+      >
+        <span class="area-cursor"></span>
+        <input
+          class="axis axis-saturation"
+          type="range"
+          min="0"
+          max=${kAxisSteps}
+          .value=${String(Math.round(s * kAxisSteps))}
+          ?disabled=${this.disabled}
+          aria-label="Saturation"
+          aria-readonly=${this.readonly ? "true" : nothing}
+          @input=${this.#onSaturation}
+          @change=${this.#onSaturation}
+        >
+        <input
+          class="axis axis-value"
+          type="range"
+          min="0"
+          max=${kAxisSteps}
+          .value=${String(Math.round(v * kAxisSteps))}
+          ?disabled=${this.disabled}
+          aria-label="Value"
+          aria-readonly=${this.readonly ? "true" : nothing}
+          @input=${this.#onValue}
+          @change=${this.#onValue}
+        >
+      </div>
+    `;
+    }
+    #renderHue() {
+        return html `
+      <div class="track hue">
+        <input
+          type="range"
+          min="0"
+          max=${kHueSteps}
+          step="1"
+          .value=${String(Math.round(this.#hsva.h))}
+          ?disabled=${this.disabled}
+          aria-label="Hue"
+          aria-readonly=${this.readonly ? "true" : nothing}
+          @input=${this.#onHue}
+          @change=${this.#onHue}
+        >
+      </div>
+    `;
+    }
+    #renderAlpha() {
+        return html `
+      <div class="lane">
+        <div class="track alpha">
+          <input
+            type="range"
+            min="0"
+            max=${kAlphaSteps}
+            step="1"
+            .value=${String(Math.round(this.#hsva.a * kAlphaSteps))}
+            ?disabled=${this.disabled}
+            aria-label="Alpha"
+            aria-readonly=${this.readonly ? "true" : nothing}
+            @input=${this.#onAlpha}
+            @change=${this.#onAlpha}
+          >
+        </div>
+        <input
+          class="readout"
+          type="text"
+          inputmode="decimal"
+          spellcheck="false"
+          aria-label="Alpha value"
+          .value=${this.#alphaDraft.draft ?? formatNumber(this.#hsva.a, kAlphaStep)}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          @input=${this.#onAlphaType}
+          @keydown=${this.#onAlphaKeyDown}
+          @blur=${this.#onAlphaBlur}
+        >
+      </div>
+    `;
+    }
+    #onAlphaType(event) {
+        this.#alphaDraft.onInput(event);
+    }
+    #onAlphaKeyDown(event) {
+        this.#alphaDraft.onKeyDown(event, () => this.#commitAlpha());
+    }
+    #onAlphaBlur() {
+        this.#commitAlpha();
+    }
+    #commitAlpha() {
+        this.#alphaDraft.commit((draft) => {
+            const result = parseNumeric(draft);
+            if (result === null || !result.ok) {
+                return null;
+            }
+            return {
+                ok: true,
+                value: quantize(result.value, kAlphaStep, 0, 1)
+            };
+        }, this.editable, (alpha) => {
+            this.#patch({ a: alpha });
+            this.#commit();
+        });
+    }
+    #renderFooter() {
+        return html `
+      <div class="footer">
+        <span class="preview checker">
+          <span class="preview-face"></span>
+        </span>
+        <input
+          class="hex"
+          type="text"
+          spellcheck="false"
+          aria-label="Hex value"
+          aria-invalid=${this.#invalid ? "true" : nothing}
+          .value=${this.#draft ?? this.#hex}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          @input=${this.#onHexType}
+          @keydown=${this.#onHexKeyDown}
+          @blur=${this.#onHexBlur}
+        >
+      </div>
+    `;
+    }
+    #onAreaPointerDown(event) {
+        if (!this.editable || event.button !== 0) {
+            return;
+        }
+        event.preventDefault();
+        this._area.setPointerCapture(event.pointerId);
+        // Continue the active pointer gesture from the keyboard.
+        this._saturation.focus({ preventScroll: true });
+        this.#applyPointer(event);
+        const onMove = (moved) => this.#applyPointer(moved);
+        const onUp = () => {
+            this._area.removeEventListener("pointermove", onMove);
+            this._area.removeEventListener("pointerup", onUp);
+            this._area.removeEventListener("pointercancel", onUp);
+            this.#commit();
+        };
+        this._area.addEventListener("pointermove", onMove);
+        this._area.addEventListener("pointerup", onUp);
+        this._area.addEventListener("pointercancel", onUp);
+    }
+    #applyPointer(event) {
+        const { s, v } = saturationValueFromPointer({
+            x: event.clientX,
+            y: event.clientY
+        }, this._area.getBoundingClientRect());
+        this.#patch({
+            s,
+            v
+        });
+        this.#stream();
+    }
+    #onSaturation(event) {
+        this.#applyAxis(event, (ratio) => {
+            return { s: ratio / kAxisSteps };
+        });
+    }
+    #onValue(event) {
+        this.#applyAxis(event, (ratio) => {
+            return { v: ratio / kAxisSteps };
+        });
+    }
+    #onHue(event) {
+        this.#applyAxis(event, (raw) => {
+            return { h: raw };
+        });
+    }
+    #onAlpha(event) {
+        this.#applyAxis(event, (raw) => {
+            return { a: raw / kAlphaSteps };
+        });
+    }
+    /**
+     * Restores rejected range input because native ranges lack `readonly`.
+     */
+    #applyAxis(event, toPatch) {
+        if (!isInputElement(event.target)) {
+            return;
+        }
+        if (!this.editable) {
+            this.requestUpdate();
+            return;
+        }
+        this.#patch(toPatch(Number(event.target.value)));
+        if (event.type === "change") {
+            this.#commit();
+        }
+        else {
+            this.#stream();
+        }
+    }
+    #patch(patch) {
+        this.#hsva = {
+            ...this.#hsva,
+            ...patch
+        };
+        this.#draft = null;
+        this.#alphaDraft.clear();
+        this.#invalid = false;
+        this.requestUpdate();
+    }
+    #stream() {
+        emitFieldEvent(this, "jolly-input", this.#hex);
+    }
+    #commit() {
+        emitFieldEvent(this, "jolly-change", this.#hex);
+    }
+    #onHexType(event) {
+        if (!isInputElement(event.target)) {
+            return;
+        }
+        this.#draft = event.target.value;
+        this.#invalid = false;
+        this.requestUpdate();
+    }
+    #onHexKeyDown(event) {
+        if (event.key === "Enter") {
+            this.#commitHex();
+        }
+        else if (event.key === "Escape") {
+            // Keep the parent popover open while discarding the draft.
+            event.stopPropagation();
+            this.#draft = null;
+            this.#invalid = false;
+            this.requestUpdate();
+        }
+    }
+    #onHexBlur() {
+        this.#commitHex();
+    }
+    #commitHex() {
+        const draft = this.#draft;
+        if (draft === null || !this.editable) {
+            return;
+        }
+        const parsed = parseFieldColor(draft);
+        if (parsed === null) {
+            this.#invalid = true;
+            this.requestUpdate();
+            return;
+        }
+        this.#hsva = {
+            ...rgbToHsv(parsed),
+            a: this.alpha ? parsed.a : 1
+        };
+        this.#draft = null;
+        this.#invalid = false;
+        this.requestUpdate();
+        this.#commit();
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], ColorPicker.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], ColorPicker.prototype, "alpha", void 0);
+__decorate([
+    property({
+        type: Boolean,
+        reflect: true,
+        attribute: "hex-input"
+    }),
+    __metadata("design:type", Boolean)
+], ColorPicker.prototype, "hexInput", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], ColorPicker.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], ColorPicker.prototype, "readonly", void 0);
+__decorate([
+    query(".area"),
+    __metadata("design:type", HTMLElement)
+], ColorPicker.prototype, "_area", void 0);
+__decorate([
+    query(".axis-saturation"),
+    __metadata("design:type", HTMLInputElement)
+], ColorPicker.prototype, "_saturation", void 0);
+ColorPicker = ColorPicker_1 = __decorate([
+    customElement("jolly-color-picker"),
+    __metadata("design:paramtypes", [])
+], ColorPicker);
+export { ColorPicker };
+//# sourceMappingURL=ColorPicker.js.map

package/dist/controls/ColorPicker.js.map

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

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

@@ -0,0 +1,5 @@
+/**
+ * Renders picker surfaces with gradients driven by custom properties.
+ */
+export declare const colorPickerStyles: import("lit").CSSResult;
+//# sourceMappingURL=ColorPicker.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.styles.d.ts","sourceRoot":"","sources":["../../src/controls/ColorPicker.styles.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,eAAO,MAAM,iBAAiB,yBAwS7B,CAAC"}