@bensitu/image-editor 1.5.1 → 2.0.0

package/dist/esm/mask/mask-list.js

@@ -0,0 +1,47 @@
+import { isMaskObject } from '../core/public-types.js';
+export function renderMaskList(context) {
+    const listId = context.getListElementId();
+    if (!listId)
+        return;
+    const listEl = document.getElementById(listId);
+    if (!listEl || !context.canvas)
+        return;
+    listEl.innerHTML = '';
+    const canvas = context.canvas;
+    canvas
+        .getObjects()
+        .filter(isMaskObject)
+        .forEach((mask) => {
+        const listItemElement = document.createElement('li');
+        listItemElement.className = 'list-group-item mask-item';
+        listItemElement.textContent = mask.maskName;
+        listItemElement.dataset.maskId = String(mask.maskId);
+        listItemElement.onclick = () => {
+            const id = Number(listItemElement.dataset.maskId);
+            if (!Number.isFinite(id))
+                return;
+            const target = canvas
+                .getObjects()
+                .find((o) => isMaskObject(o) && o.maskId === id);
+            if (!target)
+                return;
+            canvas.setActiveObject(target);
+            context.onMaskSelected(target);
+        };
+        listEl.appendChild(listItemElement);
+    });
+}
+export function updateMaskListSelection(context, selectedMask) {
+    const listId = context.getListElementId();
+    if (!listId)
+        return;
+    const listEl = document.getElementById(listId);
+    if (!listEl)
+        return;
+    const selectedId = selectedMask ? String(selectedMask.maskId) : null;
+    listEl.querySelectorAll('.mask-item').forEach((item) => {
+        const isSelected = selectedId !== null && item.dataset.maskId === selectedId;
+        item.classList.toggle('active', isSelected);
+    });
+}
+//# sourceMappingURL=mask-list.js.map

package/dist/esm/mask/mask-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask-list.js","sourceRoot":"","sources":["../../../src/mask/mask-list.ts"],"names":[],"mappings":"AA4DA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAkEvD,MAAM,UAAU,cAAc,CAAC,OAAwB;IACnD,MAAM,MAAM,GAAG,OAAO,CAAC,gBAAgB,EAAE,CAAC;IAC1C,IAAI,CAAC,MAAM;QAAE,OAAO;IACpB,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC/C,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM;QAAE,OAAO;IAKvC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;IAEtB,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAE9B,MAAM;SACD,UAAU,EAAE;SACZ,MAAM,CAAC,YAAY,CAAC;SACpB,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACd,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAGrD,eAAe,CAAC,SAAS,GAAG,2BAA2B,CAAC;QACxD,eAAe,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE5C,eAAe,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAErD,eAAe,CAAC,OAAO,GAAG,GAAG,EAAE;YAK3B,MAAM,EAAE,GAAG,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAClD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAAE,OAAO;YACjC,MAAM,MAAM,GAAG,MAAM;iBAChB,UAAU,EAAE;iBACZ,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,EAAE,CAA2B,CAAC;YAC/E,IAAI,CAAC,MAAM;gBAAE,OAAO;YACpB,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;YAC/B,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC,CAAC;QAEF,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;AACX,CAAC;AAqBD,MAAM,UAAU,uBAAuB,CACnC,OAAwB,EACxB,YAA+B;IAE/B,MAAM,MAAM,GAAG,OAAO,CAAC,gBAAgB,EAAE,CAAC;IAC1C,IAAI,CAAC,MAAM;QAAE,OAAO;IACpB,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC/C,IAAI,CAAC,MAAM;QAAE,OAAO;IAEpB,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACrE,MAAM,CAAC,gBAAgB,CAAc,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAChE,MAAM,UAAU,GAAG,UAAU,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,UAAU,CAAC;QAC7E,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACP,CAAC"}

package/dist/esm/mask/mask-style.js

