@magmonium/one 0.4.30 → 0.4.32

package/assets/menu/user_header.json

@@ -1,27 +0,0 @@
-{
-  "options": [
-    [
-      {
-        "id": "edit_profile",
-        "label": "edit-profile",
-        "icon": "user"
-      },
-      {
-        "id": "settings",
-        "label": "settings",
-        "icon": "gear"
-      }
-    ],
-    [
-      {
-        "id": "logout",
-        "label": "logout",
-        "icon": "lock"
-      }
-    ]
-  ],
-  "icon": {
-    "name": "ellipsis-vertical"
-  },
-  "width": "220px"
-}

package/fesm2022/magmonium-one-image-editor-QPOy7XQt.mjs

@@ -1,290 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, inject, viewChild, signal, computed, effect, DestroyRef, ChangeDetectionStrategy, Component } from '@angular/core';
-import { M as MODAL_REF, a as MIN_ZOOM, I as InputType, b as MAX_ZOOM, p as parseRatio, o as outputSize, c as cropRect, i as initialFraming, e as encodeFramed, d as drawFramed, r as renameForType, f as clampFraming, B as ButtonComponent, H as HeaderComponent, R as RangeInputComponent } from './magmonium-one-magmonium-one-BTi-rHpF.mjs';
-
-const WHEEL_ZOOM_RATE = 0.0015;
-const distance = (a, b) => Math.hypot(a.x - b.x, a.y - b.y);
-class ImageEditorComponent {
-    file = input.required(...(ngDevMode ? [{ debugName: "file" }] : /* istanbul ignore next */ []));
-    ratio = input.required(...(ngDevMode ? [{ debugName: "ratio" }] : /* istanbul ignore next */ []));
-    width = input.required(...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
-    #modalRef = inject(MODAL_REF);
-    stage = viewChild('stage', ...(ngDevMode ? [{ debugName: "stage" }] : /* istanbul ignore next */ []));
-    source = signal(undefined, ...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
-    sourceUrl = signal(undefined, ...(ngDevMode ? [{ debugName: "sourceUrl" }] : /* istanbul ignore next */ []));
-    isApplying = signal(false, ...(ngDevMode ? [{ debugName: "isApplying" }] : /* istanbul ignore next */ []));
-    framing = signal({ cx: 0, cy: 0, zoom: MIN_ZOOM }, ...(ngDevMode ? [{ debugName: "framing" }] : /* istanbul ignore next */ []));
-    stageWidth = signal(0, ...(ngDevMode ? [{ debugName: "stageWidth" }] : /* istanbul ignore next */ []));
-    pointers = new Map();
-    isPanning = signal(false, ...(ngDevMode ? [{ debugName: "isPanning" }] : /* istanbul ignore next */ []));
-    #settled = false;
-    zoomConfig = computed(() => ({
-        name: 'zoom',
-        label: 'zoom',
-        type: InputType.RANGE,
-        min: MIN_ZOOM * 100,
-        max: MAX_ZOOM * 100,
-    }), ...(ngDevMode ? [{ debugName: "zoomConfig" }] : /* istanbul ignore next */ []));
-    aspect = computed(() => parseRatio(this.ratio()) ?? 1, ...(ngDevMode ? [{ debugName: "aspect" }] : /* istanbul ignore next */ []));
-    output = computed(() => outputSize(this.ratio(), this.width()), ...(ngDevMode ? [{ debugName: "output" }] : /* istanbul ignore next */ []));
-    sizeParams = computed(() => {
-        const size = this.output();
-        return {
-            width: String(size?.width ?? ''),
-            height: String(size?.height ?? ''),
-        };
-    }, ...(ngDevMode ? [{ debugName: "sizeParams" }] : /* istanbul ignore next */ []));
-    imageSize = computed(() => {
-        const bitmap = this.source();
-        return bitmap ? { width: bitmap.width, height: bitmap.height } : undefined;
-    }, ...(ngDevMode ? [{ debugName: "imageSize" }] : /* istanbul ignore next */ []));
-    zoomPercent = computed(() => String(Math.round(this.framing().zoom * 100)), ...(ngDevMode ? [{ debugName: "zoomPercent" }] : /* istanbul ignore next */ []));
-    /** The whole picture laid out so the box shows exactly the crop. */
-    imageBox = computed(() => {
-        const image = this.imageSize();
-        const stage = this.stageWidth();
-        if (!image || !stage)
-            return { width: 0, height: 0, transform: 'none' };
-        const rect = cropRect(image, this.aspect(), this.framing());
-        const scale = stage / rect.width;
-        return {
-            width: image.width * scale,
-            height: image.height * scale,
-            transform: `translate(${-rect.x * scale}px, ${-rect.y * scale}px)`,
-        };
-    }, ...(ngDevMode ? [{ debugName: "imageBox" }] : /* istanbul ignore next */ []));
-    load = effect((onCleanup) => {
-        const file = this.file();
-        let cancelled = false;
-        const url = URL.createObjectURL(file);
-        this.sourceUrl.set(url);
-        // EXIF orientation applied here, so the geometry below and the <img> the
-        // stage draws agree on which way is up.
-        createImageBitmap(file, { imageOrientation: 'from-image' })
-            .then((bitmap) => {
-            if (cancelled) {
-                bitmap.close();
-                return;
-            }
-            this.framing.set(initialFraming({ width: bitmap.width, height: bitmap.height }));
-            this.source.set(bitmap);
-        })
-            .catch(() => {
-            if (!cancelled)
-                this.settle({ unreadable: true });
-        });
-        onCleanup(() => {
-            cancelled = true;
-            URL.revokeObjectURL(url);
-            this.source()?.close();
-        });
-    }, ...(ngDevMode ? [{ debugName: "load" }] : /* istanbul ignore next */ []));
-    measure = effect((onCleanup) => {
-        const stage = this.stage()?.nativeElement;
-        if (!stage)
-            return;
-        this.stageWidth.set(stage.clientWidth);
-        if (typeof ResizeObserver === 'undefined')
-            return;
-        const observer = new ResizeObserver(([entry]) => this.stageWidth.set(entry.contentRect.width));
-        observer.observe(stage);
-        onCleanup(() => observer.disconnect());
-    }, ...(ngDevMode ? [{ debugName: "measure" }] : /* istanbul ignore next */ []));
-    // The Modal's own close affordance destroys the body without a word, and a
-    // dismissal is a cancel: whoever opened the editor is still waiting.
-    reportDismissal = inject(DestroyRef).onDestroy(() => this.settle(undefined));
-    onPointerDown = (event) => {
-        if (!this.source())
-            return;
-        event.currentTarget.setPointerCapture?.(event.pointerId);
-        this.pointers.set(event.pointerId, { x: event.clientX, y: event.clientY });
-        this.isPanning.set(true);
-    };
-    onPointerMove = (event) => {
-        const previous = this.pointers.get(event.pointerId);
-        if (!previous)
-            return;
-        const next = { x: event.clientX, y: event.clientY };
-        const others = [...this.pointers.entries()].filter(([id]) => id !== event.pointerId);
-        if (others.length === 1) {
-            // Pinch: the gap between two fingers is the zoom.
-            const anchor = others[0][1];
-            const before = distance(previous, anchor);
-            if (before > 0)
-                this.zoomBy(distance(next, anchor) / before);
-        }
-        else if (others.length === 0) {
-            this.panBy(next.x - previous.x, next.y - previous.y);
-        }
-        this.pointers.set(event.pointerId, next);
-    };
-    onPointerUp = (event) => {
-        this.pointers.delete(event.pointerId);
-        this.isPanning.set(this.pointers.size > 0);
-    };
-    onWheel = (event) => {
-        if (!this.source())
-            return;
-        event.preventDefault();
-        this.zoomBy(Math.exp(-event.deltaY * WHEEL_ZOOM_RATE));
-    };
-    onZoom = (percent) => {
-        const zoom = Number(percent) / 100;
-        if (!Number.isFinite(zoom))
-            return;
-        this.updateFraming((framing) => ({ ...framing, zoom }));
-    };
-    apply = async () => {
-        const bitmap = this.source();
-        const image = this.imageSize();
-        const output = this.output();
-        if (!bitmap || !image || !output || this.isApplying())
-            return;
-        this.isApplying.set(true);
-        try {
-            const rect = cropRect(image, this.aspect(), this.framing());
-            const blob = await encodeFramed(drawFramed(bitmap, rect, output));
-            const original = this.file();
-            this.settle({
-                file: new File([blob], renameForType(original.name, blob.type), {
-                    type: blob.type,
-                    lastModified: Date.now(),
-                }),
-            });
-        }
-        catch {
-            this.settle({ unreadable: true });
-        }
-    };
-    /** Screen pixels dragged, moved into source pixels at the current scale. */
-    panBy = (dx, dy) => {
-        const image = this.imageSize();
-        const stage = this.stageWidth();
-        if (!image || !stage)
-            return;
-        const rect = cropRect(image, this.aspect(), this.framing());
-        const perPixel = rect.width / stage;
-        this.updateFraming((framing) => ({
-            ...framing,
-            cx: framing.cx - dx * perPixel,
-            cy: framing.cy - dy * perPixel,
-        }));
-    };
-    zoomBy = (factor) => {
-        this.updateFraming((framing) => ({
-            ...framing,
-            zoom: framing.zoom * factor,
-        }));
-    };
-    updateFraming = (change) => {
-        const image = this.imageSize();
-        if (!image)
-            return;
-        this.framing.update((framing) => clampFraming(image, this.aspect(), change(framing)));
-    };
-    settle = (result) => {
-        if (this.#settled)
-            return;
-        this.#settled = true;
-        this.#modalRef.close(result);
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ImageEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ImageEditorComponent, isStandalone: true, selector: "m-image-editor", inputs: { file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: true, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: true, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "stage", first: true, predicate: ["stage"], descendants: true, isSignal: true }], ngImport: i0, template: `
-    <div class="image-editor">
-      <m-header
-        [level]="3"
-        label="edit-image-size"
-        [params]="sizeParams()"
-      />
-      <div
-        #stage
-        class="image-editor__stage"
-        [style.aspect-ratio]="aspect()"
-        [style.--m-image-editor-aspect]="aspect()"
-        [class.image-editor__stage--panning]="isPanning()"
-        (pointerdown)="onPointerDown($event)"
-        (pointermove)="onPointerMove($event)"
-        (pointerup)="onPointerUp($event)"
-        (pointercancel)="onPointerUp($event)"
-        (wheel)="onWheel($event)"
-      >
-        @if (sourceUrl(); as url) {
-          <img
-            class="image-editor__image"
-            [src]="url"
-            alt=""
-            draggable="false"
-            [style.width.px]="imageBox().width"
-            [style.height.px]="imageBox().height"
-            [style.transform]="imageBox().transform"
-          />
-        }
-      </div>
-      <m-range
-        [config]="zoomConfig()"
-        [value]="zoomPercent()"
-        (valueChange)="onZoom($event)"
-      />
-      <!-- asset: buttons/okay.yml. No cancel beside it: the Modal's own close
-           is the cancel, and it drops the image the same way. -->
-      <m-one-button
-        name="okay"
-        label="apply"
-        [disabled]="!source() || isApplying()"
-        (clicked)="apply()"
-      />
-    </div>
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block}.image-editor{display:flex;flex-direction:column;gap:1rem;width:100%;min-width:0;padding:1.5rem}.image-editor__stage{position:relative;width:100%;max-width:calc((90vh - 16rem) * var(--m-image-editor-aspect, 1));margin-inline:auto;overflow:hidden;border:1px solid var(--m-border);background:var(--m-background-lite);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.image-editor__stage--panning{cursor:grabbing}.image-editor__image{position:absolute;top:0;left:0;max-width:none;transform-origin:0 0;pointer-events:none}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: HeaderComponent, selector: "m-header", inputs: ["level", "label", "icon", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { kind: "component", type: RangeInputComponent, selector: "m-range" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ImageEditorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'm-image-editor', template: `
-    <div class="image-editor">
-      <m-header
-        [level]="3"
-        label="edit-image-size"
-        [params]="sizeParams()"
-      />
-      <div
-        #stage
-        class="image-editor__stage"
-        [style.aspect-ratio]="aspect()"
-        [style.--m-image-editor-aspect]="aspect()"
-        [class.image-editor__stage--panning]="isPanning()"
-        (pointerdown)="onPointerDown($event)"
-        (pointermove)="onPointerMove($event)"
-        (pointerup)="onPointerUp($event)"
-        (pointercancel)="onPointerUp($event)"
-        (wheel)="onWheel($event)"
-      >
-        @if (sourceUrl(); as url) {
-          <img
-            class="image-editor__image"
-            [src]="url"
-            alt=""
-            draggable="false"
-            [style.width.px]="imageBox().width"
-            [style.height.px]="imageBox().height"
-            [style.transform]="imageBox().transform"
-          />
-        }
-      </div>
-      <m-range
-        [config]="zoomConfig()"
-        [value]="zoomPercent()"
-        (valueChange)="onZoom($event)"
-      />
-      <!-- asset: buttons/okay.yml. No cancel beside it: the Modal's own close
-           is the cancel, and it drops the image the same way. -->
-      <m-one-button
-        name="okay"
-        label="apply"
-        [disabled]="!source() || isApplying()"
-        (clicked)="apply()"
-      />
-    </div>
-  `, imports: [ButtonComponent, HeaderComponent, RangeInputComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block}.image-editor{display:flex;flex-direction:column;gap:1rem;width:100%;min-width:0;padding:1.5rem}.image-editor__stage{position:relative;width:100%;max-width:calc((90vh - 16rem) * var(--m-image-editor-aspect, 1));margin-inline:auto;overflow:hidden;border:1px solid var(--m-border);background:var(--m-background-lite);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.image-editor__stage--panning{cursor:grabbing}.image-editor__image{position:absolute;top:0;left:0;max-width:none;transform-origin:0 0;pointer-events:none}\n"] }]
-        }], propDecorators: { file: [{ type: i0.Input, args: [{ isSignal: true, alias: "file", required: true }] }], ratio: [{ type: i0.Input, args: [{ isSignal: true, alias: "ratio", required: true }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: true }] }], stage: [{ type: i0.ViewChild, args: ['stage', { isSignal: true }] }] } });
-
-export { ImageEditorComponent };
-//# sourceMappingURL=magmonium-one-image-editor-QPOy7XQt.mjs.map

package/fesm2022/magmonium-one-image-editor-QPOy7XQt.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"magmonium-one-image-editor-QPOy7XQt.mjs","sources":["../../../../libs/one/src/lib/shared/ui/input/ui/file-upload-input/image-editor.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { ButtonComponent } from '../../../button/ui/button';\nimport { HeaderComponent } from '../../../header';\nimport { RangeInputComponent } from '../range/range';\nimport { InputType, RangeInput } from '../../model/input';\nimport { MODAL_REF, ModalRef } from '../../../../config/modal-ref';\nimport {\n  clampFraming,\n  cropRect,\n  drawFramed,\n  encodeFramed,\n  Framing,\n  FrameSize,\n  initialFraming,\n  MAX_ZOOM,\n  MIN_ZOOM,\n  outputSize,\n  parseRatio,\n  renameForType,\n} from './image-frame';\n\n/**\n * What an ImageEditor closes with. The framed file on an apply, `unreadable`\n * when the picture never decoded, and neither for a dismissal — a flat object\n * rather than a union, so the web-component build (no `strict`) reads it too.\n */\nexport type ImageEditorResult = { file?: File; unreadable?: boolean };\n\ntype Point = { x: number; y: number };\n\nconst WHEEL_ZOOM_RATE = 0.0015;\n\nconst distance = (a: Point, b: Point): number =>\n  Math.hypot(a.x - b.x, a.y - b.y);\n\n@Component({\n  selector: 'm-image-editor',\n  template: `\n    <div class=\"image-editor\">\n      <m-header\n        [level]=\"3\"\n        label=\"edit-image-size\"\n        [params]=\"sizeParams()\"\n      />\n      <div\n        #stage\n        class=\"image-editor__stage\"\n        [style.aspect-ratio]=\"aspect()\"\n        [style.--m-image-editor-aspect]=\"aspect()\"\n        [class.image-editor__stage--panning]=\"isPanning()\"\n        (pointerdown)=\"onPointerDown($event)\"\n        (pointermove)=\"onPointerMove($event)\"\n        (pointerup)=\"onPointerUp($event)\"\n        (pointercancel)=\"onPointerUp($event)\"\n        (wheel)=\"onWheel($event)\"\n      >\n        @if (sourceUrl(); as url) {\n          <img\n            class=\"image-editor__image\"\n            [src]=\"url\"\n            alt=\"\"\n            draggable=\"false\"\n            [style.width.px]=\"imageBox().width\"\n            [style.height.px]=\"imageBox().height\"\n            [style.transform]=\"imageBox().transform\"\n          />\n        }\n      </div>\n      <m-range\n        [config]=\"zoomConfig()\"\n        [value]=\"zoomPercent()\"\n        (valueChange)=\"onZoom($event)\"\n      />\n      <!-- asset: buttons/okay.yml. No cancel beside it: the Modal's own close\n           is the cancel, and it drops the image the same way. -->\n      <m-one-button\n        name=\"okay\"\n        label=\"apply\"\n        [disabled]=\"!source() || isApplying()\"\n        (clicked)=\"apply()\"\n      />\n    </div>\n  `,\n  imports: [ButtonComponent, HeaderComponent, RangeInputComponent],\n  styleUrl: './image-editor.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ImageEditorComponent {\n  readonly file = input.required<File>();\n  readonly ratio = input.required<string>();\n  readonly width = input.required<number>();\n\n  readonly #modalRef = inject<ModalRef<ImageEditorResult | undefined>>(MODAL_REF);\n  private readonly stage = viewChild<ElementRef<HTMLDivElement>>('stage');\n\n  protected readonly source = signal<ImageBitmap | undefined>(undefined);\n  protected readonly sourceUrl = signal<string | undefined>(undefined);\n  protected readonly isApplying = signal(false);\n  private readonly framing = signal<Framing>({ cx: 0, cy: 0, zoom: MIN_ZOOM });\n  private readonly stageWidth = signal(0);\n  private readonly pointers = new Map<number, Point>();\n  protected readonly isPanning = signal(false);\n  #settled = false;\n\n  protected readonly zoomConfig = computed<RangeInput>(() => ({\n    name: 'zoom',\n    label: 'zoom',\n    type: InputType.RANGE,\n    min: MIN_ZOOM * 100,\n    max: MAX_ZOOM * 100,\n  }));\n\n  protected readonly aspect = computed(() => parseRatio(this.ratio()) ?? 1);\n\n  private readonly output = computed<FrameSize | undefined>(() =>\n    outputSize(this.ratio(), this.width())\n  );\n\n  protected readonly sizeParams = computed(() => {\n    const size = this.output();\n    return {\n      width: String(size?.width ?? ''),\n      height: String(size?.height ?? ''),\n    };\n  });\n\n  private readonly imageSize = computed<FrameSize | undefined>(() => {\n    const bitmap = this.source();\n    return bitmap ? { width: bitmap.width, height: bitmap.height } : undefined;\n  });\n\n  protected readonly zoomPercent = computed(() =>\n    String(Math.round(this.framing().zoom * 100))\n  );\n\n  /** The whole picture laid out so the box shows exactly the crop. */\n  protected readonly imageBox = computed(() => {\n    const image = this.imageSize();\n    const stage = this.stageWidth();\n    if (!image || !stage) return { width: 0, height: 0, transform: 'none' };\n    const rect = cropRect(image, this.aspect(), this.framing());\n    const scale = stage / rect.width;\n    return {\n      width: image.width * scale,\n      height: image.height * scale,\n      transform: `translate(${-rect.x * scale}px, ${-rect.y * scale}px)`,\n    };\n  });\n\n  private readonly load = effect((onCleanup) => {\n    const file = this.file();\n    let cancelled = false;\n    const url = URL.createObjectURL(file);\n    this.sourceUrl.set(url);\n    // EXIF orientation applied here, so the geometry below and the <img> the\n    // stage draws agree on which way is up.\n    createImageBitmap(file, { imageOrientation: 'from-image' })\n      .then((bitmap) => {\n        if (cancelled) {\n          bitmap.close();\n          return;\n        }\n        this.framing.set(\n          initialFraming({ width: bitmap.width, height: bitmap.height })\n        );\n        this.source.set(bitmap);\n      })\n      .catch(() => {\n        if (!cancelled) this.settle({ unreadable: true });\n      });\n    onCleanup(() => {\n      cancelled = true;\n      URL.revokeObjectURL(url);\n      this.source()?.close();\n    });\n  });\n\n  private readonly measure = effect((onCleanup) => {\n    const stage = this.stage()?.nativeElement;\n    if (!stage) return;\n    this.stageWidth.set(stage.clientWidth);\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(([entry]) =>\n      this.stageWidth.set(entry.contentRect.width)\n    );\n    observer.observe(stage);\n    onCleanup(() => observer.disconnect());\n  });\n\n  // The Modal's own close affordance destroys the body without a word, and a\n  // dismissal is a cancel: whoever opened the editor is still waiting.\n  private readonly reportDismissal = inject(DestroyRef).onDestroy(() =>\n    this.settle(undefined)\n  );\n\n  protected onPointerDown = (event: PointerEvent): void => {\n    if (!this.source()) return;\n    (event.currentTarget as HTMLElement).setPointerCapture?.(event.pointerId);\n    this.pointers.set(event.pointerId, { x: event.clientX, y: event.clientY });\n    this.isPanning.set(true);\n  };\n\n  protected onPointerMove = (event: PointerEvent): void => {\n    const previous = this.pointers.get(event.pointerId);\n    if (!previous) return;\n    const next = { x: event.clientX, y: event.clientY };\n    const others = [...this.pointers.entries()].filter(\n      ([id]) => id !== event.pointerId\n    );\n    if (others.length === 1) {\n      // Pinch: the gap between two fingers is the zoom.\n      const anchor = others[0][1];\n      const before = distance(previous, anchor);\n      if (before > 0) this.zoomBy(distance(next, anchor) / before);\n    } else if (others.length === 0) {\n      this.panBy(next.x - previous.x, next.y - previous.y);\n    }\n    this.pointers.set(event.pointerId, next);\n  };\n\n  protected onPointerUp = (event: PointerEvent): void => {\n    this.pointers.delete(event.pointerId);\n    this.isPanning.set(this.pointers.size > 0);\n  };\n\n  protected onWheel = (event: WheelEvent): void => {\n    if (!this.source()) return;\n    event.preventDefault();\n    this.zoomBy(Math.exp(-event.deltaY * WHEEL_ZOOM_RATE));\n  };\n\n  protected onZoom = (percent: string): void => {\n    const zoom = Number(percent) / 100;\n    if (!Number.isFinite(zoom)) return;\n    this.updateFraming((framing) => ({ ...framing, zoom }));\n  };\n\n  protected apply = async (): Promise<void> => {\n    const bitmap = this.source();\n    const image = this.imageSize();\n    const output = this.output();\n    if (!bitmap || !image || !output || this.isApplying()) return;\n    this.isApplying.set(true);\n    try {\n      const rect = cropRect(image, this.aspect(), this.framing());\n      const blob = await encodeFramed(drawFramed(bitmap, rect, output));\n      const original = this.file();\n      this.settle({\n        file: new File([blob], renameForType(original.name, blob.type), {\n          type: blob.type,\n          lastModified: Date.now(),\n        }),\n      });\n    } catch {\n      this.settle({ unreadable: true });\n    }\n  };\n\n  /** Screen pixels dragged, moved into source pixels at the current scale. */\n  private panBy = (dx: number, dy: number): void => {\n    const image = this.imageSize();\n    const stage = this.stageWidth();\n    if (!image || !stage) return;\n    const rect = cropRect(image, this.aspect(), this.framing());\n    const perPixel = rect.width / stage;\n    this.updateFraming((framing) => ({\n      ...framing,\n      cx: framing.cx - dx * perPixel,\n      cy: framing.cy - dy * perPixel,\n    }));\n  };\n\n  private zoomBy = (factor: number): void => {\n    this.updateFraming((framing) => ({\n      ...framing,\n      zoom: framing.zoom * factor,\n    }));\n  };\n\n  private updateFraming = (change: (framing: Framing) => Framing): void => {\n    const image = this.imageSize();\n    if (!image) return;\n    this.framing.update((framing) =>\n      clampFraming(image, this.aspect(), change(framing))\n    );\n  };\n\n  private settle = (result: ImageEditorResult | undefined): void => {\n    if (this.#settled) return;\n    this.#settled = true;\n    this.#modalRef.close(result);\n  };\n}\n"],"names":[],"mappings":"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"}