@bensitu/image-editor 1.5.2 → 2.0.0

package/dist/esm/image/layout-manager.js

@@ -0,0 +1,224 @@
+import { forceReflow } from '../utils/dom.js';
+export function selectLayoutStrategy(options) {
+    if (options.fitImageToCanvas)
+        return 'fit';
+    if (options.coverImageToCanvas)
+        return 'cover';
+    return 'expand';
+}
+export function detectLayoutConflict(options) {
+    if (!options.fitImageToCanvas || !options.coverImageToCanvas)
+        return null;
+    const enabled = ['fit', 'cover'];
+    if (options.expandCanvasToImage)
+        enabled.push('expand');
+    const selected = selectLayoutStrategy(options);
+    return {
+        enabled,
+        selected,
+        message: `Layout flags ${enabled.map((s) => `\`${s}\``).join(', ')} are enabled simultaneously. ` +
+            `Using precedence \`fit > cover > expand\`; selected \`${selected}\`.`,
+    };
+}
+export class ViewportCache {
+    constructor() {
+        Object.defineProperty(this, "lastVisible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+    }
+    measure(container, fallback, scrollbarSize) {
+        var _a;
+        if (!container)
+            return fallback;
+        const containerWidth = Math.floor(container.clientWidth);
+        const containerHeight = Math.floor(container.clientHeight);
+        if (containerWidth > 0 && containerHeight > 0) {
+            this.lastVisible = measureContainerViewport(container, fallback, scrollbarSize);
+            return this.lastVisible;
+        }
+        return (_a = this.lastVisible) !== null && _a !== void 0 ? _a : fallback;
+    }
+    peek() {
+        return this.lastVisible;
+    }
+    clear() {
+        this.lastVisible = null;
+    }
+}
+const OVERFLOW_EPSILON = 0.5;
+function normalizeOverflowValue(value) {
+    return String(value !== null && value !== void 0 ? value : '')
+        .trim()
+        .toLowerCase();
+}
+function getContainerOverflowValues(container) {
+    var _a, _b;
+    const style = container.style;
+    let computedOverflow = '';
+    let computedOverflowX = '';
+    let computedOverflowY = '';
+    const view = (_b = (_a = container.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView) !== null && _b !== void 0 ? _b : (typeof window === 'undefined' ? null : window);
+    if (typeof (view === null || view === void 0 ? void 0 : view.getComputedStyle) === 'function') {
+        const computed = view.getComputedStyle(container);
+        computedOverflow = computed.overflow;
+        computedOverflowX = computed.overflowX;
+        computedOverflowY = computed.overflowY;
+    }
+    const x = [
+        normalizeOverflowValue(style === null || style === void 0 ? void 0 : style.overflow),
+        normalizeOverflowValue(style === null || style === void 0 ? void 0 : style.overflowX),
+        normalizeOverflowValue(computedOverflow),
+        normalizeOverflowValue(computedOverflowX),
+    ];
+    const y = [
+        normalizeOverflowValue(style === null || style === void 0 ? void 0 : style.overflow),
+        normalizeOverflowValue(style === null || style === void 0 ? void 0 : style.overflowY),
+        normalizeOverflowValue(computedOverflow),
+        normalizeOverflowValue(computedOverflowY),
+    ];
+    return { x, y, all: [...x, ...y] };
+}
+function isAutoScrollableOverflow(value) {
+    return value === 'auto' || value === 'overlay';
+}
+export function measureScrollbarSize(ownerDocument) {
+    const doc = ownerDocument !== null && ownerDocument !== void 0 ? ownerDocument : (typeof document === 'undefined' ? null : document);
+    if (!(doc === null || doc === void 0 ? void 0 : doc.body))
+        return { width: 0, height: 0 };
+    const probe = doc.createElement('div');
+    probe.style.position = 'absolute';
+    probe.style.left = '-9999px';
+    probe.style.top = '-9999px';
+    probe.style.width = '100px';
+    probe.style.height = '100px';
+    probe.style.overflow = 'scroll';
+    probe.style.visibility = 'hidden';
+    probe.style.pointerEvents = 'none';
+    doc.body.appendChild(probe);
+    const width = Math.max(0, probe.offsetWidth - probe.clientWidth);
+    const height = Math.max(0, probe.offsetHeight - probe.clientHeight);
+    probe.remove();
+    return { width, height };
+}
+function normalizeScrollbarSize(scrollbarSize) {
+    return {
+        width: Math.max(0, Number(scrollbarSize === null || scrollbarSize === void 0 ? void 0 : scrollbarSize.width) || 0),
+        height: Math.max(0, Number(scrollbarSize === null || scrollbarSize === void 0 ? void 0 : scrollbarSize.height) || 0),
+    };
+}
+export function measureContainerViewport(container, fallback, scrollbarSize) {
+    if (!container)
+        return fallback;
+    const clientWidth = Math.floor(container.clientWidth || 0);
+    const clientHeight = Math.floor(container.clientHeight || 0);
+    if (clientWidth <= 0 || clientHeight <= 0)
+        return fallback;
+    const overflow = getContainerOverflowValues(container);
+    if (overflow.all.includes('scroll')) {
+        return { width: clientWidth, height: clientHeight };
+    }
+    const scrollbar = normalizeScrollbarSize(scrollbarSize);
+    const canAutoScrollX = overflow.x.some(isAutoScrollableOverflow);
+    const canAutoScrollY = overflow.y.some(isAutoScrollableOverflow);
+    const scrollWidth = Math.ceil(container.scrollWidth || 0);
+    const scrollHeight = Math.ceil(container.scrollHeight || 0);
+    const hasHorizontalScrollbar = canAutoScrollX && scrollWidth > clientWidth + OVERFLOW_EPSILON;
+    const hasVerticalScrollbar = canAutoScrollY && scrollHeight > clientHeight + OVERFLOW_EPSILON;
+    return {
+        width: clientWidth + (hasVerticalScrollbar ? scrollbar.width : 0),
+        height: clientHeight + (hasHorizontalScrollbar ? scrollbar.height : 0),
+    };
+}
+export function computeScrollableCanvasSize(contentWidth, contentHeight, viewport, scrollbarSize) {
+    const viewportW = Math.max(1, viewport.width || 1);
+    const viewportH = Math.max(1, viewport.height || 1);
+    const scrollbar = normalizeScrollbarSize(scrollbarSize);
+    let hasHorizontal = false;
+    let hasVertical = false;
+    for (let i = 0; i < 4; i += 1) {
+        const effectiveW = Math.max(1, viewportW - (hasVertical ? scrollbar.width : 0));
+        const effectiveH = Math.max(1, viewportH - (hasHorizontal ? scrollbar.height : 0));
+        const nextHorizontal = contentWidth > effectiveW + OVERFLOW_EPSILON;
+        const nextVertical = contentHeight > effectiveH + OVERFLOW_EPSILON;
+        if (nextHorizontal === hasHorizontal && nextVertical === hasVertical)
+            break;
+        hasHorizontal = nextHorizontal;
+        hasVertical = nextVertical;
+    }
+    const effectiveW = Math.max(1, viewportW - (hasVertical ? scrollbar.width : 0));
+    const effectiveH = Math.max(1, viewportH - (hasHorizontal ? scrollbar.height : 0));
+    return {
+        width: hasHorizontal ? Math.ceil(contentWidth) : effectiveW,
+        height: hasVertical ? Math.ceil(contentHeight) : effectiveH,
+    };
+}
+export function computeFitLayout(imageWidth, imageHeight, optionsCanvasWidth, optionsCanvasHeight, containerSize) {
+    const canvasWidth = Math.max(1, (containerSize.width || optionsCanvasWidth) - 1);
+    const canvasHeight = Math.max(1, (containerSize.height || optionsCanvasHeight) - 1);
+    const fitScale = Math.min(canvasWidth / imageWidth, canvasHeight / imageHeight, 1);
+    return {
+        canvasWidth,
+        canvasHeight,
+        imageScale: fitScale,
+        imageLeft: 0,
+        imageTop: 0,
+        baseImageScale: fitScale,
+    };
+}
+export function computeCoverLayout(imageWidth, imageHeight, optionsCanvasWidth, optionsCanvasHeight, containerSize, scrollbarSize) {
+    const viewportW = containerSize.width || optionsCanvasWidth;
+    const viewportH = containerSize.height || optionsCanvasHeight;
+    const scrollbar = normalizeScrollbarSize(scrollbarSize);
+    let hasHorizontal = false;
+    let hasVertical = false;
+    let coverScale = 1;
+    let scaledW = imageWidth;
+    let scaledH = imageHeight;
+    for (let i = 0; i < 4; i += 1) {
+        const effectiveW = Math.max(1, viewportW - (hasVertical ? scrollbar.width : 0));
+        const effectiveH = Math.max(1, viewportH - (hasHorizontal ? scrollbar.height : 0));
+        coverScale = Math.min(1, Math.max(effectiveW / imageWidth, effectiveH / imageHeight));
+        scaledW = imageWidth * coverScale;
+        scaledH = imageHeight * coverScale;
+        const nextHasHorizontal = scaledW > effectiveW + OVERFLOW_EPSILON;
+        const nextHasVertical = scaledH > effectiveH + OVERFLOW_EPSILON;
+        if (nextHasHorizontal === hasHorizontal && nextHasVertical === hasVertical)
+            break;
+        hasHorizontal = nextHasHorizontal;
+        hasVertical = nextHasVertical;
+    }
+    const canvasSize = computeScrollableCanvasSize(scaledW, scaledH, {
+        width: viewportW,
+        height: viewportH,
+    }, scrollbar);
+    return {
+        canvasWidth: canvasSize.width,
+        canvasHeight: canvasSize.height,
+        imageScale: coverScale,
+        imageLeft: 0,
+        imageTop: 0,
+        baseImageScale: coverScale,
+    };
+}
+export function computeExpandLayout(imageWidth, imageHeight, optionsCanvasWidth, optionsCanvasHeight, containerSize) {
+    const canvasWidth = Math.max(containerSize.width, Math.floor(imageWidth));
+    const canvasHeight = Math.max(containerSize.height, Math.floor(imageHeight));
+    return {
+        canvasWidth,
+        canvasHeight,
+        imageScale: 1,
+        imageLeft: 0,
+        imageTop: 0,
+        baseImageScale: 1,
+    };
+}
+export function applyCanvasDimensions(canvas, width, height, containerElement) {
+    const integerWidth = Math.max(1, Math.round(Number(width) || 1));
+    const integerHeight = Math.max(1, Math.round(Number(height) || 1));
+    canvas.setDimensions({ width: integerWidth, height: integerHeight });
+    forceReflow(containerElement);
+}
+//# sourceMappingURL=layout-manager.js.map

package/dist/esm/image/layout-manager.js.map

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

package/dist/esm/image/transform-controller.js

@@ -0,0 +1,132 @@
+import { animateProps, restoreOrigin } from '../fabric/fabric-animation.js';
+export class TransformController {
+    constructor(context) {
+        Object.defineProperty(this, "context", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.context = context;
+    }
+    async scaleImage(factor) {
+        if (!Number.isFinite(factor))
+            return;
+        const imageObject = this.context.getOriginalImage();
+        if (!imageObject)
+            return;
+        if (this.context.guard.isAnimating())
+            return;
+        if (this.context.guard.isDisposed())
+            return;
+        const clamped = Math.max(this.context.options.minScale, Math.min(this.context.options.maxScale, factor));
+        this.context.setCurrentScale(clamped);
+        const targetAbs = this.context.getBaseImageScale() * clamped;
+        try {
+            const topLeft = computeTopLeftPoint(imageObject);
+            imageObject.set({ originX: 'left', originY: 'top' });
+            imageObject.setPositionByOrigin(topLeft, 'left', 'top');
+            imageObject.setCoords();
+        }
+        catch (error) {
+            console.warn('[ImageEditor] scaleImage: origin pre-anchor failed', error);
+        }
+        try {
+            await this.context.guard.runAnimation(() => animateProps(imageObject, { scaleX: targetAbs, scaleY: targetAbs }, {
+                duration: this.context.options.animationDuration,
+                onChange: () => this.context.canvas.requestRenderAll(),
+            }, this.context.guard));
+        }
+        catch (error) {
+            console.warn('[ImageEditor] scaleImage animation error', error);
+            return;
+        }
+        if (this.context.guard.isDisposed())
+            return;
+        imageObject.set({ scaleX: targetAbs, scaleY: targetAbs });
+        imageObject.setCoords();
+        if (this.context.afterTransformSnap)
+            this.context.afterTransformSnap();
+        this.context.saveCanvasState();
+    }
+    async rotateImage(degrees) {
+        if (!Number.isFinite(degrees))
+            return;
+        const imageObject = this.context.getOriginalImage();
+        if (!imageObject)
+            return;
+        if (this.context.guard.isAnimating())
+            return;
+        if (this.context.guard.isDisposed())
+            return;
+        this.context.setCurrentRotation(degrees);
+        try {
+            const centre = imageObject.getCenterPoint();
+            imageObject.set({ originX: 'center', originY: 'center' });
+            imageObject.setPositionByOrigin(centre, 'center', 'center');
+            imageObject.setCoords();
+        }
+        catch (error) {
+            console.warn('[ImageEditor] rotateImage: origin pre-anchor failed', error);
+        }
+        let animationFailed = false;
+        try {
+            await this.context.guard.runAnimation(() => animateProps(imageObject, { angle: degrees }, {
+                duration: this.context.options.animationDuration,
+                onChange: () => this.context.canvas.requestRenderAll(),
+            }, this.context.guard));
+        }
+        catch (error) {
+            animationFailed = true;
+            console.warn('[ImageEditor] rotateImage animation error', error);
+        }
+        finally {
+            if (this.context.guard.isDisposed()) {
+                restoreOrigin(imageObject, 'left', 'top');
+            }
+        }
+        if (animationFailed)
+            return;
+        if (this.context.guard.isDisposed())
+            return;
+        imageObject.set('angle', degrees);
+        imageObject.setCoords();
+        if (this.context.afterTransformSnap)
+            this.context.afterTransformSnap();
+        try {
+            const newTopLeft = computeTopLeftPoint(imageObject);
+            imageObject.set({ originX: 'left', originY: 'top' });
+            imageObject.setPositionByOrigin(newTopLeft, 'left', 'top');
+            imageObject.setCoords();
+        }
+        catch (error) {
+            console.warn('[ImageEditor] rotateImage: origin post-restore failed', error);
+        }
+        this.context.saveCanvasState();
+    }
+    async resetImageTransform() {
+        if (!this.context.getOriginalImage())
+            return;
+        this.context.setSuppressSaveState(true);
+        try {
+            await this.scaleImage(1);
+            await this.rotateImage(0);
+        }
+        finally {
+            this.context.setSuppressSaveState(false);
+        }
+        if (this.context.guard.isDisposed())
+            return;
+        this.context.saveCanvasState();
+    }
+}
+function computeTopLeftPoint(object) {
+    object.setCoords();
+    const coords = object.getCoords();
+    const first = coords[0];
+    if (first)
+        return first;
+    const boundingRect = object.getBoundingRect();
+    return { x: boundingRect.left, y: boundingRect.top };
+}
+//# sourceMappingURL=transform-controller.js.map

package/dist/esm/image/transform-controller.js.map

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