@@ -0,0 +1,182 @@
+import { isMaskObject } from '../core/public-types.js';
+const SELECTED_STROKE = '#ff0000';
+const SELECTED_STROKE_WIDTH = 1;
+const HOVER_STROKE = '#ff5500';
+const HOVER_STROKE_WIDTH = 2;
+const HOVER_OPACITY_BUMP = 0.2;
+const DEFAULT_STROKE_FALLBACK = '#ccc';
+const DEFAULT_STROKE_WIDTH_FALLBACK = 1;
+const DEFAULT_ALPHA_FALLBACK = 0.5;
+export function getMaskNormalStyle(mask) {
+    var _a;
+    const strokeWidth = Number(mask.originalStrokeWidth);
+    const opacity = Number(mask.originalAlpha);
+    return {
+        stroke: (_a = mask.originalStroke) !== null && _a !== void 0 ? _a : DEFAULT_STROKE_FALLBACK,
+        strokeWidth: Number.isFinite(strokeWidth) ? strokeWidth : DEFAULT_STROKE_WIDTH_FALLBACK,
+        opacity: Number.isFinite(opacity) ? opacity : DEFAULT_ALPHA_FALLBACK,
+    };
+}
+export function getMaskHoverStyle(mask) {
+    const opacity = Number(mask.originalAlpha);
+    const baseAlpha = Number.isFinite(opacity) ? opacity : DEFAULT_ALPHA_FALLBACK;
+    return {
+        stroke: HOVER_STROKE,
+        strokeWidth: HOVER_STROKE_WIDTH,
+        opacity: Math.min(baseAlpha + HOVER_OPACITY_BUMP, 1),
+    };
+}
+export function applyMaskSelectedStyle(mask) {
+    mask.set({ stroke: SELECTED_STROKE, strokeWidth: SELECTED_STROKE_WIDTH });
+}
+export function applyMaskUnselectedStyle(mask) {
+    var _a;
+    const strokeWidth = Number(mask.originalStrokeWidth);
+    mask.set({
+        stroke: (_a = mask.originalStroke) !== null && _a !== void 0 ? _a : DEFAULT_STROKE_FALLBACK,
+        strokeWidth: Number.isFinite(strokeWidth) ? strokeWidth : DEFAULT_STROKE_WIDTH_FALLBACK,
+    });
+}
+export function attachMaskHoverHandlers(mask) {
+    const tagged = mask;
+    const mouseover = () => {
+        var _a;
+        tagged.set(getMaskHoverStyle(tagged));
+        (_a = tagged.canvas) === null || _a === void 0 ? void 0 : _a.requestRenderAll();
+    };
+    const mouseout = () => {
+        var _a;
+        tagged.set(getMaskNormalStyle(tagged));
+        (_a = tagged.canvas) === null || _a === void 0 ? void 0 : _a.requestRenderAll();
+    };
+    tagged.on('mouseover', mouseover);
+    tagged.on('mouseout', mouseout);
+    tagged.imageEditorMaskHandlers = { mouseover, mouseout };
+}
+export function reattachMaskHoverHandlers(mask) {
+    var _a;
+    const tagged = mask;
+    if (tagged.imageEditorMaskHandlers) {
+        try {
+            tagged.off('mouseover', tagged.imageEditorMaskHandlers.mouseover);
+            tagged.off('mouseout', tagged.imageEditorMaskHandlers.mouseout);
+        }
+        catch {
+        }
+        delete tagged.imageEditorMaskHandlers;
+    }
+    const patch = {};
+    if (!Number.isFinite(Number(tagged.originalAlpha))) {
+        const opacity = Number(tagged.opacity);
+        patch.originalAlpha = Number.isFinite(opacity) ? opacity : DEFAULT_ALPHA_FALLBACK;
+    }
+    if (tagged.originalStroke == null) {
+        patch.originalStroke = (_a = tagged.stroke) !== null && _a !== void 0 ? _a : DEFAULT_STROKE_FALLBACK;
+    }
+    if (!Number.isFinite(Number(tagged.originalStrokeWidth))) {
+        const sw = Number(tagged.strokeWidth);
+        patch.originalStrokeWidth = Number.isFinite(sw) ? sw : DEFAULT_STROKE_WIDTH_FALLBACK;
+    }
+    if (Object.keys(patch).length > 0)
+        tagged.set(patch);
+    attachMaskHoverHandlers(tagged);
+}
+export function detachMaskHoverHandlers(mask) {
+    const tagged = mask;
+    if (!tagged.imageEditorMaskHandlers)
+        return;
+    try {
+        tagged.off('mouseover', tagged.imageEditorMaskHandlers.mouseover);
+        tagged.off('mouseout', tagged.imageEditorMaskHandlers.mouseout);
+    }
+    catch {
+    }
+    delete tagged.imageEditorMaskHandlers;
+}
+export function captureMaskStyleBackup(mask) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    return {
+        object: mask,
+        opacity: (_a = mask.opacity) !== null && _a !== void 0 ? _a : 1,
+        fill: ((_b = mask.fill) !== null && _b !== void 0 ? _b : null),
+        strokeWidth: (_c = mask.strokeWidth) !== null && _c !== void 0 ? _c : 0,
+        stroke: ((_d = mask.stroke) !== null && _d !== void 0 ? _d : null),
+        selectable: (_e = mask.selectable) !== null && _e !== void 0 ? _e : true,
+        evented: (_f = mask.evented) !== null && _f !== void 0 ? _f : true,
+        lockRotation: (_g = mask.lockRotation) !== null && _g !== void 0 ? _g : false,
+    };
+}
+export function restoreMaskStyleBackup(backup) {
+    try {
+        backup.object.set({
+            opacity: backup.opacity,
+            fill: backup.fill,
+            strokeWidth: backup.strokeWidth,
+            stroke: backup.stroke,
+            selectable: backup.selectable,
+            evented: backup.evented,
+            lockRotation: backup.lockRotation,
+        });
+        if (typeof backup.object.setCoords === 'function') {
+            backup.object.setCoords();
+        }
+    }
+    catch {
+    }
+}
+export function withNormalizedMaskStyles(context, callback) {
+    if (!context.canvas)
+        return callback();
+    const masks = context.canvas.getObjects().filter(isMaskObject);
+    const patches = [];
+    try {
+        for (const mask of masks) {
+            const normal = getMaskNormalStyle(mask);
+            const snapshot = {};
+            const stylePatch = {};
+            Object.keys(normal).forEach((key) => {
+                const live = mask[key];
+                if (live !== normal[key]) {
+                    snapshot[key] = live;
+                    stylePatch[key] = normal[key];
+                }
+            });
+            if (Object.keys(stylePatch).length === 0)
+                continue;
+            patches.push({ object: mask, snapshot });
+            mask.set(stylePatch);
+        }
+        return callback();
+    }
+    finally {
+        for (const patch of patches) {
+            try {
+                patch.object.set(patch.snapshot);
+            }
+            catch {
+            }
+        }
+    }
+}
+export async function withMaskStyleBackup(context, mutator, callback) {
+    if (!context.canvas)
+        return await callback();
+    const masks = context.canvas.getObjects().filter(isMaskObject);
+    const backups = masks.map(captureMaskStyleBackup);
+    try {
+        masks.forEach((mask, index) => mutator(mask, index));
+        return await callback();
+    }
+    finally {
+        for (const backup of backups)
+            restoreMaskStyleBackup(backup);
+    }
+}
+export function applyCropHideMaskStyle(mask) {
+    try {
+        mask.set({ opacity: 0, evented: false, selectable: false });
+    }
+    catch {
+    }
+}
+//# sourceMappingURL=mask-style.js.map

