@streamscloud/kit 0.62.0 → 0.64.0

package/dist/ui/table/table-view.svelte.d.ts

@@ -8,8 +8,8 @@ type SelectionCallbacks<T> = {
 };
 /** Inline width declarations for a column's `th` / `td`: the preferred width plus, when set, the floor the browser must honour. */
 export declare const columnWidthStyle: <T extends WithId>(column: ResolvedColumn<T>) => string;
-/** Shared presentation wiring for the table views: selection-event subscriptions + the no-items placeholder decision (`number` = delay in ms, boolean = explicit). */
-export declare const createTableView: <T extends WithId>(model: () => TableModel<T>, on: () => SelectionCallbacks<T> | undefined, noItemsPlaceholder?: () => number | boolean | undefined) => {
+/** Shared presentation wiring for the table views: selection-event subscriptions + the no-items placeholder decision (on/off gate + anti-flicker delay). */
+export declare const createTableView: <T extends WithId>(model: () => TableModel<T>, on: () => SelectionCallbacks<T> | undefined, noItemsPlaceholderEnabled?: () => boolean | undefined, noItemsPlaceholderDelay?: () => number | undefined) => {
     readonly showNoItemsPlaceholder: boolean;
 };
 export {};

package/dist/ui/table/table-view.svelte.js

@@ -4,9 +4,8 @@ export const columnWidthStyle = (column) => {
     const width = column.cssWidth ? `width: ${column.cssWidth};` : 'width: auto;';
     return column.minCssWidth ? `${width} min-width: ${column.minCssWidth};` : width;
 };
-const NO_ITEMS_PLACEHOLDER_DELAY_MS = 700;
-/** Shared presentation wiring for the table views: selection-event subscriptions + the no-items placeholder decision (`number` = delay in ms, boolean = explicit). */
-export const createTableView = (model, on, noItemsPlaceholder = () => undefined) => {
+/** Shared presentation wiring for the table views: selection-event subscriptions + the no-items placeholder decision (on/off gate + anti-flicker delay). */
+export const createTableView = (model, on, noItemsPlaceholderEnabled = () => undefined, noItemsPlaceholderDelay = () => undefined) => {
     let showNoItemsPlaceholder = $state(false);
     let timeout = 0;
     $effect(() => untrack(() => {
@@ -19,20 +18,25 @@ export const createTableView = (model, on, noItemsPlaceholder = () => undefined)
         return () => subscriptions.forEach((unsubscribe) => unsubscribe());
     }));
     $effect(() => {
-        const decision = noItemsPlaceholder() ?? NO_ITEMS_PLACEHOLDER_DELAY_MS;
         if (model().items.length) {
             clearTimeout(timeout);
             showNoItemsPlaceholder = false;
             return;
         }
-        if (typeof decision === 'boolean') {
+        if (noItemsPlaceholderEnabled() === false) {
             clearTimeout(timeout);
-            showNoItemsPlaceholder = decision;
+            showNoItemsPlaceholder = false;
+            return;
+        }
+        const delay = noItemsPlaceholderDelay() ?? 0;
+        if (delay <= 0) {
+            clearTimeout(timeout);
+            showNoItemsPlaceholder = true;
             return;
         }
         timeout = window.setTimeout(() => {
             showNoItemsPlaceholder = !model().items.length;
-        }, decision);
+        }, delay);
         return () => clearTimeout(timeout);
     });
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/kit",
-  "version": "0.62.0",
+  "version": "0.64.0",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",
@@ -489,7 +489,6 @@
     "@urql/core": "^6.0.1",
     "cleave-zen": "^0.0.17",
     "colord": "^2.9.3",
-    "cropperjs": "^2.1.1",
     "dequal": "^2.0.3",
     "dompurify": "^3.4.5",
     "fuse.js": "^7.3.0",
@@ -519,7 +518,6 @@
     "autoprefixer": "^10.6.1",
     "cleave-zen": "^0.0.17",
     "colord": "^2.9.3",
-    "cropperjs": "^2.1.1",
     "dequal": "^2.0.3",
     "dompurify": "^3.4.5",
     "eslint": "^10.10.0",

package/dist/ui/cropper/img-cropper/cmp.img-cropper-controls.svelte

@@ -1,68 +0,0 @@
-<script lang="ts">import { ImgCropperLocalization } from './img-cropper-localization';
-const { cropper } = $props();
-const loc = new ImgCropperLocalization();
-</script>
-
-{#if cropper.cropBoxVisible}
-  <div class="img-cropper-controls">
-    <button type="button" class="img-cropper-controls__button img-cropper-controls__button--apply" onclick={() => cropper.crop()}>{loc.apply}</button>
-    <button type="button" class="img-cropper-controls__button img-cropper-controls__button--cancel" onclick={() => cropper.clearSelection()}>
-      {loc.cancel}
-    </button>
-  </div>
-{/if}
-
-<!--
-@component
-Apply/Cancel controls for the image cropper. Renders conditionally when a crop box is active.
-Can be placed anywhere in the layout.
-
-### Props
-| Prop | Type | Default | Description |
-|---|---|---|---|
-| `cropper` | `ImgCropper` | — | Cropper controller instance |
-
-### CSS Custom Properties
-| Property | Description | Default |
-|---|---|---|
-| `--sc-kit--img-cropper-controls--background` | Panel background | `transparent` |
--->
-
-<style>.img-cropper-controls {
-  --_img-cropper-controls--background: var(--sc-kit--img-cropper-controls--background, transparent);
-  width: 15rem;
-  padding: var(--sc-kit--space--1);
-  display: flex;
-  gap: var(--sc-kit--space--3);
-  background: var(--_img-cropper-controls--background);
-}
-.img-cropper-controls__button {
-  font-size: var(--sc-kit--font-size--sm);
-  padding: var(--sc-kit--space--1) var(--sc-kit--space--4);
-  border-radius: var(--sc-kit--radius--sm);
-  max-width: 8rem;
-  height: var(--sc-kit--field--height--md);
-  display: inline-flex;
-  flex: 1;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  transition: background-color var(--sc-kit--duration--base) linear, color var(--sc-kit--duration--base) linear;
-}
-.img-cropper-controls__button--apply {
-  color: var(--sc-kit--color--text--on-accent);
-  background: var(--sc-kit--color--success);
-  border: 0;
-}
-.img-cropper-controls__button--apply:hover {
-  background: var(--sc-kit--color--success--hover);
-}
-.img-cropper-controls__button--cancel {
-  color: var(--sc-kit--color--text--primary);
-  background: var(--sc-kit--color--bg--panel);
-  border: 1px solid var(--sc-kit--color--border);
-  box-shadow: var(--sc-kit--shadow--hairline);
-}
-.img-cropper-controls__button--cancel:hover {
-  background: var(--sc-kit--color--bg--hover);
-}</style>

package/dist/ui/cropper/img-cropper/cmp.img-cropper-controls.svelte.d.ts

@@ -1,21 +0,0 @@
-import type { ImgCropper } from './img-cropper.svelte';
-type Props = {
-    cropper: ImgCropper;
-};
-/**
- * Apply/Cancel controls for the image cropper. Renders conditionally when a crop box is active.
- * Can be placed anywhere in the layout.
- *
- * ### Props
- * | Prop | Type | Default | Description |
- * |---|---|---|---|
- * | `cropper` | `ImgCropper` | — | Cropper controller instance |
- *
- * ### CSS Custom Properties
- * | Property | Description | Default |
- * |---|---|---|
- * | `--sc-kit--img-cropper-controls--background` | Panel background | `transparent` |
- */
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/ui/cropper/img-cropper/cropperjs-elements.d.ts

@@ -1,35 +0,0 @@
-// Type declarations for CropperJS v2 web components.
-// Extends svelteHTML.IntrinsicElements so the Svelte language server
-// recognises <cropper-*> tags and their attributes in templates.
-
-type CamelToKebab<S extends string> = S extends `${infer F}${infer R}`
-  ? R extends Uncapitalize<R>
-    ? `${Lowercase<F>}${CamelToKebab<R>}`
-    : `${Lowercase<F>}-${CamelToKebab<R>}`
-  : S;
-
-type CropperElementProps<T extends HTMLElement> = {
-  [
-    K in keyof T as K extends keyof HTMLElement
-      ? never
-      : K extends `$${string}`
-        ? never
-        : T[K] extends (...args: never[]) => unknown
-          ? never
-          : K extends string
-            ? CamelToKebab<K>
-            : never
-  ]?: (T[K] extends boolean ? boolean : T[K] extends number ? number | string : string) | null;
-} & import('svelte/elements').HTMLAttributes<HTMLElement>;
-
-declare namespace svelteHTML {
-  interface IntrinsicElements {
-    'cropper-canvas': CropperElementProps<import('cropperjs').CropperCanvas>;
-    'cropper-image': CropperElementProps<import('cropperjs').CropperImage>;
-    'cropper-shade': CropperElementProps<import('cropperjs').CropperShade>;
-    'cropper-handle': CropperElementProps<import('cropperjs').CropperHandle>;
-    'cropper-selection': CropperElementProps<import('cropperjs').CropperSelection>;
-    'cropper-grid': CropperElementProps<import('cropperjs').CropperGrid>;
-    'cropper-crosshair': CropperElementProps<import('cropperjs').CropperCrosshair>;
-  }
-}

package/dist/ui/cropper/img-cropper/img-cropper-base-worker.svelte.d.ts

@@ -1,40 +0,0 @@
-import type { CanvasGeometry, DragMode, ImgCropperResult, ImgCropperWorker, ImgCropperWorkerParams } from './img-cropper-worker.svelte';
-import type { CropperCanvas, CropperImage, CropperSelection } from 'cropperjs';
-export declare abstract class ImgCropperBaseWorker implements ImgCropperWorker {
-    cropBoxVisible: boolean;
-    dragMode: DragMode;
-    canvasGeometry: CanvasGeometry;
-    destroy: () => void;
-    protected _image: CropperImage;
-    protected _selection: CropperSelection;
-    protected _canvas: CropperCanvas;
-    protected _selectHandle: HTMLElement | null;
-    protected _originalSrc: string;
-    protected _sourceMime: string | null;
-    protected _visualWidth: number;
-    protected _visualHeight: number;
-    protected abstract readonly _centerMode: 'contain' | 'cover';
-    constructor(params: ImgCropperWorkerParams);
-    ready: () => Promise<void>;
-    rotate: () => Promise<void>;
-    zoomIn: () => void;
-    zoomOut: () => void;
-    reset: () => Promise<void>;
-    crop: (options?: {
-        fillColor?: string;
-    }) => Promise<ImgCropperResult | null>;
-    save: (options?: {
-        fillColor?: string;
-    }) => Promise<ImgCropperResult>;
-    clearSelection: () => void;
-    refit: () => Promise<void>;
-    enableCropMode: () => void;
-    protected _wrapTransformOp: (fn: () => void) => void;
-    protected _applyMoveMode: () => void;
-    protected _resolveOutputFormat: (fillColor: string | undefined) => {
-        mime: string;
-        quality: number;
-    };
-    protected _fitImage: () => Promise<void>;
-    protected abstract _computeCanvasSize(): void;
-}

package/dist/ui/cropper/img-cropper/img-cropper-base-worker.svelte.js

@@ -1,193 +0,0 @@
-import { ColorHelper } from '../../../core/utils';
-import { computeImageScale, computeNaturalOutputSize, handleSelectionBoundary } from './img-cropper-utils';
-import { tick } from 'svelte';
-const OPAQUE_MIME_TYPES = new Set(['image/jpeg', 'image/bmp']);
-export class ImgCropperBaseWorker {
-    cropBoxVisible = $state(false);
-    dragMode = $state('move');
-    canvasGeometry = $state.raw({ aspectRatio: null, width: 0, height: 0 });
-    destroy;
-    _image;
-    _selection;
-    _canvas;
-    _selectHandle;
-    _originalSrc;
-    _sourceMime;
-    _visualWidth = 0;
-    _visualHeight = 0;
-    constructor(params) {
-        this._originalSrc = params.originalSrc;
-        this._sourceMime = params.sourceMime;
-        this._image = params.image;
-        this._selection = params.selection;
-        this._canvas = params.canvas;
-        this._selectHandle = params.selectHandle;
-        this.canvasGeometry = { aspectRatio: params.aspectRatio, width: 0, height: 0 };
-        const onSelectionChange = (e) => {
-            // CropperSelection emits before committing, so a change the boundary handler cancelled never reaches the selection.
-            const { width, height } = e.defaultPrevented ? this._selection : e.detail;
-            this.cropBoxVisible = width > 0 && height > 0;
-        };
-        let handlingBoundary = false;
-        const onBoundaryCheck = (e) => {
-            if (handlingBoundary) {
-                return;
-            }
-            handlingBoundary = true;
-            try {
-                handleSelectionBoundary({ event: e, selection: this._selection, canvas: this._canvas });
-            }
-            finally {
-                handlingBoundary = false;
-            }
-        };
-        // Boundary check first — onSelectionChange reads defaultPrevented, which it must not set itself.
-        this._selection.addEventListener('change', onBoundaryCheck);
-        this._selection.addEventListener('change', onSelectionChange);
-        this.destroy = () => {
-            this._selection.removeEventListener('change', onSelectionChange);
-            this._selection.removeEventListener('change', onBoundaryCheck);
-        };
-        this._applyMoveMode();
-    }
-    ready = async () => {
-        this._image.src = this._originalSrc;
-        await this._fitImage();
-        this._selection.$clear();
-    };
-    rotate = async () => {
-        [this._visualWidth, this._visualHeight] = [this._visualHeight, this._visualWidth];
-        this._computeCanvasSize();
-        await tick();
-        this._wrapTransformOp(() => {
-            this._image.$rotate('90deg');
-            this._image.$center(this._centerMode);
-        });
-    };
-    zoomIn = () => {
-        this._image.$zoom(0.1);
-    };
-    zoomOut = () => {
-        this._image.$zoom(-0.1);
-    };
-    reset = async () => {
-        this._selection.$clear();
-        this._applyMoveMode();
-        this._image.src = this._originalSrc;
-        await this._fitImage();
-    };
-    crop = async (options) => {
-        // An empty selection exports a 0x0 canvas, and assigning its "data:," data URL leaves the cropper with an unloadable source.
-        if (this._selection.width <= 0 || this._selection.height <= 0) {
-            return null;
-        }
-        const fillColor = options?.fillColor;
-        const imageScale = computeImageScale(this._image.$getTransform());
-        const outputSize = computeNaturalOutputSize({ displayWidth: this._selection.width, displayHeight: this._selection.height, imageScale });
-        const canvas = await this._selection.$toCanvas({
-            width: outputSize.width,
-            height: outputSize.height,
-            beforeDraw: (ctx, cvs) => {
-                if (fillColor && !ColorHelper.isTransparent(fillColor)) {
-                    ctx.fillStyle = fillColor;
-                    ctx.fillRect(0, 0, cvs.width, cvs.height);
-                }
-            }
-        });
-        const format = this._resolveOutputFormat(fillColor);
-        const dataUrl = canvas.toDataURL(format.mime, format.quality);
-        this._applyMoveMode();
-        this._image.src = dataUrl;
-        await this._fitImage();
-        this._selection.$clear();
-        return { dataUrl, width: canvas.width, height: canvas.height, mimeType: format.mime };
-    };
-    save = async (options) => {
-        const fillColor = options?.fillColor;
-        const beforeDraw = (ctx, cvs) => {
-            if (fillColor && !ColorHelper.isTransparent(fillColor)) {
-                ctx.fillStyle = fillColor;
-                ctx.fillRect(0, 0, cvs.width, cvs.height);
-            }
-        };
-        // Compute output dimensions before micro-zoom so the result matches
-        // the source pixel density, not the display size.
-        const imageScale = computeImageScale(this._image.$getTransform());
-        // A zero-sized selection exports a 0x0 canvas, whose toDataURL is the unusable "data:," string.
-        const hasCropBox = this._selection.width > 0 && this._selection.height > 0;
-        const displayWidth = hasCropBox ? this._selection.width : this._canvas.offsetWidth;
-        const displayHeight = hasCropBox ? this._selection.height : this._canvas.offsetHeight;
-        const outputSize = computeNaturalOutputSize({ displayWidth, displayHeight, imageScale });
-        const toCanvasOptions = { width: outputSize.width, height: outputSize.height, beforeDraw };
-        // CropperJS $toCanvas exports only the visible portion of the canvas.
-        // Sub-pixel rounding can leave a 1px transparent edge when the image
-        // tightly fits the canvas. A micro-zoom nudges the image slightly past
-        // the boundary so the export captures the full area; the zoom is
-        // reversed immediately after.
-        const needsMicroZoom = !hasCropBox;
-        if (needsMicroZoom) {
-            // Forward zoom increases coverage — safe without suspending cover check
-            this._image.$zoom(0.003);
-        }
-        const canvas = hasCropBox ? await this._selection.$toCanvas(toCanvasOptions) : await this._canvas.$toCanvas(toCanvasOptions);
-        if (needsMicroZoom) {
-            // Reverse zoom shrinks image — must suspend cover check to avoid clamping
-            this._wrapTransformOp(() => this._image.$zoom(-0.003));
-        }
-        const format = this._resolveOutputFormat(fillColor);
-        const dataUrl = canvas.toDataURL(format.mime, format.quality);
-        return { dataUrl, width: canvas.width, height: canvas.height, mimeType: format.mime };
-    };
-    clearSelection = () => {
-        this._selection.$clear();
-        this._applyMoveMode();
-    };
-    refit = async () => {
-        this._selection.$clear();
-        this._applyMoveMode();
-        this._computeCanvasSize();
-        await tick();
-        this._wrapTransformOp(() => {
-            this._image.$resetTransform();
-            this._image.$center(this._centerMode);
-        });
-    };
-    enableCropMode = () => {
-        this._image.translatable = false;
-        if (this._selectHandle) {
-            this._selectHandle.setAttribute('action', 'select');
-        }
-        this.dragMode = 'crop';
-    };
-    _wrapTransformOp = (fn) => {
-        fn();
-    };
-    _applyMoveMode = () => {
-        this._image.translatable = true;
-        if (this._selectHandle) {
-            this._selectHandle.setAttribute('action', 'move');
-        }
-        this.dragMode = 'move';
-        this.cropBoxVisible = false;
-    };
-    _resolveOutputFormat = (fillColor) => {
-        if (this._sourceMime && OPAQUE_MIME_TYPES.has(this._sourceMime)) {
-            return { mime: 'image/jpeg', quality: 0.92 };
-        }
-        if (fillColor && !ColorHelper.isTransparent(fillColor)) {
-            return { mime: 'image/jpeg', quality: 0.92 };
-        }
-        return { mime: 'image/png', quality: 1 };
-    };
-    _fitImage = async () => {
-        const img = await this._image.$ready();
-        this._visualWidth = img.naturalWidth;
-        this._visualHeight = img.naturalHeight;
-        this._computeCanvasSize();
-        await tick();
-        this._wrapTransformOp(() => {
-            this._image.$resetTransform();
-            this._image.$center(this._centerMode);
-        });
-    };
-}

package/dist/ui/cropper/img-cropper/img-cropper-contain-worker.svelte.d.ts

@@ -1,7 +0,0 @@
-import { ImgCropperBaseWorker } from './img-cropper-base-worker.svelte';
-import type { ImgCropperWorkerParams } from './img-cropper-worker.svelte';
-export declare class ImgCropperContainWorker extends ImgCropperBaseWorker {
-    protected readonly _centerMode: "contain";
-    constructor(params: ImgCropperWorkerParams);
-    protected _computeCanvasSize: () => void;
-}

package/dist/ui/cropper/img-cropper/img-cropper-contain-worker.svelte.js

@@ -1,51 +0,0 @@
-import { ImgCropperBaseWorker } from './img-cropper-base-worker.svelte';
-import { fitInContainer, resolveCanvasGeometry } from './img-cropper-utils';
-export class ImgCropperContainWorker extends ImgCropperBaseWorker {
-    _centerMode = 'contain';
-    constructor(params) {
-        super(params);
-    }
-    _computeCanvasSize = () => {
-        const container = this._canvas.parentElement;
-        if (!container) {
-            return;
-        }
-        const containerWidth = container.clientWidth;
-        const containerHeight = container.clientHeight;
-        const visualWidth = this._visualWidth;
-        const visualHeight = this._visualHeight;
-        const aspectRatio = this.canvasGeometry.aspectRatio;
-        if (containerWidth <= 0 || containerHeight <= 0 || visualWidth <= 0 || visualHeight <= 0) {
-            this.canvasGeometry = { aspectRatio, width: 0, height: 0 };
-            return;
-        }
-        if (aspectRatio !== null) {
-            // Fixed ratio: fit in container, cap at natural image bounds
-            const fitted = fitInContainer({ ratio: aspectRatio, containerWidth, containerHeight });
-            const maxWidth = Math.max(visualWidth, visualHeight * aspectRatio);
-            const width = Math.min(fitted.width, maxWidth);
-            this.canvasGeometry = resolveCanvasGeometry({ aspectRatio, width, height: width / aspectRatio, maxWidth: fitted.width, maxHeight: containerHeight });
-        }
-        else if (visualWidth <= containerWidth && visualHeight <= containerHeight) {
-            const fitted = fitInContainer({ ratio: visualWidth / visualHeight, containerWidth, containerHeight });
-            this.canvasGeometry = resolveCanvasGeometry({
-                aspectRatio,
-                width: visualWidth,
-                height: visualHeight,
-                maxWidth: fitted.width,
-                maxHeight: containerHeight
-            });
-        }
-        else {
-            // Free ratio, image too large — scale down to fit
-            const fitted = fitInContainer({ ratio: visualWidth / visualHeight, containerWidth, containerHeight });
-            this.canvasGeometry = resolveCanvasGeometry({
-                aspectRatio,
-                width: fitted.width,
-                height: fitted.height,
-                maxWidth: fitted.width,
-                maxHeight: containerHeight
-            });
-        }
-    };
-}

package/dist/ui/cropper/img-cropper/img-cropper-cover-worker.svelte.d.ts

@@ -1,7 +0,0 @@
-import { ImgCropperBaseWorker } from './img-cropper-base-worker.svelte';
-import type { ImgCropperWorkerParams } from './img-cropper-worker.svelte';
-export declare class ImgCropperCoverWorker extends ImgCropperBaseWorker {
-    protected readonly _centerMode: "cover";
-    constructor(params: ImgCropperWorkerParams);
-    protected _computeCanvasSize: () => void;
-}

package/dist/ui/cropper/img-cropper/img-cropper-cover-worker.svelte.js

@@ -1,89 +0,0 @@
-import { ImgCropperBaseWorker } from './img-cropper-base-worker.svelte';
-import { fitInContainer, handleCoverCheck, resolveCanvasGeometry } from './img-cropper-utils';
-export class ImgCropperCoverWorker extends ImgCropperBaseWorker {
-    _centerMode = 'cover';
-    constructor(params) {
-        super(params);
-        // Dedup: handleCoverCheck calls $setTransform(clamped) which synchronously
-        // fires another transform event with a matrix that differs by ~0.0001px
-        // due to floating point. Without this guard CropperJS re-fires the same
-        // clamped transform endlessly, causing a stack overflow.
-        let prevMatrix = null;
-        const onCoverCheck = (e) => {
-            const { matrix } = e.detail;
-            if (prevMatrix && matrix.every((v, i) => Math.abs(v - prevMatrix[i]) < 0.01)) {
-                return;
-            }
-            prevMatrix = matrix;
-            handleCoverCheck({ event: e, image: this._image, canvas: this._canvas });
-            prevMatrix = null;
-        };
-        this._image.addEventListener('transform', onCoverCheck);
-        this._wrapTransformOp = (fn) => {
-            this._image.removeEventListener('transform', onCoverCheck);
-            try {
-                fn();
-            }
-            finally {
-                this._image.addEventListener('transform', onCoverCheck);
-            }
-        };
-        const baseDestroy = this.destroy;
-        this.destroy = () => {
-            baseDestroy();
-            this._image.removeEventListener('transform', onCoverCheck);
-        };
-    }
-    _computeCanvasSize = () => {
-        const container = this._canvas.parentElement;
-        if (!container) {
-            return;
-        }
-        const containerWidth = container.clientWidth;
-        const containerHeight = container.clientHeight;
-        const visualWidth = this._visualWidth;
-        const visualHeight = this._visualHeight;
-        const aspectRatio = this.canvasGeometry.aspectRatio;
-        if (containerWidth <= 0 || containerHeight <= 0) {
-            this.canvasGeometry = { aspectRatio, width: 0, height: 0 };
-            return;
-        }
-        if (aspectRatio !== null) {
-            const fitted = fitInContainer({ ratio: aspectRatio, containerWidth, containerHeight });
-            // Cap so the image can cover the canvas without upscaling
-            const maxWidth = visualWidth > 0 && visualHeight > 0 ? Math.min(visualWidth, visualHeight * aspectRatio) : fitted.width;
-            const width = Math.min(fitted.width, maxWidth);
-            this.canvasGeometry = resolveCanvasGeometry({ aspectRatio, width, height: width / aspectRatio, maxWidth: fitted.width, maxHeight: containerHeight });
-        }
-        else if (visualWidth <= 0 || visualHeight <= 0) {
-            this.canvasGeometry = resolveCanvasGeometry({
-                aspectRatio,
-                width: containerWidth,
-                height: containerHeight,
-                maxWidth: containerWidth,
-                maxHeight: containerHeight
-            });
-        }
-        else if (visualWidth <= containerWidth && visualHeight <= containerHeight) {
-            const fitted = fitInContainer({ ratio: visualWidth / visualHeight, containerWidth, containerHeight });
-            this.canvasGeometry = resolveCanvasGeometry({
-                aspectRatio,
-                width: visualWidth,
-                height: visualHeight,
-                maxWidth: fitted.width,
-                maxHeight: containerHeight
-            });
-        }
-        else {
-            // Fit at image AR; per-axis capping collapses an oversized image to the container AR.
-            const fitted = fitInContainer({ ratio: visualWidth / visualHeight, containerWidth, containerHeight });
-            this.canvasGeometry = resolveCanvasGeometry({
-                aspectRatio,
-                width: fitted.width,
-                height: fitted.height,
-                maxWidth: fitted.width,
-                maxHeight: containerHeight
-            });
-        }
-    };
-}

package/dist/ui/cropper/img-cropper/img-cropper-worker.svelte.d.ts

@@ -1,42 +0,0 @@
-import type { CropperCanvas, CropperImage, CropperSelection } from 'cropperjs';
-export type DragMode = 'move' | 'crop';
-export type CanvasGeometry = {
-    aspectRatio: number | null;
-    width: number;
-    height: number;
-};
-export type ImgCropperWorkerParams = {
-    originalSrc: string;
-    sourceMime: string | null;
-    image: CropperImage;
-    selection: CropperSelection;
-    canvas: CropperCanvas;
-    selectHandle: HTMLElement | null;
-    aspectRatio: number | null;
-};
-export type ImgCropperResult = {
-    dataUrl: string;
-    width: number;
-    height: number;
-    mimeType: string;
-};
-export interface ImgCropperWorker {
-    cropBoxVisible: boolean;
-    dragMode: DragMode;
-    canvasGeometry: CanvasGeometry;
-    destroy: () => void;
-    ready: () => Promise<void>;
-    rotate: () => void | Promise<void>;
-    zoomIn: () => void;
-    zoomOut: () => void;
-    reset: () => Promise<void>;
-    crop: (options?: {
-        fillColor?: string;
-    }) => Promise<ImgCropperResult | null>;
-    save: (options?: {
-        fillColor?: string;
-    }) => Promise<ImgCropperResult>;
-    clearSelection: () => void;
-    enableCropMode: () => void;
-    refit: () => void | Promise<void>;
-}

package/dist/ui/cropper/img-cropper/img-cropper-worker.svelte.js

@@ -1 +0,0 @@
-export {};