kritzel-stencil 0.0.119 → 0.0.121

package/dist/cjs/index-aaWestcD.js

@@ -1,827 +0,0 @@
-'use strict';
-
-class KritzelToolRegistry {
-    static registerTool(toolName, constructor, store) {
-        const toolInstance = new constructor(store);
-        toolInstance.name = toolName;
-        this.registry[toolName] = toolInstance;
-        return toolInstance;
-    }
-    static getTool(toolName) {
-        const toolInstance = this.registry[toolName];
-        if (!toolInstance) {
-            console.warn(`Unknown tool: ${toolName}`);
-            return null;
-        }
-        return toolInstance;
-    }
-}
-KritzelToolRegistry.registry = {};
-
-class KritzelBaseTool {
-    constructor(store) {
-        this.__class__ = this.constructor.name;
-        this.name = 'base-tool';
-        this._store = store;
-    }
-    onActivate() {
-        // default implementation
-    }
-    onDeactivate() {
-        // default implementation
-    }
-    handlePointerDown(_event) {
-        // default implementation
-    }
-    handlePointerMove(_event) {
-        // default implementation
-    }
-    handlePointerUp(_event) {
-        // default implementation
-    }
-    handleWheel(_event) {
-        // default implementation
-    }
-    revive(object) {
-        Object.assign(this, object);
-        return this;
-    }
-}
-
-class KritzelBaseCommand {
-    constructor(store, initiator) {
-        var _a, _b;
-        this._store = store;
-        this.initiator = (_b = (_a = initiator === null || initiator === void 0 ? void 0 : initiator.constructor) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : 'Unknown';
-        this.isUndoable = true;
-    }
-    execute() {
-        throw new Error('Method not implemented.');
-    }
-    undo() {
-        throw new Error('Method not implemented.');
-    }
-}
-
-class AddObjectCommand extends KritzelBaseCommand {
-    constructor(store, initiator, object) {
-        super(store, initiator);
-        this.object = object;
-    }
-    execute() {
-        this._store.state.objectsOctree.insert(this.object);
-    }
-    undo() {
-        this._store.state.objectsOctree.remove(object => object.id === this.object.id);
-    }
-}
-
-exports.KritzelMouseButton = void 0;
-(function (KritzelMouseButton) {
-    KritzelMouseButton[KritzelMouseButton["Left"] = 0] = "Left";
-    KritzelMouseButton[KritzelMouseButton["Middle"] = 1] = "Middle";
-    KritzelMouseButton[KritzelMouseButton["Right"] = 2] = "Right";
-})(exports.KritzelMouseButton || (exports.KritzelMouseButton = {}));
-
-class KritzelEventHelper {
-    static isRightClick(ev) {
-        return ev.button === exports.KritzelMouseButton.Right;
-    }
-    static isLeftClick(ev) {
-        return ev.button === exports.KritzelMouseButton.Left;
-    }
-    static isMainMouseWheel(event) {
-        return Math.abs(event.deltaY) > 0 && Math.abs(event.deltaX) === 0 && Number.isInteger(event.deltaY);
-    }
-    static isPointerEventOnContextMenu(event) {
-        const path = event.composedPath();
-        const contextMenu = path.find(element => element.classList && element.classList.contains('context-menu'));
-        return !!contextMenu;
-    }
-    static onLongTouchPress(event, onSuccess, onCancel) {
-        if (event.pointerType !== 'touch') {
-            onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-            return () => { };
-        }
-        const longPressTimeout = 400;
-        const moveThreshold = 10;
-        const startX = event.clientX;
-        const startY = event.clientY;
-        const target = event.target;
-        const timer = setTimeout(() => {
-            removeListeners();
-            onSuccess(event);
-        }, longPressTimeout);
-        const cancel = () => {
-            clearTimeout(timer);
-            removeListeners();
-            onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-        };
-        const onPointerMove = (e) => {
-            if (Math.abs(e.clientX - startX) > moveThreshold || Math.abs(e.clientY - startY) > moveThreshold) {
-                cancel();
-            }
-        };
-        const onPointerUp = () => {
-            cancel();
-        };
-        const onPointerCancel = () => {
-            cancel();
-        };
-        const removeListeners = () => {
-            target.removeEventListener('pointermove', onPointerMove);
-            target.removeEventListener('pointerup', onPointerUp);
-            target.removeEventListener('pointercancel', onPointerCancel);
-        };
-        target.addEventListener('pointermove', onPointerMove, { passive: true });
-        target.addEventListener('pointerup', onPointerUp, { once: true });
-        target.addEventListener('pointercancel', onPointerCancel, { once: true });
-        return cancel;
-    }
-}
-
-class KritzelKeyboardHelper {
-    static forceHideKeyboard() {
-        if (document.activeElement instanceof HTMLElement) {
-            document.activeElement.blur();
-        }
-    }
-    static enableInteractiveWidget() {
-        const meta = document.querySelector('meta[name="viewport"][content*="interactive-widget=resizes-content"]');
-        if (meta) {
-            let currentContent = meta.getAttribute('content');
-            if (!currentContent.includes('interactive-widget=resizes-content')) {
-                currentContent += ', interactive-widget=resizes-content';
-            }
-            meta.setAttribute('content', currentContent);
-        }
-    }
-    static disableInteractiveWidget() {
-        const meta = document.querySelector('meta[name="viewport"][content*="interactive-widget=resizes-content"]');
-        if (meta) {
-            let currentContent = meta.getAttribute('content');
-            let newContent = currentContent.replace(/\s*interactive-widget=resizes-content\s*[,;]?/g, '');
-            newContent = newContent
-                .replace(/,(\s*,)+/g, ',')
-                .replace(/^,/, '')
-                .replace(/,$/, '')
-                .trim();
-            meta.setAttribute('content', newContent);
-        }
-    }
-}
-
-class KritzelTextTool extends KritzelBaseTool {
-    constructor(store) {
-        super(store);
-        this.fontFamily = 'Arial';
-        this.fontSize = 16;
-        this.fontColor = '#000000';
-        this.palette = [
-            '#000000',
-            '#FFFFFF',
-            '#FF0000',
-            '#00FF00',
-            '#0000FF',
-            '#FFFF00',
-            '#FF00FF',
-            '#00FFFF',
-            '#808080',
-            '#C0C0C0',
-            '#800000',
-            '#008000',
-            '#000080',
-            '#808000',
-            '#800080',
-        ];
-    }
-    handlePointerDown(event) {
-        if (event.cancelable) {
-            event.preventDefault();
-        }
-        if (event.pointerType === 'mouse') {
-            const path = event.composedPath().slice(1);
-            const objectElement = path.find(element => element.classList && element.classList.contains('object'));
-            const object = this._store.findObjectById(objectElement === null || objectElement === void 0 ? void 0 : objectElement.id);
-            if (this._store.state.activeText === null && object && object instanceof KritzelText) {
-                this._store.state.activeText = object;
-                object.focus();
-                return;
-            }
-            if (this._store.state.activeText !== null && object instanceof KritzelText) {
-                object.focus();
-                return;
-            }
-            if (this._store.state.activeText !== null) {
-                this._store.resetActiveText();
-                this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-                return;
-            }
-            if (KritzelEventHelper.isLeftClick(event) === false) {
-                return;
-            }
-            const clientX = event.clientX - this._store.offsetX;
-            const clientY = event.clientY - this._store.offsetY;
-            const text = KritzelText.create(this._store, this.fontSize, this.fontFamily);
-            text.fontColor = this.fontColor;
-            text.translateX = (clientX - this._store.state.translateX) / this._store.state.scale;
-            text.translateY = (clientY - this._store.state.translateY) / this._store.state.scale;
-            text.zIndex = this._store.currentZIndex;
-            this._store.state.activeText = text;
-            this._store.history.executeCommand(new AddObjectCommand(this._store, this, text));
-        }
-        if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._store.state.pointers.values());
-            const path = event.composedPath().slice(1);
-            const objectElement = path.find(element => element.classList && element.classList.contains('object'));
-            const object = this._store.findObjectById(objectElement === null || objectElement === void 0 ? void 0 : objectElement.id);
-            if (this._store.state.activeText === null && object && object instanceof KritzelText) {
-                this._store.state.activeText = object;
-                object.focus();
-                return;
-            }
-            if (this._store.state.activeText !== null && object instanceof KritzelText) {
-                object.focus();
-                return;
-            }
-            if (this._store.state.activeText !== null) {
-                this._store.resetActiveText();
-                this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-                return;
-            }
-            if (activePointers.length > 1) {
-                return;
-            }
-            KritzelKeyboardHelper.disableInteractiveWidget();
-            const clientX = Math.round(activePointers[0].clientX - this._store.offsetX);
-            const clientY = Math.round(activePointers[0].clientY - this._store.offsetY);
-            const text = KritzelText.create(this._store, this.fontSize, this.fontFamily);
-            text.fontColor = this.fontColor;
-            text.translateX = (clientX - this._store.state.translateX) / this._store.state.scale;
-            text.translateY = (clientY - this._store.state.translateY) / this._store.state.scale;
-            text.zIndex = this._store.currentZIndex;
-            this._store.state.activeText = text;
-            this._store.history.executeCommand(new AddObjectCommand(this._store, this, text));
-        }
-    }
-    handlePointerUp(event) {
-        var _a, _b, _c, _d;
-        if (event.cancelable) {
-            event.preventDefault();
-        }
-        if (event.pointerType === 'mouse') {
-            (_a = this._store.state.activeText) === null || _a === void 0 ? void 0 : _a.adjustTextareaSize();
-            (_b = this._store.state.activeText) === null || _b === void 0 ? void 0 : _b.focus();
-        }
-        if (event.pointerType === 'touch') {
-            (_c = this._store.state.activeText) === null || _c === void 0 ? void 0 : _c.adjustTextareaSize();
-            (_d = this._store.state.activeText) === null || _d === void 0 ? void 0 : _d.focus();
-            KritzelKeyboardHelper.enableInteractiveWidget();
-        }
-    }
-}
-
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-class ObjectHelper {
-    static generateUUID() {
-        return Math.random().toString(36).substr(2, 9);
-    }
-    static clone(objOrObjs) {
-        const cloneObject = (obj) => {
-            const remainingProps = __rest(obj, ["_store", "_elementRef", "totalWidth", "totalHeight"]);
-            return structuredClone(remainingProps);
-        };
-        if (Array.isArray(objOrObjs)) {
-            return objOrObjs.map(cloneObject);
-        }
-        return cloneObject(objOrObjs);
-    }
-    static isEmpty(obj) {
-        if (obj === null || obj === undefined) {
-            return true;
-        }
-        return (Object === null || Object === void 0 ? void 0 : Object.keys(obj).length) === 0 && (obj === null || obj === void 0 ? void 0 : obj.constructor) === Object;
-    }
-}
-
-class KritzelBaseObject {
-    get totalWidth() {
-        return this.width + this.padding * 2;
-    }
-    get totalHeight() {
-        return this.height + this.padding * 2;
-    }
-    set elementRef(element) {
-        this._elementRef = element;
-    }
-    get elementRef() {
-        return this._elementRef;
-    }
-    get boundingBox() {
-        return {
-            x: this.translateX,
-            y: this.translateY,
-            z: this.scale,
-            width: this.totalWidth / this.scale,
-            height: this.totalHeight / this.scale,
-            depth: 0,
-        };
-    }
-    get rotatedBoundingBox() {
-        return {
-            x: this.minXRotated,
-            y: this.minYRotated,
-            z: this.scale,
-            width: this.maxXRotated - this.minXRotated,
-            height: this.maxYRotated - this.minYRotated,
-            depth: 0,
-        };
-    }
-    get rotatedPolygon() {
-        const cx = (this.translateX + this.totalWidth / 2 / this.scale);
-        const cy = (this.translateY + this.totalHeight / 2 / this.scale);
-        const angle = this.rotation;
-        const adjustedWidth = this.totalWidth / this.scale;
-        const adjustedHeight = this.totalHeight / this.scale;
-        const corners = {
-            topLeft: { x: this.translateX, y: this.translateY },
-            topRight: { x: this.translateX + adjustedWidth, y: this.translateY },
-            bottomRight: { x: this.translateX + adjustedWidth, y: this.translateY + adjustedHeight },
-            bottomLeft: { x: this.translateX, y: this.translateY + adjustedHeight },
-        };
-        const rotatedCorners = Object.keys(corners).reduce((acc, key) => {
-            const corner = corners[key];
-            const rotatedX = Math.cos(angle) * (corner.x - cx) - Math.sin(angle) * (corner.y - cy) + cx;
-            const rotatedY = Math.sin(angle) * (corner.x - cx) + Math.cos(angle) * (corner.y - cy) + cy;
-            acc[key] = { x: rotatedX, y: rotatedY };
-            return acc;
-        }, {});
-        return rotatedCorners;
-    }
-    get minXRotated() {
-        const corners = [
-            this.rotatedPolygon.topLeft.x,
-            this.rotatedPolygon.topRight.x,
-            this.rotatedPolygon.bottomRight.x,
-            this.rotatedPolygon.bottomLeft.x,
-        ];
-        return Math.min(...corners);
-    }
-    get minYRotated() {
-        const corners = [
-            this.rotatedPolygon.topLeft.y,
-            this.rotatedPolygon.topRight.y,
-            this.rotatedPolygon.bottomRight.y,
-            this.rotatedPolygon.bottomLeft.y,
-        ];
-        return Math.min(...corners);
-    }
-    get maxXRotated() {
-        const corners = [
-            this.rotatedPolygon.topLeft.x,
-            this.rotatedPolygon.topRight.x,
-            this.rotatedPolygon.bottomRight.x,
-            this.rotatedPolygon.bottomLeft.x,
-        ];
-        return Math.max(...corners);
-    }
-    get maxYRotated() {
-        const corners = [
-            this.rotatedPolygon.topLeft.y,
-            this.rotatedPolygon.topRight.y,
-            this.rotatedPolygon.bottomRight.y,
-            this.rotatedPolygon.bottomLeft.y,
-        ];
-        return Math.max(...corners);
-    }
-    get transformationMatrix() {
-        const scale = 1 / this.scale;
-        const translateX = this.translateX;
-        const translateY = this.translateY;
-        return `matrix(${scale}, 0, 0, ${scale}, ${translateX}, ${translateY})`;
-    }
-    get rotationDegrees() {
-        return this.rotation * (180 / Math.PI);
-    }
-    get centerX() {
-        return this.translateX + this.totalWidth / 2;
-    }
-    get centerY() {
-        return this.translateY + this.totalHeight / 2;
-    }
-    constructor() {
-        this.__class__ = 'KritzelBaseObject';
-        this.visible = true;
-        this.borderWidth = 0;
-        this.opacity = 1;
-        this.padding = 0;
-        this.selected = false;
-        this.resizing = false;
-        this.rotation = 0;
-        this.markedForRemoval = false;
-        this.isMounted = false;
-        this.zIndex = 0;
-        this.debugInfoVisible = false;
-        this.id = this.generateId();
-    }
-    static create(store) {
-        const object = new KritzelBaseObject();
-        object._store = store;
-        object.zIndex = store.currentZIndex;
-        return object;
-    }
-    mount(element) {
-        if (this.isMounted) {
-            return;
-        }
-        this.elementRef = element;
-        this.isMounted = true;
-    }
-    generateId() {
-        return ObjectHelper.generateUUID();
-    }
-    isInViewport() {
-        const viewportBounds = {
-            x: -this._store.state.translateX / this._store.state.scale,
-            y: -this._store.state.translateY / this._store.state.scale,
-            width: this._store.state.viewportWidth / this._store.state.scale,
-            height: this._store.state.viewportHeight / this._store.state.scale};
-        return this.boundingBox.x < viewportBounds.x + viewportBounds.width &&
-            this.boundingBox.x + this.boundingBox.width > viewportBounds.x &&
-            this.boundingBox.y < viewportBounds.y + viewportBounds.height &&
-            this.boundingBox.y + this.boundingBox.height > viewportBounds.y;
-    }
-    centerInViewport() {
-        const scale = this._store.state.scale;
-        this.translateX = (this._store.state.viewportWidth / 2 - this.totalWidth / 2 - this._store.state.translateX) / scale;
-        this.translateY = (this._store.state.viewportHeight / 2 - this.totalHeight / 2 - this._store.state.translateY) / scale;
-    }
-    move(startX, startY, endX, endY) {
-        const deltaX = (startX - endX) / this._store.state.scale;
-        const deltaY = (startY - endY) / this._store.state.scale;
-        this.translateX += deltaX;
-        this.translateY += deltaY;
-    }
-    resize(x, y, width, height) {
-        if (width <= 1 || height <= 1) {
-            return;
-        }
-        this.width = width;
-        this.height = height;
-        this.translateX = x;
-        this.translateY = y;
-    }
-    rotate(value) {
-        this.rotation = value;
-    }
-    copy() {
-        const copiedObject = Object.create(Object.getPrototypeOf(this));
-        Object.assign(copiedObject, this);
-        copiedObject.id = this.generateId();
-        copiedObject.isMounted = false;
-        return copiedObject;
-    }
-    onSelectedClick() {
-        // This method can be overridden by subclasses to handle click events when the object is selected.
-    }
-    revive(object) {
-        Object.assign(this, object);
-        return this;
-    }
-    isClass(className) {
-        return this.__class__ === className;
-    }
-}
-
-class KritzelText extends KritzelBaseObject {
-    get isReadonly() {
-        return !(this._store.state.activeTool instanceof KritzelTextTool);
-    }
-    constructor(config) {
-        super();
-        this.__class__ = 'KritzelText';
-        this.value = '';
-        this.fontFamily = 'Arial';
-        this.fontSize = 8;
-        this.fontColor = '#000000';
-        this.initialWidth = 3;
-        this.isNew = true;
-        this.debugInfoVisible = true;
-        this.rows = 1;
-        if (config) {
-            this.value = config.value || ' ';
-            this.translateX = config.translateX || 0;
-            this.translateY = config.translateY || 0;
-            this.fontSize = config.fontSize || 8;
-            this.fontFamily = config.fontFamily || 'Arial';
-            this.fontColor = config.fontColor || '#000000';
-            this.height = config.height || this.fontSize * 1.2;
-            this.width = config.width || 0;
-            this.scale = config.scale || 1;
-        }
-    }
-    static create(store, fontSize, fontFamily) {
-        const object = new KritzelText();
-        object._store = store;
-        object.fontSize = fontSize;
-        object.fontFamily = fontFamily;
-        object.translateX = 0;
-        object.translateY = 0;
-        object.width = object.initialWidth / (object._store.state.scale < 0 ? object._store.state.scale : 1);
-        object.height = (object.fontSize * 1.2) / (object._store.state.scale < 0 ? object._store.state.scale : 1);
-        object.padding = 5;
-        object.backgroundColor = 'transparent';
-        object.scale = object._store.state.scale;
-        object.value = ' ';
-        object.zIndex = store.currentZIndex;
-        return object;
-    }
-    mount(element) {
-        if ((this.isMounted && this.elementRef === element) || this.isInViewport() === false) {
-            return;
-        }
-        this.elementRef = element;
-        this.isMounted = true;
-    }
-    resize(x, y, width, height) {
-        if (width <= 1 || height <= 1) {
-            return;
-        }
-        const scaleFactor = height / this.height;
-        this.fontSize = this.fontSize * scaleFactor;
-        this.width = this.width * scaleFactor;
-        this.height = height;
-        this.translateX = x;
-        this.translateY = y;
-    }
-    handleKeyDown(event) {
-        if (this.isReadonly) {
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    }
-    handleInput(event) {
-        const target = event.target;
-        if (target.value === '') {
-            this.value = ' ';
-            target.value = ' ';
-            target.selectionStart = target.selectionEnd = target.value.length;
-        }
-        else {
-            this.value = target.value.trim();
-        }
-        this.adjustTextareaSize();
-    }
-    adjustTextareaSize() {
-        if (this.elementRef) {
-            const span = document.createElement('span');
-            span.style.position = 'absolute';
-            span.style.whiteSpace = 'pre-wrap';
-            span.style.visibility = 'hidden';
-            span.style.fontSize = window.getComputedStyle(this.elementRef).fontSize;
-            span.style.fontFamily = window.getComputedStyle(this.elementRef).fontFamily;
-            span.innerHTML = this.elementRef.value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\n/g, '<br>') + '<br>';
-            document.body.appendChild(span);
-            const textWidth = span.offsetWidth;
-            const textHeight = span.offsetHeight;
-            document.body.removeChild(span);
-            this.width = textWidth;
-            this.height = textHeight;
-            this._store.rerender();
-        }
-    }
-    focus() {
-        if (this.elementRef) {
-            this.elementRef.focus();
-        }
-    }
-    selectAll() {
-        if (this.elementRef) {
-            this.elementRef.select();
-        }
-    }
-    insertFromClipboard() {
-        if (this.elementRef) {
-            this.elementRef.focus();
-            try {
-                navigator.clipboard.readText().then(text => {
-                    const start = this.elementRef.selectionStart;
-                    const end = this.elementRef.selectionEnd;
-                    const value = this.elementRef.value;
-                    this.elementRef.value = value.substring(0, start) + text + value.substring(end);
-                    this.elementRef.selectionStart = this.elementRef.selectionEnd = start + text.length;
-                    this.value = this.elementRef.value;
-                    this.adjustTextareaSize();
-                });
-            }
-            catch (err) {
-                console.error('Failed to read clipboard contents:', err);
-            }
-        }
-    }
-    onSelectedClick() {
-        this._store.setState('activeTool', KritzelToolRegistry.getTool('text'));
-        this._store.state.selectionGroup = null;
-        this._store.state.selectionBox = null;
-        this._store.state.activeText = this;
-        setTimeout(() => {
-            this.focus();
-        }, 300);
-    }
-}
-
-var cjs = {};
-
-var hasRequiredCjs;
-
-function requireCjs () {
-	if (hasRequiredCjs) return cjs;
-	hasRequiredCjs = 1;
-	(function (exports) {
-		var pe=Object.defineProperty;var ge=e=>pe(e,"__esModule",{value:true});var de=(e,t)=>{ge(e);for(var s in t)pe(e,s,{get:t[s],enumerable:true});};de(exports,{default:()=>ve,getStroke:()=>ne,getStrokeOutlinePoints:()=>te,getStrokePoints:()=>re});function $(e,t,s,x=h=>h){return e*x(.5-t*(.5-s))}function ce(e){return [-e[0],-e[1]]}function l(e,t){return [e[0]+t[0],e[1]+t[1]]}function a(e,t){return [e[0]-t[0],e[1]-t[1]]}function b(e,t){return [e[0]*t,e[1]*t]}function xe(e,t){return [e[0]/t,e[1]/t]}function R(e){return [e[1],-e[0]]}function B(e,t){return e[0]*t[0]+e[1]*t[1]}function me(e,t){return e[0]===t[0]&&e[1]===t[1]}function Se(e){return Math.hypot(e[0],e[1])}function Pe(e){return e[0]*e[0]+e[1]*e[1]}function A(e,t){return Pe(a(e,t))}function G(e){return xe(e,Se(e))}function ae(e,t){return Math.hypot(e[1]-t[1],e[0]-t[0])}function L(e,t,s){let x=Math.sin(s),h=Math.cos(s),y=e[0]-t[0],n=e[1]-t[1],f=y*h-n*x,d=y*x+n*h;return [f+t[0],d+t[1]]}function K(e,t,s){return l(e,b(a(t,e),s))}function ee(e,t,s){return l(e,b(t,s))}var{min:C,PI:ke}=Math,le=.275,V=ke+1e-4;function te(e,t={}){let{size:s=16,smoothing:x=.5,thinning:h=.5,simulatePressure:y=true,easing:n=r=>r,start:f={},end:d={},last:D=false}=t,{cap:S=true,easing:j=r=>r*(2-r)}=f,{cap:q=true,easing:c=r=>--r*r*r+1}=d;if(e.length===0||s<=0)return [];let p=e[e.length-1].runningLength,g=f.taper===false?0:f.taper===true?Math.max(s,p):f.taper,T=d.taper===false?0:d.taper===true?Math.max(s,p):d.taper,oe=Math.pow(s*x,2),_=[],M=[],H=e.slice(0,10).reduce((r,i)=>{let o=i.pressure;if(y){let u=C(1,i.distance/s),W=C(1,1-u);o=C(1,r+(W-r)*(u*le));}return (r+o)/2},e[0].pressure),m=$(s,h,e[e.length-1].pressure,n),U,X=e[0].vector,z=e[0].point,F=z,O=z,E=F,J=false;for(let r=0;r<e.length;r++){let{pressure:i}=e[r],{point:o,vector:u,distance:W,runningLength:I}=e[r];if(r<e.length-1&&p-I<3)continue;if(h){if(y){let v=C(1,W/s),Z=C(1,1-v);i=C(1,H+(Z-H)*(v*le));}m=$(s,h,i,n);}else m=s/2;U===void 0&&(U=m);let fe=I<g?j(I/g):1,be=p-I<T?c((p-I)/T):1;m=Math.max(.01,m*Math.min(fe,be));let se=(r<e.length-1?e[r+1]:e[r]).vector,Y=r<e.length-1?B(u,se):1,he=B(u,X)<0&&!J,ue=Y!==null&&Y<0;if(he||ue){let v=b(R(X),m);for(let Z=1/13,w=0;w<=1;w+=Z)O=L(a(o,v),o,V*w),_.push(O),E=L(l(o,v),o,V*-w),M.push(E);z=O,F=E,ue&&(J=true);continue}if(J=false,r===e.length-1){let v=b(R(u),m);_.push(a(o,v)),M.push(l(o,v));continue}let ie=b(R(K(se,u,Y)),m);O=a(o,ie),(r<=1||A(z,O)>oe)&&(_.push(O),z=O),E=l(o,ie),(r<=1||A(F,E)>oe)&&(M.push(E),F=E),H=i,X=u;}let P=e[0].point.slice(0,2),k=e.length>1?e[e.length-1].point.slice(0,2):l(e[0].point,[1,1]),Q=[],N=[];if(e.length===1){if(!(g||T)||D){let r=ee(P,G(R(a(P,k))),-(U||m)),i=[];for(let o=1/13,u=o;u<=1;u+=o)i.push(L(r,P,V*2*u));return i}}else {if(!(g||T&&e.length===1))if(S)for(let i=1/13,o=i;o<=1;o+=i){let u=L(M[0],P,V*o);Q.push(u);}else {let i=a(_[0],M[0]),o=b(i,.5),u=b(i,.51);Q.push(a(P,o),a(P,u),l(P,u),l(P,o));}let r=R(ce(e[e.length-1].vector));if(T||g&&e.length===1)N.push(k);else if(q){let i=ee(k,r,m);for(let o=1/29,u=o;u<1;u+=o)N.push(L(i,k,V*3*u));}else N.push(l(k,b(r,m)),l(k,b(r,m*.99)),a(k,b(r,m*.99)),a(k,b(r,m)));}return _.concat(N,M.reverse(),Q)}function re(e,t={}){var q;let{streamline:s=.5,size:x=16,last:h=false}=t;if(e.length===0)return [];let y=.15+(1-s)*.85,n=Array.isArray(e[0])?e:e.map(({x:c,y:p,pressure:g=.5})=>[c,p,g]);if(n.length===2){let c=n[1];n=n.slice(0,-1);for(let p=1;p<5;p++)n.push(K(n[0],c,p/4));}n.length===1&&(n=[...n,[...l(n[0],[1,1]),...n[0].slice(2)]]);let f=[{point:[n[0][0],n[0][1]],pressure:n[0][2]>=0?n[0][2]:.25,vector:[1,1],distance:0,runningLength:0}],d=false,D=0,S=f[0],j=n.length-1;for(let c=1;c<n.length;c++){let p=h&&c===j?n[c].slice(0,2):K(S.point,n[c],y);if(me(S.point,p))continue;let g=ae(p,S.point);if(D+=g,c<j&&!d){if(D<x)continue;d=true;}S={point:p,pressure:n[c][2]>=0?n[c][2]:.5,vector:G(a(S.point,p)),distance:g,runningLength:D},f.push(S);}return f[0].vector=((q=f[1])==null?void 0:q.vector)||[0,0],f}function ne(e,t={}){return te(re(e,t),t)}var ve=ne; 
-	} (cjs));
-	return cjs;
-}
-
-var cjsExports = requireCjs();
-
-class KritzelMathHelper {
-    static average(a, b) {
-        return (a + b) / 2;
-    }
-}
-
-class KritzelPath extends KritzelBaseObject {
-    constructor() {
-        super(...arguments);
-        this.__class__ = 'KritzelPath';
-        this.stroke = 'none';
-        this.lineSlack = 0.5;
-        this.x = 0;
-        this.y = 0;
-        this.height = 0;
-        this.width = 0;
-        this.scale = 1;
-        this.visible = true;
-        this.debugInfoVisible = true;
-    }
-    get viewBox() {
-        return `${this.x} ${this.y} ${this.width} ${this.height}`;
-    }
-    static create(store, options) {
-        var _a, _b, _c, _d, _e, _f;
-        const object = new KritzelPath();
-        object._store = store;
-        object.id = object.generateId();
-        object.options = options;
-        object.points = (_a = options === null || options === void 0 ? void 0 : options.points) !== null && _a !== void 0 ? _a : [];
-        object.translateX = (_b = options === null || options === void 0 ? void 0 : options.translateX) !== null && _b !== void 0 ? _b : 0;
-        object.translateY = (_c = options === null || options === void 0 ? void 0 : options.translateY) !== null && _c !== void 0 ? _c : 0;
-        object.scale = (_d = options === null || options === void 0 ? void 0 : options.scale) !== null && _d !== void 0 ? _d : 1;
-        object.strokeWidth = (_e = options === null || options === void 0 ? void 0 : options.strokeWidth) !== null && _e !== void 0 ? _e : 8;
-        object.fill = (_f = options === null || options === void 0 ? void 0 : options.fill) !== null && _f !== void 0 ? _f : '#000000';
-        object.zIndex = store.currentZIndex;
-        object.d = object.generateSvgPath();
-        object.updateDimensions();
-        return object;
-    }
-    resize(x, y, width, height) {
-        if (width <= 1 || height <= 1) {
-            return;
-        }
-        const scaleX = width / this.width;
-        const scaleY = height / this.height;
-        this.width = width;
-        this.height = height;
-        this.points = this.points.map(([x, y]) => [x * scaleX, y * scaleY]);
-        this.d = this.generateSvgPath();
-        this.width = Math.max(...this.points.map(p => p[0])) - Math.min(...this.points.map(p => p[0])) + this.strokeWidth;
-        this.height = Math.max(...this.points.map(p => p[1])) - Math.min(...this.points.map(p => p[1])) + this.strokeWidth;
-        this.x = Math.min(...this.points.map(p => p[0])) - this.strokeWidth / 2;
-        this.y = Math.min(...this.points.map(p => p[1])) - this.strokeWidth / 2;
-        this.translateX = x;
-        this.translateY = y;
-    }
-    rotate(value) {
-        super.rotate(value);
-        this.updateDimensions();
-    }
-    updateDimensions() {
-        const rotatedPoints = this.points.map(([x, y]) => {
-            const rotatedX = x * Math.cos(this.rotation) - y * Math.sin(this.rotation);
-            const rotatedY = x * Math.sin(this.rotation) + y * Math.cos(this.rotation);
-            return [rotatedX, rotatedY];
-        });
-        const minX = Math.min(...rotatedPoints.map(p => p[0] - this.strokeWidth / 2));
-        const minY = Math.min(...rotatedPoints.map(p => p[1] - this.strokeWidth / 2));
-        const maxX = Math.max(...rotatedPoints.map(p => p[0] + this.strokeWidth / 2));
-        const maxY = Math.max(...rotatedPoints.map(p => p[1] + this.strokeWidth / 2));
-        this.width = maxX - minX + this.lineSlack;
-        this.height = maxY - minY + this.lineSlack;
-        this.x = minX;
-        this.y = minY;
-        this.translateX = (this.x + this.translateX) / this.scale;
-        this.translateY = (this.y + this.translateY) / this.scale;
-    }
-    generateSvgPath() {
-        const stroke = this.getStrokeFromPoints(this.points, this.strokeWidth);
-        return this.getSvgPathFromStroke(stroke);
-    }
-    getStrokeFromPoints(points, strokeWidth) {
-        return cjsExports.getStroke(points, {
-            size: strokeWidth,
-            thinning: 0.5,
-            smoothing: 0.5,
-            streamline: 0.5,
-            easing: t => t,
-            simulatePressure: true,
-            last: true,
-            start: {
-                cap: true,
-                taper: 0,
-                easing: t => t,
-            },
-            end: {
-                cap: true,
-                taper: 0,
-                easing: t => t,
-            },
-        });
-    }
-    getSvgPathFromStroke(points, closed = true) {
-        const len = points.length;
-        if (len < 4) {
-            return ``;
-        }
-        let a = points[0];
-        let b = points[1];
-        const c = points[2];
-        let result = `M${a[0].toFixed(2)},${a[1].toFixed(2)} Q${b[0].toFixed(2)},${b[1].toFixed(2)} ${KritzelMathHelper.average(b[0], c[0]).toFixed(2)},${KritzelMathHelper.average(b[1], c[1]).toFixed(2)} T`;
-        for (let i = 2, max = len - 1; i < max; i++) {
-            a = points[i];
-            b = points[i + 1];
-            result += `${KritzelMathHelper.average(a[0], b[0]).toFixed(2)},${KritzelMathHelper.average(a[1], b[1]).toFixed(2)} `;
-        }
-        if (closed) {
-            result += 'Z';
-        }
-        return result;
-    }
-}
-
-class KritzelImage extends KritzelBaseObject {
-    constructor() {
-        super(...arguments);
-        this.__class__ = 'KritzelImage';
-        this.src = '';
-        this.debugInfoVisible = true;
-    }
-    static create(store) {
-        const object = new KritzelImage();
-        object._store = store;
-        object.id = object.generateId();
-        object.x = 0;
-        object.y = 0;
-        object.translateX = 0;
-        object.translateY = 0;
-        object.scale = object._store.state.scale;
-        object.zIndex = store.currentZIndex;
-        return object;
-    }
-    resize(x, y, width, height) {
-        if (width <= 1 || height <= 1) {
-            return;
-        }
-        const scaleFactor = height / this.height;
-        this.width = this.width * scaleFactor;
-        this.height = this.height * scaleFactor;
-        this.translateX = x;
-        this.translateY = y;
-    }
-}
-
-exports.AddObjectCommand = AddObjectCommand;
-exports.KritzelBaseCommand = KritzelBaseCommand;
-exports.KritzelBaseObject = KritzelBaseObject;
-exports.KritzelBaseTool = KritzelBaseTool;
-exports.KritzelEventHelper = KritzelEventHelper;
-exports.KritzelImage = KritzelImage;
-exports.KritzelKeyboardHelper = KritzelKeyboardHelper;
-exports.KritzelPath = KritzelPath;
-exports.KritzelText = KritzelText;
-exports.KritzelTextTool = KritzelTextTool;
-exports.KritzelToolRegistry = KritzelToolRegistry;
-exports.ObjectHelper = ObjectHelper;
-//# sourceMappingURL=index-aaWestcD.js.map
-
-//# sourceMappingURL=index-aaWestcD.js.map