@sealpixel/ui 1.0.0-rc.0

package/dist/components/sealpixel-stage.d.ts

@@ -0,0 +1,118 @@
+import type { Geometry, PreviewState } from '@sealpixel/core';
+import { LitElement, type TemplateResult } from 'lit';
+type Translate = (key: string, params?: Record<string, string | number>) => string;
+/**
+ * Shows the preview on a canvas, fitted and zoomable, with an SVG overlay in
+ * image pixel coordinates for tool gizmos. Tier-A hints (CSS filter and
+ * transform) are applied to the canvas until the next preview arrives.
+ */
+export declare class SealpixelStage extends LitElement {
+    static styles: import("lit").CSSResult[];
+    static properties: {
+        preview: {
+            attribute: boolean;
+        };
+        pending: {
+            type: BooleanConstructor;
+        };
+        overlay: {
+            attribute: boolean;
+        };
+        hintFilter: {
+            attribute: boolean;
+        };
+        hintTransform: {
+            attribute: boolean;
+        };
+        clip: {
+            attribute: boolean;
+        };
+        zoom: {
+            type: NumberConstructor;
+        };
+        panEnabled: {
+            type: BooleanConstructor;
+        };
+        t: {
+            attribute: boolean;
+        };
+    };
+    preview: PreviewState | null;
+    pending: boolean;
+    overlay: TemplateResult | null;
+    hintFilter: string;
+    hintTransform: string;
+    /**
+     * A CSS shape the preview is clipped to, or an empty string. A tool uses it
+     * to take pixels away rather than paint over them: crop clips to its
+     * rectangle so the stage's own backdrop shows around the result, which is
+     * the only way the checker carries through without seams. Unlike a hint it
+     * survives the next preview, because the tool owns it.
+     */
+    clip: string;
+    zoom: number;
+    panEnabled: boolean;
+    t: Translate;
+    private canvas;
+    private drawnVersion;
+    private pan;
+    private fitted;
+    /** Preview px → source px of the drawn preview; a change means the stage shows another view. */
+    private viewMap;
+    private lastTap;
+    /**
+     * True while the next transform should be animated. Every path that moves the
+     * view sets it, so it can never linger from an earlier action into a drag.
+     */
+    private glide;
+    /**
+     * Set by a tool that wants the next preview to arrive as a movement rather
+     * than a cut. Crop uses it: leaving the tool is the moment the image really
+     * becomes the crop, and seeing it close is the only signal the user gets
+     * that anything happened.
+     */
+    private glidePending;
+    private resizeObserver;
+    private readonly gestures;
+    constructor();
+    get geometry(): Geometry | null;
+    get imageWidth(): number;
+    get imageHeight(): number;
+    /** Converts a client point into preview image pixels. */
+    toImage(clientX: number, clientY: number): {
+        x: number;
+        y: number;
+    };
+    /** Asks for the next preview-driven view change to be animated, once. */
+    glideNextView(): void;
+    /** `glide` animates the move; a resize or a first load must not animate. */
+    fit(glide?: boolean): void;
+    private fitZoom;
+    /**
+     * The preview now shows another view of the same source (a tool switched
+     * between cropped and uncropped, a resize changed the output). Keep the
+     * source pixel under the view centre where it was and keep its size on
+     * screen, instead of fitting and letting the image jump. A view that was
+     * fitted is fitted again only when the steady view would overflow.
+     */
+    private reanchor;
+    /** True when the zoomed image is larger than the view in at least one axis. */
+    private overflows;
+    /**
+     * Keeps the image in view: an image smaller than the view stays fully
+     * visible, a larger one never shows empty space beyond its edges.
+     */
+    private clampPan;
+    private panBy;
+    /** Zoom or pan changed: overlays scale their gizmos by zoom and must re-render. */
+    private viewChanged;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    private draw;
+    private zoomAround;
+    render(): TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=sealpixel-stage.d.ts.map

package/dist/components/sealpixel-stage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sealpixel-stage.d.ts","sourceRoot":"","sources":["../../src/components/sealpixel-stage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAa,UAAU,EAAO,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAYtE,KAAK,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAAK,MAAM,CAAC;AAInF;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BA+GpB;IAEF,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAUxB;IAEM,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IAC9B;;;;;;OAMG;IACK,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,CAAC,EAAE,SAAS,CAAC;IAErB,OAAO,CAAC,MAAM,CAAkC;IAChD,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,GAAG,CAAkB;IAC7B,OAAO,CAAC,MAAM,CAAS;IACvB,gGAAgG;IAChG,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,OAAO,CAAqD;IACpE;;;OAGG;IACH,OAAO,CAAC,KAAK,CAAS;IACtB;;;;;OAKG;IACH,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CA6BtB;;IAeH,IAAI,QAAQ,IAAI,QAAQ,GAAG,IAAI,CAE9B;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,yDAAyD;IACzD,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;IAQnE,yEAAyE;IACzE,aAAa,IAAI,IAAI;IAIrB,4EAA4E;IAC5E,GAAG,CAAC,KAAK,UAAQ,GAAG,IAAI;IAaxB,OAAO,CAAC,OAAO;IAWf;;;;;;OAMG;IACH,OAAO,CAAC,QAAQ;IAwBhB,+EAA+E;IAC/E,OAAO,CAAC,SAAS;IAKjB;;;OAGG;IACH,OAAO,CAAC,QAAQ;IAUhB,OAAO,CAAC,KAAK;IAUb,mFAAmF;IACnF,OAAO,CAAC,WAAW;IAMV,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAK5B,YAAY,IAAI,IAAI;IAKpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAIrD,OAAO,CAAC,IAAI;IAmCZ,OAAO,CAAC,UAAU;IAeT,MAAM;CAkChB"}

package/dist/components/sealpixel-stage.js

@@ -0,0 +1,409 @@
+import { css, html, LitElement, svg } from 'lit';
+import { GestureController } from '../controllers/gesture-controller.js';
+import { base } from '../theme.js';
+import { apply, invert, previewToSource, sameAffine, scaleOf, } from '../view-mapping.js';
+const DOUBLE_TAP_MS = 350;
+const DOUBLE_TAP_PX = 24;
+/**
+ * Shows the preview on a canvas, fitted and zoomable, with an SVG overlay in
+ * image pixel coordinates for tool gizmos. Tier-A hints (CSS filter and
+ * transform) are applied to the canvas until the next preview arrives.
+ */
+export class SealpixelStage extends LitElement {
+    static { this.styles = [
+        base,
+        css `
+      :host {
+        display: block;
+        position: relative;
+        overflow: hidden;
+        background-color: var(--sealpixel-color-bg);
+        background-image:
+          linear-gradient(45deg, var(--sealpixel-stage-checker-a) 25%, transparent 25%),
+          linear-gradient(-45deg, var(--sealpixel-stage-checker-a) 25%, transparent 25%),
+          linear-gradient(45deg, transparent 75%, var(--sealpixel-stage-checker-a) 75%),
+          linear-gradient(-45deg, transparent 75%, var(--sealpixel-stage-checker-a) 75%);
+        background-size: 16px 16px;
+        background-position: 0 0, 0 8px, 8px -8px, -8px 0;
+        touch-action: none;
+        user-select: none;
+      }
+      .viewport {
+        position: absolute;
+        inset: 0;
+      }
+      .content {
+        position: absolute;
+        left: 0;
+        top: 0;
+        transform-origin: 0 0;
+        will-change: transform;
+      }
+      /*
+       * Only a view the user did not drag glides: a fit, a double tap, a
+       * re-anchor after the geometry changed. A pinch, a wheel and a drag must
+       * track the pointer exactly, so they clear the class in the same update
+       * that writes the new transform and the image never lags behind a finger.
+       */
+      .content.glide {
+        transition: transform var(--sealpixel-duration-slow) var(--sealpixel-ease-out);
+      }
+      canvas {
+        display: block;
+        image-rendering: auto;
+        transform-origin: 50% 50%;
+        box-shadow: var(--sealpixel-shadow, none);
+        transition: clip-path var(--sealpixel-duration-slow) var(--sealpixel-ease-out);
+      }
+      svg.overlay {
+        position: absolute;
+        left: 0;
+        top: 0;
+        overflow: visible;
+        pointer-events: none;
+      }
+      svg.overlay [data-interactive] {
+        pointer-events: all;
+      }
+      .status {
+        position: absolute;
+        right: var(--sealpixel-space);
+        bottom: var(--sealpixel-space);
+        padding: 3px 9px;
+        border: 0;
+        border-radius: 999px;
+        background: color-mix(in srgb, var(--sealpixel-color-surface) 85%, transparent);
+        color: var(--sealpixel-color-fg-muted);
+        font: inherit;
+        font-size: 12px;
+        font-variant-numeric: tabular-nums;
+        backdrop-filter: blur(6px);
+        cursor: pointer;
+        transition:
+          color var(--sealpixel-transition),
+          background var(--sealpixel-transition),
+          opacity var(--sealpixel-duration) var(--sealpixel-ease);
+      }
+      /* Fitted means the button does nothing; it fades back rather than vanishing. */
+      .status:disabled {
+        cursor: default;
+        opacity: 0.55;
+      }
+      .status:not(:disabled):hover {
+        color: var(--sealpixel-color-fg);
+        background: color-mix(in srgb, var(--sealpixel-color-surface) 96%, transparent);
+      }
+      .status:focus-visible {
+        outline: 2px solid var(--sealpixel-color-focus);
+        outline-offset: 2px;
+      }
+      /*
+       * A full render is in flight. The dot breathes instead of sitting still,
+       * because a static dot is read as part of the image. It starts at the
+       * resting opacity, so a render that finishes within one frame does not
+       * flash.
+       */
+      .pending {
+        position: absolute;
+        left: var(--sealpixel-space);
+        top: var(--sealpixel-space);
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background: var(--sealpixel-color-accent);
+        opacity: 0.8;
+        animation: sealpixel-pending 1.4s var(--sealpixel-ease) infinite;
+      }
+      @keyframes sealpixel-pending {
+        50% {
+          opacity: 0.25;
+          transform: scale(0.7);
+        }
+      }
+    `,
+    ]; }
+    static { this.properties = {
+        preview: { attribute: false },
+        pending: { type: Boolean },
+        overlay: { attribute: false },
+        hintFilter: { attribute: false },
+        hintTransform: { attribute: false },
+        clip: { attribute: false },
+        zoom: { type: Number },
+        panEnabled: { type: Boolean },
+        t: { attribute: false },
+    }; }
+    constructor() {
+        super();
+        this.canvas = null;
+        this.drawnVersion = -1;
+        this.pan = { x: 0, y: 0 };
+        this.fitted = false;
+        /** Preview px → source px of the drawn preview; a change means the stage shows another view. */
+        this.viewMap = null;
+        this.lastTap = null;
+        /**
+         * True while the next transform should be animated. Every path that moves the
+         * view sets it, so it can never linger from an earlier action into a drag.
+         */
+        this.glide = false;
+        /**
+         * Set by a tool that wants the next preview to arrive as a movement rather
+         * than a cut. Crop uses it: leaving the tool is the moment the image really
+         * becomes the crop, and seeing it close is the only signal the user gets
+         * that anything happened.
+         */
+        this.glidePending = false;
+        this.resizeObserver = null;
+        this.gestures = new GestureController(this, {
+            drag: (e) => {
+                if (!this.panEnabled)
+                    return;
+                this.panBy(e.dx, e.dy);
+            },
+            // A second tap close to the first fits the image again (double-tap, double-click).
+            tap: (e) => {
+                const now = performance.now();
+                const prev = this.lastTap;
+                if (prev &&
+                    now - prev.at < DOUBLE_TAP_MS &&
+                    Math.hypot(e.x - prev.x, e.y - prev.y) < DOUBLE_TAP_PX) {
+                    this.lastTap = null;
+                    this.fit(true);
+                    return;
+                }
+                this.lastTap = { x: e.x, y: e.y, at: now };
+            },
+            pinch: (e) => this.zoomAround(e.scale, e.cx, e.cy, e.dx, e.dy),
+            wheelZoom: (e) => this.zoomAround(e.factor, e.cx, e.cy, 0, 0),
+            // Plain scrolling pans only while the image is larger than the view;
+            // otherwise the page scrolls as the user expects.
+            wheelPan: (e) => {
+                if (!this.overflows())
+                    return false;
+                this.panBy(e.dx, e.dy);
+                return true;
+            },
+        });
+        this.preview = null;
+        this.pending = false;
+        this.overlay = null;
+        this.hintFilter = '';
+        this.hintTransform = '';
+        this.clip = '';
+        this.zoom = 1;
+        this.panEnabled = true;
+        this.t = (key) => key;
+    }
+    get geometry() {
+        return this.preview?.geometry ?? null;
+    }
+    get imageWidth() {
+        return this.preview?.image.width ?? 0;
+    }
+    get imageHeight() {
+        return this.preview?.image.height ?? 0;
+    }
+    /** Converts a client point into preview image pixels. */
+    toImage(clientX, clientY) {
+        const r = this.getBoundingClientRect();
+        return {
+            x: (clientX - r.left - this.pan.x) / this.zoom,
+            y: (clientY - r.top - this.pan.y) / this.zoom,
+        };
+    }
+    /** Asks for the next preview-driven view change to be animated, once. */
+    glideNextView() {
+        this.glidePending = true;
+    }
+    /** `glide` animates the move; a resize or a first load must not animate. */
+    fit(glide = false) {
+        const w = this.imageWidth;
+        const h = this.imageHeight;
+        if (!w || !h)
+            return;
+        this.glide = glide;
+        const r = this.getBoundingClientRect();
+        this.zoom = this.fitZoom();
+        this.pan = { x: (r.width - w * this.zoom) / 2, y: (r.height - h * this.zoom) / 2 };
+        this.fitted = true;
+        this.requestUpdate();
+        this.viewChanged();
+    }
+    fitZoom() {
+        const r = this.getBoundingClientRect();
+        const margin = 24;
+        const zoom = Math.min((r.width - margin) / this.imageWidth, (r.height - margin) / this.imageHeight, 4);
+        return Math.max(zoom, 0.01);
+    }
+    /**
+     * The preview now shows another view of the same source (a tool switched
+     * between cropped and uncropped, a resize changed the output). Keep the
+     * source pixel under the view centre where it was and keep its size on
+     * screen, instead of fitting and letting the image jump. A view that was
+     * fitted is fitted again only when the steady view would overflow.
+     */
+    reanchor(prev, next) {
+        const r = this.getBoundingClientRect();
+        const cx = r.width / 2;
+        const cy = r.height / 2;
+        const centre = apply(prev, (cx - this.pan.x) / this.zoom, (cy - this.pan.y) / this.zoom);
+        const q = apply(invert(next), centre.x, centre.y);
+        const zoom = Math.min(16, Math.max(0.05, (this.zoom * scaleOf(prev)) / scaleOf(next)));
+        const iw = this.imageWidth * zoom;
+        const ih = this.imageHeight * zoom;
+        if (this.fitted && (iw > r.width || ih > r.height)) {
+            this.fit();
+            return;
+        }
+        // No glide here on purpose: the point of re-anchoring is that the source
+        // region does not appear to move at all. Animating it would show a slide
+        // where the contract is that nothing happened.
+        this.glide = false;
+        this.zoom = zoom;
+        this.pan = this.clampPan({ x: cx - q.x * zoom, y: cy - q.y * zoom });
+        this.fitted = Math.abs(zoom - this.fitZoom()) < 1e-3;
+        this.requestUpdate();
+        this.viewChanged();
+    }
+    /** True when the zoomed image is larger than the view in at least one axis. */
+    overflows() {
+        const r = this.getBoundingClientRect();
+        return this.imageWidth * this.zoom > r.width || this.imageHeight * this.zoom > r.height;
+    }
+    /**
+     * Keeps the image in view: an image smaller than the view stays fully
+     * visible, a larger one never shows empty space beyond its edges.
+     */
+    clampPan(pan) {
+        const r = this.getBoundingClientRect();
+        const iw = this.imageWidth * this.zoom;
+        const ih = this.imageHeight * this.zoom;
+        if (!iw || !ih)
+            return pan;
+        const axis = (v, size, view) => size <= view ? clamp(v, 0, view - size) : clamp(v, view - size, 0);
+        return { x: axis(pan.x, iw, r.width), y: axis(pan.y, ih, r.height) };
+    }
+    panBy(dx, dy) {
+        const next = this.clampPan({ x: this.pan.x + dx, y: this.pan.y + dy });
+        if (next.x === this.pan.x && next.y === this.pan.y)
+            return;
+        this.glide = false;
+        this.glidePending = false;
+        this.pan = next;
+        this.requestUpdate();
+        this.viewChanged();
+    }
+    /** Zoom or pan changed: overlays scale their gizmos by zoom and must re-render. */
+    viewChanged() {
+        this.dispatchEvent(new CustomEvent('stage-view', { detail: { zoom: this.zoom, pan: this.pan } }));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.resizeObserver = new ResizeObserver(() => {
+            if (this.fitted)
+                this.fit();
+        });
+        this.resizeObserver.observe(this);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.resizeObserver?.disconnect();
+    }
+    firstUpdated() {
+        this.canvas = this.renderRoot.querySelector('canvas');
+        this.gestures.attach(this.renderRoot.querySelector('.viewport'));
+    }
+    updated(changed) {
+        if (changed.has('preview'))
+            this.draw();
+    }
+    draw() {
+        const canvas = this.canvas;
+        const preview = this.preview;
+        if (!canvas || !preview)
+            return;
+        const { image } = preview;
+        const sizeChanged = canvas.width !== image.width || canvas.height !== image.height;
+        if (sizeChanged) {
+            canvas.width = image.width;
+            canvas.height = image.height;
+        }
+        if (preview.version !== this.drawnVersion || sizeChanged) {
+            const ctx = canvas.getContext('2d');
+            if (ctx) {
+                const data = new Uint8ClampedArray(image.data.byteLength);
+                data.set(image.data);
+                ctx.putImageData(new ImageData(data, image.width, image.height), 0, 0);
+            }
+            this.drawnVersion = preview.version;
+            // A real preview landed: drop tier-A hints.
+            this.hintFilter = '';
+            this.hintTransform = '';
+        }
+        const nextMap = previewToSource(preview.viewGeometry);
+        const prevMap = this.viewMap;
+        this.viewMap = nextMap;
+        if (this.glidePending) {
+            // A tool asked to be seen. Fit rather than re-anchor: a crop that just
+            // took half the image away should end up filling the stage, which is
+            // what makes the move read as the crop closing.
+            this.glidePending = false;
+            this.fit(true);
+        }
+        else if (prevMap && !sameAffine(prevMap, nextMap))
+            this.reanchor(prevMap, nextMap);
+        else if (!prevMap || (!this.fitted && sizeChanged))
+            this.fit();
+    }
+    zoomAround(factor, cx, cy, dx, dy) {
+        const next = Math.min(16, Math.max(0.05, this.zoom * factor));
+        const k = next / this.zoom;
+        this.glide = false;
+        this.glidePending = false;
+        this.zoom = next;
+        this.pan = this.clampPan({
+            x: cx - (cx - this.pan.x) * k + dx,
+            y: cy - (cy - this.pan.y) * k + dy,
+        });
+        this.fitted = false;
+        this.requestUpdate();
+        this.viewChanged();
+    }
+    render() {
+        const w = this.imageWidth;
+        const h = this.imageHeight;
+        const transform = `translate(${this.pan.x}px, ${this.pan.y}px) scale(${this.zoom})`;
+        return html `
+      <div class="viewport" part="viewport">
+        <div class="content ${this.glide ? 'glide' : ''}" style="transform:${transform}">
+          <canvas
+            part="canvas"
+            width=${w}
+            height=${h}
+            style="filter:${this.hintFilter || 'none'};transform:${this.hintTransform || 'none'};clip-path:${this.clip || 'none'}"
+            role="img"
+            aria-label="preview"
+          ></canvas>
+          ${this.overlay
+            ? svg `<svg class="overlay" part="overlay" width=${w} height=${h} viewBox="0 0 ${w} ${h}">${this.overlay}</svg>`
+            : null}
+        </div>
+      </div>
+      ${this.pending ? html `<div class="pending" aria-hidden="true"></div>` : null}
+      <button
+        type="button"
+        class="status"
+        part="status"
+        ?disabled=${this.fitted}
+        title=${this.t('stage.fit')}
+        aria-label=${`${this.t('stage.zoom', { percent: Math.round(this.zoom * 100) })}. ${this.t('stage.fit')}`}
+        @click=${() => this.fit(true)}
+      >${Math.round(this.zoom * 100)}%</button>
+    `;
+    }
+}
+function clamp(v, lo, hi) {
+    return v < lo ? lo : v > hi ? hi : v;
+}
+//# sourceMappingURL=sealpixel-stage.js.map

package/dist/components/sealpixel-stage.js.map

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

package/dist/components/sealpixel-stepper.d.ts

@@ -0,0 +1,69 @@
+import { LitElement } from 'lit';
+/**
+ * A number with a floor. Where the dial is for a value the user feels their way
+ * to from a middle, this is for one they already know: a font size, a line
+ * width, a corner radius. It reads, it types, and it nudges by one, which is
+ * everything a magnitude needs and none of what a wheel is good at. It also
+ * costs about a fifth of the width.
+ *
+ * The value is a real `input[type=number]`, so the keyboard, the spinbutton
+ * role and the value semantics are the platform's. Holding a button repeats;
+ * holding Shift steps by ten.
+ *
+ * Emits `slide` while a held button is repeating (tier-A hints) and `commit`
+ * when the value settles, so a held button writes one operation and not forty.
+ */
+export declare class SealpixelStepper extends LitElement {
+    static styles: import("lit").CSSResult[];
+    static properties: {
+        label: {
+            type: StringConstructor;
+        };
+        value: {
+            type: NumberConstructor;
+        };
+        min: {
+            type: NumberConstructor;
+        };
+        max: {
+            type: NumberConstructor;
+        };
+        step: {
+            type: NumberConstructor;
+        };
+        unit: {
+            type: StringConstructor;
+        };
+        decimals: {
+            type: NumberConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+    };
+    label: string;
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    /** Shown after the number, unstyled: `px`, `%`. Empty for a bare ratio. */
+    unit: string;
+    /** Digits after the point, for both the field and the rounding. */
+    decimals: number;
+    disabled: boolean;
+    constructor();
+    render(): import("lit").TemplateResult<1>;
+    private timer;
+    private repeating;
+    private clamp;
+    private emit;
+    /** One step. `live` reports progress; the commit follows when the button goes up. */
+    private bump;
+    private hold;
+    private release;
+    private onChange;
+    private onKeydown;
+    disconnectedCallback(): void;
+}
+//# sourceMappingURL=sealpixel-stepper.d.ts.map

package/dist/components/sealpixel-stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sealpixel-stepper.d.ts","sourceRoot":"","sources":["../../src/components/sealpixel-stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAO5C;;;;;;;;;;;;;GAaG;AACH,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAkGpB;IAEF,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;MASxB;IAEM,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACrB,2EAA2E;IACnE,IAAI,EAAE,MAAM,CAAC;IACrB,mEAAmE;IAC3D,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;;IAcjB,MAAM;IA8Cf,OAAO,CAAC,KAAK,CAA8C;IAE3D,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,KAAK;IAMb,OAAO,CAAC,IAAI;IAMZ,qFAAqF;IACrF,OAAO,CAAC,IAAI;IAOZ,OAAO,CAAC,IAAI,CASV;IAEF,OAAO,CAAC,OAAO,CAWb;IAEF,OAAO,CAAC,QAAQ,CAMd;IAEF,OAAO,CAAC,SAAS,CAOf;IAEO,oBAAoB,IAAI,IAAI;CAItC"}