@bensitu/image-editor 1.5.2 → 2.1.0

package/dist/esm/mask/mask-label-manager.js

@@ -0,0 +1,120 @@
+import { isMaskObject } from '../core/public-types.js';
+import { reportWarning } from '../core/callback-reporter.js';
+export function removeLabelForMask(context, mask) {
+    if (!context.canvas || !mask.labelObject)
+        return;
+    try {
+        if (context.canvas.getObjects().includes(mask.labelObject)) {
+            context.canvas.remove(mask.labelObject);
+        }
+    }
+    catch {
+    }
+    try {
+        delete mask.labelObject;
+    }
+    catch {
+    }
+}
+export function createLabelForMask(context, mask) {
+    var _a;
+    const { canvas, options, fabric: fabricModule } = context;
+    if (!canvas || !options.maskLabelOnSelect)
+        return;
+    removeLabelForMask(context, mask);
+    let labelTextObject = null;
+    if (typeof options.label.create === 'function') {
+        try {
+            labelTextObject = options.label.create(mask, fabricModule);
+        }
+        catch (error) {
+            reportWarning(options, error, 'label.create callback threw.');
+            labelTextObject = null;
+        }
+    }
+    if (!labelTextObject) {
+        const indexForGetText = mask.maskId - 1;
+        let labelText = mask.maskName;
+        if (typeof options.label.getText === 'function') {
+            try {
+                labelText = options.label.getText(mask, indexForGetText);
+            }
+            catch (error) {
+                reportWarning(options, error, 'label.getText callback threw.');
+                labelText = mask.maskName;
+            }
+        }
+        const textOptions = {
+            left: 0,
+            top: 0,
+            ...((_a = options.label.textOptions) !== null && _a !== void 0 ? _a : {}),
+            originX: 'left',
+            originY: 'top',
+        };
+        labelTextObject = new fabricModule.FabricText(labelText, textOptions);
+    }
+    labelTextObject.maskLabel = true;
+    mask.labelObject = labelTextObject;
+    canvas.add(labelTextObject);
+    canvas.bringObjectToFront(labelTextObject);
+    syncMaskLabel(context, mask);
+}
+export function syncMaskLabel(context, mask) {
+    var _a, _b, _c;
+    const { canvas, options } = context;
+    if (!canvas || !options.maskLabelOnSelect || !mask.labelObject)
+        return;
+    const coords = (_a = mask.getCoords) === null || _a === void 0 ? void 0 : _a.call(mask);
+    if (!(coords === null || coords === void 0 ? void 0 : coords.length))
+        return;
+    const tl = coords[0];
+    if (!tl)
+        return;
+    const center = mask.getCenterPoint();
+    const vx = center.x - tl.x;
+    const vy = center.y - tl.y;
+    const dist = Math.sqrt(vx * vx + vy * vy) || 1;
+    const offset = Math.max(0, (_b = options.maskLabelOffset) !== null && _b !== void 0 ? _b : 3);
+    mask.labelObject.set({
+        left: Math.round(tl.x + (vx / dist) * offset),
+        top: Math.round(tl.y + (vy / dist) * offset),
+        angle: (_c = mask.angle) !== null && _c !== void 0 ? _c : 0,
+        originX: 'left',
+        originY: 'top',
+        visible: true,
+    });
+    mask.labelObject.setCoords();
+    canvas.renderAll();
+}
+export function showLabelForMask(context, mask) {
+    if (!context.options.maskLabelOnSelect)
+        return;
+    if (!mask.labelObject) {
+        createLabelForMask(context, mask);
+    }
+    if (mask.labelObject) {
+        mask.labelObject.visible = true;
+        syncMaskLabel(context, mask);
+    }
+}
+export function hideAllMaskLabels(context) {
+    const { canvas } = context;
+    if (!canvas)
+        return;
+    const objs = canvas.getObjects();
+    objs.filter((o) => o.maskLabel).forEach((l) => {
+        try {
+            canvas.remove(l);
+        }
+        catch {
+        }
+    });
+    objs.filter(isMaskObject).forEach((o) => {
+        try {
+            delete o.labelObject;
+        }
+        catch {
+        }
+    });
+}
+//# sourceMappingURL=mask-label-manager.js.map

package/dist/esm/mask/mask-label-manager.js.map

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

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

@@ -0,0 +1,53 @@
+import { isMaskObject } from '../core/public-types.js';
+function getMaskListDocument(context) {
+    var _a, _b, _c, _d, _e;
+    const canvasLike = context.canvas;
+    return ((_e = (_c = (_b = (_a = canvasLike === null || canvasLike === void 0 ? void 0 : canvasLike.getElement) === null || _a === void 0 ? void 0 : _a.call(canvasLike)) === null || _b === void 0 ? void 0 : _b.ownerDocument) !== null && _c !== void 0 ? _c : (_d = canvasLike === null || canvasLike === void 0 ? void 0 : canvasLike.lowerCanvasEl) === null || _d === void 0 ? void 0 : _d.ownerDocument) !== null && _e !== void 0 ? _e : document);
+}
+export function renderMaskList(context) {
+    const listId = context.getListElementId();
+    if (!listId)
+        return;
+    const ownerDocument = getMaskListDocument(context);
+    const listEl = ownerDocument.getElementById(listId);
+    if (!listEl || !context.canvas)
+        return;
+    listEl.innerHTML = '';
+    const canvas = context.canvas;
+    canvas
+        .getObjects()
+        .filter(isMaskObject)
+        .forEach((mask) => {
+        const listItemElement = ownerDocument.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 = getMaskListDocument(context).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":"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"}

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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"}