@sealpixel/ui 1.0.0-rc.0

package/dist/tools/crop.js

@@ -0,0 +1,361 @@
+import { CROP_DEFAULT_OPTIONS, ORIGINAL_ASPECT } from '@sealpixel/plugins';
+import { html, nothing, svg } from 'lit';
+import { icons } from '../icons.js';
+import { opId } from './finetune.js';
+/**
+ * While the crop tool is active the preview shows the whole rotated image
+ * (rect forced to full), and the gizmo draws the crop rectangle on top.
+ */
+function showFullRect(log) {
+    return {
+        ...log,
+        ops: [
+            ...log.ops,
+            {
+                type: 'crop.set',
+                id: '__sealpixel_preview_rect__',
+                rect: { x: 0, y: 0, width: 1, height: 1 },
+                // The gizmo draws the round mask itself; the preview shows the unmasked pixels.
+                mask: 'none',
+            },
+        ],
+    };
+}
+const drag = {
+    handle: 'move',
+    start: { x: 0, y: 0, width: 1, height: 1 },
+    sx: 0,
+    sy: 0,
+    live: null,
+};
+/**
+ * How long the pointer has to be still after a change before the stage shows
+ * the result. Long enough never to fire between two drags, short enough that
+ * nobody waits for it.
+ */
+const SETTLE_MS = 500;
+/**
+ * The crop is written to the log the moment a handle is released, but the
+ * stage keeps showing the whole image, because a corner cannot be pulled
+ * outwards through an edge that is off screen. Letting go therefore looks
+ * exactly like doing nothing. After the pointer rests, the scrim closes over
+ * what the crop removes and the gizmo fades, so what is left on the stage is
+ * the picture that will come out. Touching the gizmo brings it all back.
+ */
+const settle = {
+    at: null,
+    timer: null,
+    touched: false,
+};
+/** The preview clipped to the crop, in percentages of the canvas box. */
+function clipFor(rect, circle) {
+    const l = rect.x * 100;
+    const t = rect.y * 100;
+    const r = (rect.x + rect.width) * 100;
+    const b = (rect.y + rect.height) * 100;
+    if (circle) {
+        return `ellipse(${(rect.width / 2) * 100}% ${(rect.height / 2) * 100}% at ${(rect.x + rect.width / 2) * 100}% ${(rect.y + rect.height / 2) * 100}%)`;
+    }
+    // A polygon at both ends, so the clip animates; `inset(0)` would not
+    // interpolate with it and the reveal would snap.
+    return `polygon(${l}% ${t}%, ${r}% ${t}%, ${r}% ${b}%, ${l}% ${b}%)`;
+}
+const FULL_CLIP = 'polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)';
+function unsettle(ctx) {
+    if (settle.timer !== null)
+        clearTimeout(settle.timer);
+    settle.timer = null;
+    if (settle.at !== null) {
+        settle.at = null;
+        ctx.clipPreview(FULL_CLIP);
+        ctx.refresh();
+    }
+}
+function scheduleSettle(ctx) {
+    if (settle.timer !== null)
+        clearTimeout(settle.timer);
+    settle.at = null;
+    settle.touched = true;
+    settle.timer = setTimeout(() => {
+        settle.timer = null;
+        settle.at = Date.now();
+        // Fresh from the session: `ctx.document` is the snapshot from the render
+        // that scheduled this, which is the state from before the commit.
+        const doc = ctx.session.getDocument().crop;
+        const circle = (ctx.options('crop') ?? CROP_DEFAULT_OPTIONS).shape === 'circle' ||
+            doc.mask === 'circle';
+        ctx.clipPreview(clipFor(doc.rect, circle));
+        ctx.refresh();
+    }, SETTLE_MS);
+}
+export const cropTool = {
+    id: 'crop',
+    icon: icons.crop,
+    label: 'tool.crop',
+    activate: (ctx) => {
+        unsettle(ctx);
+        settle.touched = false;
+        ctx.clipPreview(FULL_CLIP);
+        ctx.session.setPreviewTransform(showFullRect);
+    },
+    deactivate: (ctx) => {
+        drag.live = null;
+        unsettle(ctx);
+        // The next preview is the real crop; nothing left to clip.
+        ctx.clipPreview(null);
+        // The image becomes the crop now, so ask for it to be seen happening — but
+        // only if this visit changed it. Crop is often the tool an editor opens on,
+        // and leaving one the user never touched should move nothing.
+        if (settle.touched)
+            ctx.animateNextView();
+        settle.touched = false;
+        ctx.session.setPreviewTransform(null);
+    },
+    panel: (ctx) => {
+        const doc = ctx.document.crop;
+        const deg = (doc.rotation * 180) / Math.PI;
+        // A rotation, a flip or an aspect ratio is a change like a drag is, so it
+        // settles into the result the same way.
+        const set = (patch) => {
+            ctx.dispatch({ type: 'crop.set', id: opId(), ...patch });
+            scheduleSettle(ctx);
+        };
+        const src = ctx.state.source;
+        const original = src ? src.width / src.height : 1;
+        const options = ctx.options('crop') ?? CROP_DEFAULT_OPTIONS;
+        const circle = options.shape === 'circle';
+        // In circle mode a reset restores a full round crop instead of dropping the mask.
+        const reset = () => {
+            unsettle(ctx);
+            return ctx.dispatch(circle
+                ? {
+                    type: 'crop.set',
+                    id: opId(),
+                    rotation: 0,
+                    flipX: false,
+                    flipY: false,
+                    rect: { x: 0, y: 0, width: 1, height: 1 },
+                    aspect: 1,
+                    mask: 'circle',
+                }
+                : { type: 'crop.reset', id: opId() });
+        };
+        const aspects = options.aspects.map((a) => ({
+            key: a.label,
+            value: a.value === ORIGINAL_ASPECT ? original : a.value,
+        }));
+        const aspectSelect = html `<select
+      data-field="aspect"
+      aria-label=${ctx.t('crop.aspect')}
+      @change=${(e) => {
+            const v = e.target.value;
+            const aspect = v === '' ? null : Number(v);
+            set({ aspect, ...(aspect === null ? {} : { rect: fitAspect(doc.rect, aspect, ctx) }) });
+        }}
+    >
+      ${aspects.map((a) => html `<option value=${a.value === null ? '' : String(a.value)} ?selected=${a.value === doc.aspect || (a.value !== null && doc.aspect !== null && Math.abs(a.value - doc.aspect) < 1e-6)}>
+            ${a.key.startsWith('crop.') ? ctx.t(a.key) : a.key}
+          </option>`)}
+    </select>`;
+        return html `
+      ${options.rotation
+            ? html `<sealpixel-slider
+        data-param="rotation"
+        .label=${ctx.t('crop.rotation')}
+        .value=${Number(deg.toFixed(2))}
+        .min=${-180}
+        .max=${180}
+        .step=${options.rotationStep}
+        .format=${(v) => `${v.toFixed(1)}°`}
+        @slide=${(e) => ctx.hint({ transform: `rotate(${e.detail - deg}deg)` })}
+        @commit=${(e) => {
+                ctx.hint(null);
+                set({ rotation: (e.detail * Math.PI) / 180 });
+            }}
+      ></sealpixel-slider>`
+            : nothing}
+      <div class="row compact choice">
+        <div class="group">
+          ${options.rotation
+            ? html `<sealpixel-button data-action="rotate-left" .label=${'-90°'} @click=${() => set({ rotation: doc.rotation - Math.PI / 2 })}>⟲ 90°</sealpixel-button>
+          <sealpixel-button data-action="rotate-right" .label=${'+90°'} @click=${() => set({ rotation: doc.rotation + Math.PI / 2 })}>⟳ 90°</sealpixel-button>`
+            : nothing}
+          ${options.flip
+            ? html `<sealpixel-button data-action="flip-x" ?pressed=${doc.flipX} .label=${ctx.t('crop.flipX')} @click=${() => set({ flipX: !doc.flipX })}>⇋</sealpixel-button>
+          <sealpixel-button data-action="flip-y" ?pressed=${doc.flipY} .label=${ctx.t('crop.flipY')} @click=${() => set({ flipY: !doc.flipY })}>⇅</sealpixel-button>`
+            : nothing}
+        </div>
+        ${circle ? nothing : aspectSelect}
+        ${options.reset
+            ? html `<sealpixel-button variant="ghost" data-action="reset" @click=${reset}>
+                ${ctx.t('crop.reset')}
+              </sealpixel-button>`
+            : nothing}
+      </div>
+    `;
+    },
+    overlay: (ctx) => {
+        const doc = ctx.document.crop;
+        const { width: W, height: H, zoom } = ctx.stage;
+        if (!W || !H)
+            return svg ``;
+        const r = drag.live ?? doc.rect;
+        const x = r.x * W;
+        const y = r.y * H;
+        const w = r.width * W;
+        const h = r.height * H;
+        const hr = 7 / zoom;
+        const sw = 1.5 / zoom;
+        const handles = [
+            { id: 'nw', cx: x, cy: y },
+            { id: 'n', cx: x + w / 2, cy: y },
+            { id: 'ne', cx: x + w, cy: y },
+            { id: 'e', cx: x + w, cy: y + h / 2 },
+            { id: 'se', cx: x + w, cy: y + h },
+            { id: 's', cx: x + w / 2, cy: y + h },
+            { id: 'sw', cx: x, cy: y + h },
+            { id: 'w', cx: x, cy: y + h / 2 },
+        ];
+        const start = (handle) => (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            unsettle(ctx);
+            const p = ctx.stage.toImage(e.clientX, e.clientY);
+            drag.handle = handle;
+            drag.start = doc.rect;
+            drag.sx = p.x / W;
+            drag.sy = p.y / H;
+            drag.live = doc.rect;
+            const move = (ev) => {
+                const q = ctx.stage.toImage(ev.clientX, ev.clientY);
+                drag.live = applyDrag(drag.start, handle, q.x / W - drag.sx, q.y / H - drag.sy, doc.aspect, W / H);
+                ctx.refresh();
+            };
+            const up = () => {
+                window.removeEventListener('pointermove', move);
+                window.removeEventListener('pointerup', up);
+                window.removeEventListener('pointercancel', up);
+                const final = drag.live;
+                drag.live = null;
+                if (final && !sameRect(final, doc.rect))
+                    ctx.dispatch({ type: 'crop.set', id: opId(), rect: final });
+                scheduleSettle(ctx);
+                ctx.refresh();
+            };
+            window.addEventListener('pointermove', move);
+            window.addEventListener('pointerup', up);
+            window.addEventListener('pointercancel', up);
+        };
+        const circleShape = (ctx.options('crop') ?? CROP_DEFAULT_OPTIONS).shape === 'circle' ||
+            doc.mask === 'circle';
+        const cx = x + w / 2;
+        const cy = y + h / 2;
+        // Ellipse hole as two arcs so the evenodd path can carve it out.
+        const hole = circleShape
+            ? `M${cx - w / 2} ${cy}A${w / 2} ${h / 2} 0 1 0 ${cx + w / 2} ${cy}A${w / 2} ${h / 2} 0 1 0 ${cx - w / 2} ${cy}Z`
+            : `M${x} ${y}H${x + w}V${y + h}H${x}Z`;
+        // Settled: the preview is clipped to the crop and the gizmo goes, so what is
+        // left on the stage is the picture that comes out, with the stage's own
+        // backdrop around it rather than a painted stand-in. The scrim is only the
+        // dim for adjusting and fades out with the rest.
+        //
+        // The transitions are inline, and the reduced-motion rule in the shared
+        // base still overrides them, which leaves the same state change unanimated.
+        const shown = settle.at !== null;
+        const ease = 'var(--sealpixel-duration-slow, 320ms) var(--sealpixel-ease-out, ease-out)';
+        const gizmo = `transition:opacity ${ease};opacity:${shown ? 0 : 1}`;
+        return svg `
+      <path
+        data-crop-scrim
+        d=${`M0 0H${W}V${H}H0Z ${hole}`}
+        fill="var(--sealpixel-color-bg, #000)"
+        fill-opacity=${shown ? 0 : 0.5}
+        fill-rule="evenodd"
+        style=${`transition:fill-opacity ${ease}`}
+        pointer-events="none"
+      />
+      ${circleShape ? svg `<ellipse data-crop-shape="circle" cx=${cx} cy=${cy} rx=${w / 2} ry=${h / 2} fill="none" stroke="white" stroke-width=${sw} style=${gizmo} pointer-events="none" />` : nothing}
+      <rect data-interactive data-handle="move" x=${x} y=${y} width=${w} height=${h} fill="transparent" stroke="white" stroke-width=${sw} style=${`cursor:move;transition:stroke-opacity ${ease};stroke-opacity:${shown ? 0 : 1}`} @pointerdown=${start('move')} />
+      <path d=${`M${x + w / 3} ${y}V${y + h}M${x + (2 * w) / 3} ${y}V${y + h}M${x} ${y + h / 3}H${x + w}M${x} ${y + (2 * h) / 3}H${x + w}`} stroke="rgba(255,255,255,0.35)" stroke-width=${sw / 1.5} fill="none" style=${gizmo} pointer-events="none" />
+      ${handles.map((hd) => svg `<circle data-interactive data-handle=${hd.id} cx=${hd.cx} cy=${hd.cy} r=${hr} fill="white" stroke="var(--sealpixel-color-accent)" stroke-width=${sw} style=${`cursor:${cursorFor(hd.id)};transition:opacity ${ease};opacity:${shown ? 0 : 1}`} @pointerdown=${start(hd.id)} />`)}
+    `;
+    },
+};
+function cursorFor(h) {
+    return {
+        nw: 'nwse-resize',
+        se: 'nwse-resize',
+        ne: 'nesw-resize',
+        sw: 'nesw-resize',
+        n: 'ns-resize',
+        s: 'ns-resize',
+        e: 'ew-resize',
+        w: 'ew-resize',
+        move: 'move',
+    }[h];
+}
+function sameRect(a, b) {
+    return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
+const MIN = 0.02;
+/**
+ * Applies a normalised drag delta to `start`. `aspect` is width/height in
+ * output pixels; `stageAspect` converts it into normalised units.
+ */
+export function applyDrag(start, handle, dx, dy, aspect, stageAspect) {
+    if (handle === 'move') {
+        return {
+            ...start,
+            x: clamp(start.x + dx, 0, 1 - start.width),
+            y: clamp(start.y + dy, 0, 1 - start.height),
+        };
+    }
+    let x0 = start.x;
+    let y0 = start.y;
+    let x1 = start.x + start.width;
+    let y1 = start.y + start.height;
+    if (handle.includes('w'))
+        x0 = clamp(x0 + dx, 0, x1 - MIN);
+    if (handle.includes('e'))
+        x1 = clamp(x1 + dx, x0 + MIN, 1);
+    if (handle.includes('n'))
+        y0 = clamp(y0 + dy, 0, y1 - MIN);
+    if (handle.includes('s'))
+        y1 = clamp(y1 + dy, y0 + MIN, 1);
+    let rect = { x: x0, y: y0, width: x1 - x0, height: y1 - y0 };
+    if (aspect !== null) {
+        // normalised height for a given normalised width under this aspect
+        const ratio = aspect / stageAspect; // width_n / height_n
+        const anchorRight = handle.includes('w');
+        const anchorBottom = handle.includes('n');
+        const horizontal = handle === 'e' || handle === 'w';
+        let w = rect.width;
+        let h = rect.height;
+        if (horizontal || (!['n', 's'].includes(handle) && Math.abs(dx) >= Math.abs(dy)))
+            h = w / ratio;
+        else
+            w = h * ratio;
+        // keep inside bounds
+        if (w > 1) {
+            w = 1;
+            h = w / ratio;
+        }
+        if (h > 1) {
+            h = 1;
+            w = h * ratio;
+        }
+        const nx = anchorRight ? x1 - w : x0;
+        const ny = anchorBottom ? y1 - h : y0;
+        rect = { x: clamp(nx, 0, 1 - w), y: clamp(ny, 0, 1 - h), width: w, height: h };
+    }
+    return rect;
+}
+function fitAspect(rect, aspect, ctx) {
+    const { width: W, height: H } = ctx.stage;
+    const stageAspect = W && H ? W / H : 1;
+    return applyDrag({ ...rect }, 'se', 0, 0, aspect, stageAspect);
+}
+function clamp(v, lo, hi) {
+    return v < lo ? lo : v > hi ? hi : v;
+}
+//# sourceMappingURL=crop.js.map

package/dist/tools/crop.js.map

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

package/dist/tools/delete-handle.d.ts

@@ -0,0 +1,18 @@
+import type { Rect } from '@sealpixel/core';
+import { type SVGTemplateResult } from 'lit';
+/**
+ * A trash button floating above a selected element, rendered inside a tool
+ * overlay in image pixel coordinates. It is sized through `zoom`, so it stays
+ * 32 px on screen at every zoom level, and moves below the element when the
+ * image edge leaves no room above. Enter and Space trigger it from the keyboard.
+ */
+export declare function deleteHandle(box: Rect, stage: {
+    width: number;
+    height: number;
+    zoom: number;
+}, label: string, onDelete: () => void): SVGTemplateResult;
+/** Axis-aligned box around normalized points. */
+export declare function pointsBox(points: readonly (readonly [number, number])[]): Rect;
+/** Normalized rect to image pixels. */
+export declare function toPx(r: Rect, W: number, H: number): Rect;
+//# sourceMappingURL=delete-handle.d.ts.map

package/dist/tools/delete-handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-handle.d.ts","sourceRoot":"","sources":["../../src/tools/delete-handle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,KAAK,iBAAiB,EAAO,MAAM,KAAK,CAAC;AAGlD;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,IAAI,EACT,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EACtD,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,IAAI,GACnB,iBAAiB,CAwBnB;AAED,iDAAiD;AACjD,wBAAgB,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,GAAG,IAAI,CAY9E;AAED,uCAAuC;AACvC,wBAAgB,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAExD"}

package/dist/tools/delete-handle.js

@@ -0,0 +1,61 @@
+import { svg } from 'lit';
+import { TRASH_PATH } from '../icons.js';
+/**
+ * A trash button floating above a selected element, rendered inside a tool
+ * overlay in image pixel coordinates. It is sized through `zoom`, so it stays
+ * 32 px on screen at every zoom level, and moves below the element when the
+ * image edge leaves no room above. Enter and Space trigger it from the keyboard.
+ */
+export function deleteHandle(box, stage, label, onDelete) {
+    const { zoom, width: W, height: H } = stage;
+    const r = 16 / zoom;
+    const gap = 10 / zoom;
+    const cx = clamp(box.x + box.width / 2, r, W - r);
+    let cy = box.y - gap - r;
+    if (cy - r < 0)
+        cy = Math.min(box.y + box.height + gap + r, H - r);
+    const stop = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+    };
+    const act = (e) => {
+        e.stopPropagation();
+        onDelete();
+    };
+    return svg `<g data-interactive data-action="delete" role="button" tabindex="0" aria-label=${label}
+      transform=${`translate(${cx} ${cy})`} style="cursor:pointer"
+      @pointerdown=${stop} @click=${act}
+      @keydown=${(e) => {
+        if (e.key === 'Enter' || e.key === ' ')
+            act(e);
+    }}>
+    <circle r=${r} fill="var(--sealpixel-color-surface)" stroke="var(--sealpixel-color-border)" stroke-width=${1 / zoom} />
+    <g transform=${`scale(${1 / zoom}) translate(-9 -9) scale(0.75)`} fill="none" stroke="var(--sealpixel-color-danger)" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d=${TRASH_PATH} /></g>
+  </g>`;
+}
+/** Axis-aligned box around normalized points. */
+export function pointsBox(points) {
+    let x0 = 1;
+    let y0 = 1;
+    let x1 = 0;
+    let y1 = 0;
+    for (const [x, y] of points) {
+        if (x < x0)
+            x0 = x;
+        if (y < y0)
+            y0 = y;
+        if (x > x1)
+            x1 = x;
+        if (y > y1)
+            y1 = y;
+    }
+    return { x: x0, y: y0, width: Math.max(0, x1 - x0), height: Math.max(0, y1 - y0) };
+}
+/** Normalized rect to image pixels. */
+export function toPx(r, W, H) {
+    return { x: r.x * W, y: r.y * H, width: r.width * W, height: r.height * H };
+}
+function clamp(v, lo, hi) {
+    return v < lo ? lo : v > hi ? hi : v;
+}
+//# sourceMappingURL=delete-handle.js.map