package/dist/esm/mask/mask-style.js.map

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

package/dist/esm/ui/dom-bindings.js

@@ -0,0 +1,60 @@
+export class DomBindings {
+    constructor(resolveElementId, isDisposed) {
+        Object.defineProperty(this, "registry", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "resolveElementId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "isDisposed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.resolveElementId = resolveElementId;
+        this.isDisposed = isDisposed;
+    }
+    bindIfExists(key, eventType, handler) {
+        const id = this.resolveElementId(key);
+        if (!id)
+            return false;
+        const element = document.getElementById(id);
+        if (!element)
+            return false;
+        const wrapped = (event) => {
+            if (this.isDisposed())
+                return;
+            handler(event);
+        };
+        element.addEventListener(eventType, wrapped);
+        this.registry.push({ elementKey: key, eventType, handler: wrapped });
+        return true;
+    }
+    removeAll() {
+        for (const entry of this.registry) {
+            const id = this.resolveElementId(entry.elementKey);
+            if (!id)
+                continue;
+            const element = document.getElementById(id);
+            if (!element)
+                continue;
+            try {
+                element.removeEventListener(entry.eventType, entry.handler);
+            }
+            catch {
+            }
+        }
+        this.registry = [];
+    }
+    size() {
+        return this.registry.length;
+    }
+}
+//# sourceMappingURL=dom-bindings.js.map

package/dist/esm/ui/dom-bindings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-bindings.js","sourceRoot":"","sources":["../../../src/ui/dom-bindings.ts"],"names":[],"mappings":"AA6EA,MAAM,OAAO,WAAW;IAapB,YACI,gBAAgE,EAChE,UAAyB;QAdrB;;;;mBAA2B,EAAE;WAAC;QACrB;;;;;WAAiE;QACjE;;;;;WAA0B;QAcvC,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;IACjC,CAAC;IAcD,YAAY,CAAC,GAAe,EAAE,SAAiB,EAAE,OAAsB;QACnE,MAAM,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QACtC,IAAI,CAAC,EAAE;YAAE,OAAO,KAAK,CAAC;QACtB,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QAC5C,IAAI,CAAC,OAAO;YAAE,OAAO,KAAK,CAAC;QAK3B,MAAM,OAAO,GAAkB,CAAC,KAAK,EAAE,EAAE;YACrC,IAAI,IAAI,CAAC,UAAU,EAAE;gBAAE,OAAO;YAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,CAAC;QAEF,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC7C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;QACrE,OAAO,IAAI,CAAC;IAChB,CAAC;IASD,SAAS;QACL,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,MAAM,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YACnD,IAAI,CAAC,EAAE;gBAAE,SAAS;YAClB,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;YAC5C,IAAI,CAAC,OAAO;gBAAE,SAAS;YACvB,IAAI,CAAC;gBACD,OAAO,CAAC,mBAAmB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;YAChE,CAAC;YAAC,MAAM,CAAC;YAGT,CAAC;QACL,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;IACvB,CAAC;IAMD,IAAI;QACA,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;IAChC,CAAC;CACJ"}

package/dist/esm/ui/ui-state.js

@@ -0,0 +1,25 @@
+export function setDisabled(resolveElementId, key, disabled) {
+    const id = resolveElementId(key);
+    if (!id)
+        return;
+    const element = document.getElementById(id);
+    if (element)
+        element.disabled = disabled;
+}
+export function setAriaDisabled(resolveElementId, key, disabled) {
+    const id = resolveElementId(key);
+    if (!id)
+        return;
+    const element = document.getElementById(id);
+    if (element)
+        element.setAttribute('aria-disabled', disabled ? 'true' : 'false');
+}
+export function setClass(resolveElementId, key, className, enabled) {
+    const id = resolveElementId(key);
+    if (!id)
+        return;
+    const element = document.getElementById(id);
+    if (element)
+        element.classList.toggle(className, enabled);
+}
+//# sourceMappingURL=ui-state.js.map

package/dist/esm/ui/ui-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-state.js","sourceRoot":"","sources":["../../../src/ui/ui-state.ts"],"names":[],"mappings":"AAgFA,MAAM,UAAU,WAAW,CACvB,gBAAmC,EACnC,GAAe,EACf,QAAiB;IAEjB,MAAM,EAAE,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE;QAAE,OAAO;IAChB,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAA6B,CAAC;IACxE,IAAI,OAAO;QAAE,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC7C,CAAC;AAkBD,MAAM,UAAU,eAAe,CAC3B,gBAAmC,EACnC,GAAe,EACf,QAAiB;IAEjB,MAAM,EAAE,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE;QAAE,OAAO;IAChB,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC5C,IAAI,OAAO;QAAE,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;AACpF,CAAC;AAkBD,MAAM,UAAU,QAAQ,CACpB,gBAAmC,EACnC,GAAe,EACf,SAAiB,EACjB,OAAgB;IAEhB,MAAM,EAAE,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE;QAAE,OAAO;IAChB,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC5C,IAAI,OAAO;QAAE,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC"}

package/dist/esm/ui/visibility-state.js

@@ -0,0 +1,11 @@
+export function setPlaceholderVisible(placeholderElement, containerElement, show) {
+    if (placeholderElement) {
+        placeholderElement.hidden = !show;
+        placeholderElement.setAttribute('aria-hidden', show ? 'false' : 'true');
+    }
+    if (containerElement) {
+        containerElement.hidden = show;
+        containerElement.setAttribute('aria-hidden', show ? 'true' : 'false');
+    }
+}
+//# sourceMappingURL=visibility-state.js.map

package/dist/esm/ui/visibility-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visibility-state.js","sourceRoot":"","sources":["../../../src/ui/visibility-state.ts"],"names":[],"mappings":"AA4EA,MAAM,UAAU,qBAAqB,CACjC,kBAAsC,EACtC,gBAAoC,EACpC,IAAa;IAIb,IAAI,kBAAkB,EAAE,CAAC;QACrB,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC;QAClC,kBAAkB,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5E,CAAC;IAMD,IAAI,gBAAgB,EAAE,CAAC;QACnB,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC;QAC/B,gBAAgB,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1E,CAAC;AACL,CAAC"}

package/dist/esm/utils/canvas-region.js

@@ -0,0 +1,100 @@
+export function hasMeaningfulCanvasRegion(rect, canvasWidth, canvasHeight) {
+    const left = Number(rect.left);
+    const top = Number(rect.top);
+    const width = Number(rect.width);
+    const height = Number(rect.height);
+    if (!Number.isFinite(left) ||
+        !Number.isFinite(top) ||
+        !Number.isFinite(width) ||
+        !Number.isFinite(height) ||
+        width <= 0 ||
+        height <= 0) {
+        return false;
+    }
+    const right = left + width;
+    const bottom = top + height;
+    if (!Number.isFinite(right) || !Number.isFinite(bottom))
+        return false;
+    const safeCanvasWidth = Number(canvasWidth);
+    const safeCanvasHeight = Number(canvasHeight);
+    if (!Number.isFinite(safeCanvasWidth) ||
+        !Number.isFinite(safeCanvasHeight) ||
+        safeCanvasWidth <= 0 ||
+        safeCanvasHeight <= 0) {
+        return true;
+    }
+    const overlapWidth = Math.min(right, safeCanvasWidth) - Math.max(left, 0);
+    const overlapHeight = Math.min(bottom, safeCanvasHeight) - Math.max(top, 0);
+    return overlapWidth > 0 && overlapHeight > 0;
+}
+export function getClampedCanvasRegion(rect, canvasWidth, canvasHeight, options = {}) {
+    const safeLeft = Number.isFinite(rect.left) ? rect.left : 0;
+    const safeTop = Number.isFinite(rect.top) ? rect.top : 0;
+    const safeWidth = Math.max(0, Number.isFinite(rect.width) ? rect.width : 0);
+    const safeHeight = Math.max(0, Number.isFinite(rect.height) ? rect.height : 0);
+    const includePartialPixels = options.includePartialPixels !== false;
+    const roundEnd = includePartialPixels ? Math.ceil : Math.floor;
+    const hasCanvasWidth = Number.isFinite(canvasWidth);
+    const hasCanvasHeight = Number.isFinite(canvasHeight);
+    const safeCanvasWidth = hasCanvasWidth
+        ? Math.max(1, Math.round(Number(canvasWidth)))
+        : Number.POSITIVE_INFINITY;
+    const safeCanvasHeight = hasCanvasHeight
+        ? Math.max(1, Math.round(Number(canvasHeight)))
+        : Number.POSITIVE_INFINITY;
+    const left = Math.min(safeCanvasWidth - 1, Math.max(0, Math.floor(safeLeft)));
+    const top = Math.min(safeCanvasHeight - 1, Math.max(0, Math.floor(safeTop)));
+    const right = Math.min(safeCanvasWidth, Math.max(left + 1, roundEnd(safeLeft + safeWidth)));
+    const bottom = Math.min(safeCanvasHeight, Math.max(top + 1, roundEnd(safeTop + safeHeight)));
+    return {
+        left,
+        top,
+        width: Math.max(1, right - left),
+        height: Math.max(1, bottom - top),
+    };
+}
+export function floorRegion(rect) {
+    return getClampedCanvasRegion(rect, undefined, undefined, { includePartialPixels: false });
+}
+export function hasFractionalCanvasEdge(value) {
+    const numericValue = Number(value);
+    if (!Number.isFinite(numericValue))
+        return false;
+    return Math.abs(numericValue - Math.round(numericValue)) > 0.01;
+}
+export function getPartialExportEdges(bounds, angle = 0) {
+    if (!bounds)
+        return null;
+    const normalizedAngle = Math.abs((Number(angle) || 0) % 90);
+    const isAxisAligned = normalizedAngle < 0.01 || Math.abs(normalizedAngle - 90) < 0.01;
+    if (!isAxisAligned)
+        return null;
+    const left = Number(bounds.left) || 0;
+    const top = Number(bounds.top) || 0;
+    return {
+        left: hasFractionalCanvasEdge(left),
+        top: hasFractionalCanvasEdge(top),
+        right: hasFractionalCanvasEdge(left + (Number(bounds.width) || 0)),
+        bottom: hasFractionalCanvasEdge(top + (Number(bounds.height) || 0)),
+    };
+}
+export function getObjectBBox(object) {
+    object.setCoords();
+    const boundingRect = object.getBoundingRect();
+    return {
+        left: boundingRect.left,
+        top: boundingRect.top,
+        width: boundingRect.width,
+        height: boundingRect.height,
+    };
+}
+export function clampRegionToCanvas(region, canvasWidth, canvasHeight) {
+    const safeCw = Math.max(1, Math.floor(Number.isFinite(canvasWidth) ? canvasWidth : 1));
+    const safeCh = Math.max(1, Math.floor(Number.isFinite(canvasHeight) ? canvasHeight : 1));
+    const left = Math.max(0, Math.min(region.left, safeCw - 1));
+    const top = Math.max(0, Math.min(region.top, safeCh - 1));
+    const width = Math.max(1, Math.min(region.width, safeCw - left));
+    const height = Math.max(1, Math.min(region.height, safeCh - top));
+    return { left, top, width, height };
+}
+//# sourceMappingURL=canvas-region.js.map

package/dist/esm/utils/canvas-region.js.map

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

package/dist/esm/utils/dom.js

@@ -0,0 +1,6 @@
+export function forceReflow(element) {
+    if (!element)
+        return;
+    void element.offsetWidth;
+}
+//# sourceMappingURL=dom.js.map

package/dist/esm/utils/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../src/utils/dom.ts"],"names":[],"mappings":"AAyBA,MAAM,UAAU,WAAW,CAAC,OAAuC;IAC/D,IAAI,CAAC,OAAO;QAAE,OAAO;IAIrB,KAAK,OAAO,CAAC,WAAW,CAAC;AAC7B,CAAC"}

package/dist/esm/utils/file.js

@@ -0,0 +1,53 @@
+export const SUPPORTED_IMAGE_EXTENSIONS = {
+    png: 'image/png',
+    jpg: 'image/jpeg',
+    jpeg: 'image/jpeg',
+    webp: 'image/webp',
+    gif: 'image/gif',
+    bmp: 'image/bmp',
+};
+export const SUPPORTED_IMAGE_MIME_TYPES = new Set(Object.values(SUPPORTED_IMAGE_EXTENSIONS));
+export function inferImageMimeType(file) {
+    var _a, _b;
+    if (file.type && SUPPORTED_IMAGE_MIME_TYPES.has(file.type))
+        return file.type;
+    if (file.type)
+        return null;
+    const match = /\.([a-z0-9]+)$/i.exec(file.name);
+    const ext = (_a = match === null || match === void 0 ? void 0 : match[1]) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+    if (!ext)
+        return null;
+    return (_b = SUPPORTED_IMAGE_EXTENSIONS[ext]) !== null && _b !== void 0 ? _b : null;
+}
+export function readFileAsDataUrl(file) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => {
+            const fileReaderResult = reader.result;
+            if (typeof fileReaderResult === 'string') {
+                resolve(fileReaderResult);
+            }
+            else {
+                reject(new Error('FileReader returned a non-string result'));
+            }
+        };
+        reader.onerror = () => {
+            var _a;
+            reject((_a = reader.error) !== null && _a !== void 0 ? _a : new Error('FileReader error'));
+        };
+        reader.onabort = () => {
+            reject(new Error('FileReader read aborted'));
+        };
+        reader.readAsDataURL(file);
+    });
+}
+export function resetFileInput(input) {
+    if (!input)
+        return;
+    try {
+        input.value = '';
+    }
+    catch {
+    }
+}
+//# sourceMappingURL=file.js.map