package/dist/tools/delete-handle.js.map

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

package/dist/tools/filter.d.ts

@@ -0,0 +1,3 @@
+import type { UiTool } from '../tool.js';
+export declare const filterTool: UiTool;
+//# sourceMappingURL=filter.d.ts.map

package/dist/tools/filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../src/tools/filter.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,YAAY,CAAC;AA6GxD,eAAO,MAAM,UAAU,EAAE,MAmFxB,CAAC"}

package/dist/tools/filter.js

@@ -0,0 +1,174 @@
+import { canonicalJson } from '@sealpixel/core';
+import { FILTER_DEFAULT_OPTIONS, presetLabelKey, presetMatrix, presetName, } from '@sealpixel/plugins';
+import { html, nothing } from 'lit';
+import { icons } from '../icons.js';
+import { opId } from './finetune.js';
+/** Leaves the image as it is, so the "none" tile shows the real source. */
+const IDENTITY = [
+    [1, 0, 0, 0, 0],
+    [0, 1, 0, 0, 0],
+    [0, 0, 1, 0, 0],
+    [0, 0, 0, 1, 0],
+];
+const sameMatrix = (a, b) => a !== null &&
+    a.every((row, i) => row.every((v, j) => Math.abs(v - b[i][j]) < 1e-9));
+/**
+ * The image every thumbnail is drawn from: the current log with the filter
+ * taken out. Rendering the tiles from the stage preview instead would push
+ * each preset through whichever preset is already chosen, so picking Sepia
+ * turned every other tile sepia too and "None" stopped meaning none.
+ *
+ * Keyed by the rest of the log, so a crop or a finetune invalidates it while
+ * changing the filter does not.
+ */
+const withoutFilter = (log) => ({
+    ...log,
+    ops: log.ops.filter((op) => !op.type.startsWith('filter.')),
+});
+const baseKey = (log) => canonicalJson(withoutFilter(log).ops);
+let base = null;
+let basePending = null;
+/**
+ * Returns the unfiltered image for this log, rendering it once per key. While
+ * a render is in flight the caller gets nothing and the tiles stay flat; the
+ * refresh lands a moment later.
+ */
+function baseImage(ctx) {
+    const { log } = ctx.state.history;
+    const key = baseKey(log);
+    if (base?.key === key)
+        return base.image;
+    // No filter in the log means the stage already shows the unfiltered image.
+    if (log.ops.every((op) => !op.type.startsWith('filter.'))) {
+        const image = ctx.state.preview?.image ?? null;
+        if (image)
+            base = { key, image };
+        return image;
+    }
+    if (basePending === key)
+        return null;
+    basePending = key;
+    ctx.session
+        .renderDetached(withoutFilter)
+        .then((image) => {
+        base = { key, image };
+        ctx.refresh();
+    })
+        .catch(() => { })
+        .finally(() => {
+        if (basePending === key)
+            basePending = null;
+    });
+    return null;
+}
+/** Thumbnails: the base image downsampled and pushed through a matrix. */
+const thumbCache = new Map();
+function thumbnail(image, version, name, matrix) {
+    const key = `${version}:${name}`;
+    const hit = thumbCache.get(key);
+    if (hit)
+        return hit;
+    if (thumbCache.size > 64)
+        thumbCache.clear();
+    // Rendered wider than the tile so an 84 px thumbnail is not an upscale.
+    const w = 96;
+    const h = Math.max(1, Math.round((image.height / image.width) * w));
+    const canvas = document.createElement('canvas');
+    canvas.width = w;
+    canvas.height = h;
+    const ctx = canvas.getContext('2d');
+    if (!ctx)
+        return '';
+    const out = ctx.createImageData(w, h);
+    for (let y = 0; y < h; y++) {
+        const sy = Math.floor((y / h) * image.height);
+        for (let x = 0; x < w; x++) {
+            const sx = Math.floor((x / w) * image.width);
+            const si = (sy * image.width + sx) * 4;
+            const r = image.data[si] / 255;
+            const g = image.data[si + 1] / 255;
+            const b = image.data[si + 2] / 255;
+            const a = image.data[si + 3] / 255;
+            const di = (y * w + x) * 4;
+            for (let c = 0; c < 4; c++) {
+                const m = matrix[c];
+                const v = m[0] * r + m[1] * g + m[2] * b + m[3] * a + m[4];
+                out.data[di + c] = Math.max(0, Math.min(255, Math.round(v * 255)));
+            }
+        }
+    }
+    ctx.putImageData(out, 0, 0);
+    const url = canvas.toDataURL('image/png');
+    thumbCache.set(key, url);
+    return url;
+}
+export const filterTool = {
+    id: 'filter',
+    icon: icons.filter,
+    label: 'tool.filter',
+    panel: (ctx) => {
+        const doc = ctx.document.filter;
+        const options = ctx.options('filter') ?? FILTER_DEFAULT_OPTIONS;
+        const strength = doc.preset === null ? options.defaultStrength : doc.strength;
+        const select = (preset) => {
+            if (preset === null) {
+                ctx.dispatch({ type: 'filter.set', id: opId(), preset: null });
+                return;
+            }
+            const option = options.presets.find((p) => presetName(p) === preset);
+            if (!option)
+                return;
+            ctx.dispatch(typeof option === 'string'
+                ? { type: 'filter.set', id: opId(), preset, strength }
+                : { type: 'filter.set', id: opId(), preset: 'custom', matrix: option.matrix, strength });
+        };
+        const pressed = (p) => typeof p === 'string'
+            ? doc.preset === p
+            : doc.preset === 'custom' && sameMatrix(doc.matrix, p.matrix);
+        const label = (p) => {
+            const { key, literal } = presetLabelKey(p);
+            return literal ?? ctx.t(key);
+        };
+        const source = options.thumbnails ? baseImage(ctx) : null;
+        const sourceKey = source ? baseKey(ctx.state.history.log) : '';
+        // The untouched image sits in its own group. It is not one preset among
+        // the others; it is what every preset is being compared against, and a gap
+        // says that faster than a label can.
+        const tile = (name, text, isPressed, matrix, onClick) => html `<sealpixel-button
+      variant="ghost"
+      data-preset=${name}
+      ?pressed=${isPressed}
+      .label=${text}
+      @click=${onClick}
+      >${source && matrix
+            ? html `<img class="thumb" alt="" src=${thumbnail(source, sourceKey, name, matrix)} /><span>${text}</span>`
+            : text}</sealpixel-button
+    >`;
+        return html `
+      <div class=${source ? 'strip tiles choice' : 'strip choice'} role="group" aria-label=${ctx.t('tool.filter')}>
+        ${tile('none', ctx.t('filter.none'), doc.preset === null, IDENTITY, () => select(null))}
+        <span class="divider" aria-hidden="true"></span>
+        ${options.presets.map((p) => tile(presetName(p), label(p), pressed(p), presetMatrix(p), () => select(presetName(p))))}
+      </div>
+      ${options.strength
+            ? html `<sealpixel-slider
+              data-param="strength"
+              .label=${ctx.t('filter.strength')}
+              .value=${doc.strength}
+              .min=${options.strengthRange.min}
+              .max=${options.strengthRange.max}
+              .step=${options.strengthRange.step}
+              ?disabled=${doc.preset === null}
+              @commit=${(e) => ctx.dispatch({
+                type: 'filter.set',
+                id: opId(),
+                preset: doc.preset,
+                ...(doc.preset === 'custom' && doc.matrix ? { matrix: doc.matrix } : {}),
+                strength: e.detail,
+            })}
+            ></sealpixel-slider>`
+            : nothing}
+    `;
+    },
+};
+//# sourceMappingURL=filter.js.map