package/dist/esm/utils/file.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file.js","sourceRoot":"","sources":["../../../src/utils/file.ts"],"names":[],"mappings":"AA8BA,MAAM,CAAC,MAAM,0BAA0B,GAA2B;IAC9D,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,YAAY;IACjB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC;AAqB7F,MAAM,UAAU,kBAAkB,CAAC,IAAU;;IACzC,IAAI,IAAI,CAAC,IAAI,IAAI,0BAA0B,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC,IAAI,CAAC;IAC7E,IAAI,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAC3B,MAAM,KAAK,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,MAAM,GAAG,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,0CAAE,WAAW,EAAE,CAAC;IACtC,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IACtB,OAAO,MAAA,0BAA0B,CAAC,GAAG,CAAC,mCAAI,IAAI,CAAC;AACnD,CAAC;AAeD,MAAM,UAAU,iBAAiB,CAAC,IAAU;IACxC,OAAO,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QAC3C,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAChC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACjB,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC;YACvC,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE,CAAC;gBACvC,OAAO,CAAC,gBAAgB,CAAC,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACJ,MAAM,CAAC,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC,CAAC;YACjE,CAAC;QACL,CAAC,CAAC;QACF,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE;;YAClB,MAAM,CAAC,MAAA,MAAM,CAAC,KAAK,mCAAI,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAC1D,CAAC,CAAC;QACF,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE;YAClB,MAAM,CAAC,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC;QACjD,CAAC,CAAC;QACF,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;AACP,CAAC;AAeD,MAAM,UAAU,cAAc,CAAC,KAA8B;IACzD,IAAI,CAAC,KAAK;QAAE,OAAO;IACnB,IAAI,CAAC;QACD,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;IACrB,CAAC;IAAC,MAAM,CAAC;IAET,CAAC;AACL,CAAC"}

package/dist/esm/utils/number.js

@@ -0,0 +1,24 @@
+export function resolveNumeric(val, axis, fallback, canvas, options) {
+    if (typeof val === 'number') {
+        return val;
+    }
+    if (typeof val === 'function') {
+        return val(canvas, options);
+    }
+    if (typeof val === 'string' && val.endsWith('%')) {
+        const pct = parseFloat(val);
+        if (!Number.isFinite(pct)) {
+            return fallback;
+        }
+        const dim = axis === 'x' ? canvas.getWidth() : canvas.getHeight();
+        return Math.floor(dim * (pct / 100));
+    }
+    return fallback;
+}
+export function coercePoint(pt) {
+    if (Array.isArray(pt)) {
+        return { x: Number(pt[0]), y: Number(pt[1]) };
+    }
+    return { x: Number(pt.x), y: Number(pt.y) };
+}
+//# sourceMappingURL=number.js.map

package/dist/esm/utils/number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.js","sourceRoot":"","sources":["../../../src/utils/number.ts"],"names":[],"mappings":"AA4GA,MAAM,UAAU,cAAc,CAC1B,GAAgC,EAChC,IAAU,EACV,QAAgB,EAChB,MAAuB,EACvB,OAAwB;IAExB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC1B,OAAO,GAAG,CAAC;IACf,CAAC;IACD,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;QAC5B,OAAO,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,CAAC;IACD,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAC/C,MAAM,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;QAC5B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACxB,OAAO,QAAQ,CAAC;QACpB,CAAC;QACD,MAAM,GAAG,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;QAClE,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;IACzC,CAAC;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC;AAuBD,MAAM,UAAU,WAAW,CAAC,EAAgB;IACxC,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;QACpB,OAAO,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAClD,CAAC;IACD,OAAO,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAChD,CAAC"}

package/dist/esm/utils/timeout.js

@@ -0,0 +1,17 @@
+import { ImageLoadTimeoutError } from '../core/errors.js';
+export function withTimeout(promise, ms, label) {
+    return new Promise((resolve, reject) => {
+        const start = Date.now();
+        const timeoutId = setTimeout(() => {
+            reject(new ImageLoadTimeoutError(label, Date.now() - start));
+        }, ms);
+        promise.then((value) => {
+            clearTimeout(timeoutId);
+            resolve(value);
+        }, (err) => {
+            clearTimeout(timeoutId);
+            reject(err);
+        });
+    });
+}
+//# sourceMappingURL=timeout.js.map

package/dist/esm/utils/timeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeout.js","sourceRoot":"","sources":["../../../src/utils/timeout.ts"],"names":[],"mappings":"AAkDA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAmC1D,MAAM,UAAU,WAAW,CAAI,OAAmB,EAAE,EAAU,EAAE,KAAa;IACzE,OAAO,IAAI,OAAO,CAAI,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACtC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACzB,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,MAAM,CAAC,IAAI,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC;QACjE,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CAAC,IAAI,CACR,CAAC,KAAK,EAAE,EAAE;YACN,YAAY,CAAC,SAAS,CAAC,CAAC;YACxB,OAAO,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,EACD,CAAC,GAAY,EAAE,EAAE;YACb,YAAY,CAAC,SAAS,CAAC,CAAC;YACxB,MAAM,CAAC,GAAG,CAAC,CAAC;QAChB,CAAC,CACJ,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC"}