kritzel-stencil 0.0.160 → 0.0.162

package/dist/esm/{default-text-tool.config-DzqpOikl.js → default-line-tool.config-C35m-d1Y.js}

@@ -79,6 +79,48 @@ class KritzelGeometryHelper {
         const u = -((p1a.x - p2a.x) * (p1b.y - p1a.y) - (p1a.y - p2a.y) * (p1b.x - p1a.x)) / det;
         return t >= 0 && t <= 1 && u >= 0 && u <= 1;
     }
+    /**
+     * Finds the intersection point between a line segment and a line segment.
+     * Returns the intersection point or null if no intersection.
+     */
+    static getLineIntersectionPoint(p1a, p1b, p2a, p2b) {
+        const det = (p1b.x - p1a.x) * (p2b.y - p2a.y) - (p1b.y - p1a.y) * (p2b.x - p2a.x);
+        if (det === 0) {
+            return null; // Lines are parallel
+        }
+        const t = ((p2a.x - p1a.x) * (p2b.y - p2a.y) - (p2a.y - p1a.y) * (p2b.x - p2a.x)) / det;
+        const u = -((p1a.x - p2a.x) * (p1b.y - p1a.y) - (p1a.y - p2a.y) * (p1b.x - p1a.x)) / det;
+        if (t >= 0 && t <= 1 && u >= 0 && u <= 1) {
+            return {
+                x: p1a.x + t * (p1b.x - p1a.x),
+                y: p1a.y + t * (p1b.y - p1a.y)
+            };
+        }
+        return null;
+    }
+    /**
+     * Finds the closest intersection point between a line segment (from lineStart to lineEnd)
+     * and a polygon. Returns the intersection point closest to lineStart, or null if no intersection.
+     */
+    static getLinePolygonIntersection(lineStart, lineEnd, polygon) {
+        const points = [polygon.topLeft, polygon.topRight, polygon.bottomRight, polygon.bottomLeft];
+        let closestIntersection = null;
+        let closestDistance = Infinity;
+        for (let i = 0; i < points.length; i++) {
+            const edgeStart = points[i];
+            const edgeEnd = points[(i + 1) % points.length];
+            const intersection = this.getLineIntersectionPoint(lineStart, lineEnd, edgeStart, edgeEnd);
+            if (intersection) {
+                const distance = Math.sqrt(Math.pow(intersection.x - lineStart.x, 2) +
+                    Math.pow(intersection.y - lineStart.y, 2));
+                if (distance < closestDistance) {
+                    closestDistance = distance;
+                    closestIntersection = intersection;
+                }
+            }
+        }
+        return closestIntersection;
+    }
 }
 
 class KritzelBaseObject {
@@ -187,10 +229,10 @@ class KritzelBaseObject {
         return this.rotation * (180 / Math.PI);
     }
     get centerX() {
-        return this.translateX + this.totalWidth / 2;
+        return this.translateX + this.totalWidth / 2 / this.scale;
     }
     get centerY() {
-        return this.translateY + this.totalHeight / 2;
+        return this.translateY + this.totalHeight / 2 / this.scale;
     }
     constructor() {
         this.id = this.generateId();
@@ -260,6 +302,8 @@ class KritzelBaseObject {
         this.translateX = x;
         this.translateY = y;
         this._core.store.state.objects.update(this);
+        // Update any lines that are anchored to this object (after position is updated)
+        this._core.anchorManager.updateAnchorsForObject(this.id);
     }
     rotate(value) {
         this.rotation = value;
@@ -14452,6 +14496,568 @@ class KritzelImage extends KritzelBaseObject {
     }
 }
 
+class KritzelLine extends KritzelBaseObject {
+    __class__ = 'KritzelLine';
+    startX;
+    startY;
+    endX;
+    endY;
+    controlX;
+    controlY;
+    stroke;
+    strokeWidth;
+    scale = 1;
+    options;
+    /** Anchor connection for the start point of the line */
+    startAnchor;
+    /** Anchor connection for the end point of the line */
+    endAnchor;
+    /** Arrow head configuration for start and end of line */
+    arrows;
+    isVisible = true;
+    isDebugInfoVisible = true;
+    isCompleted = false;
+    _adjustedPoints = null;
+    get d() {
+        if (this.controlX !== undefined && this.controlY !== undefined) {
+            return `M ${this.startX} ${this.startY} Q ${this.controlX} ${this.controlY} ${this.endX} ${this.endY}`;
+        }
+        return `M ${this.startX} ${this.startY} L ${this.endX} ${this.endY}`;
+    }
+    get viewBox() {
+        return `${this.x} ${this.y} ${this.width} ${this.height}`;
+    }
+    constructor(config) {
+        super();
+        this.options = config;
+        this.startX = config?.startX ?? 0;
+        this.startY = config?.startY ?? 0;
+        this.endX = config?.endX ?? 0;
+        this.endY = config?.endY ?? 0;
+        this.controlX = config?.controlX;
+        this.controlY = config?.controlY;
+        this.translateX = config?.translateX ?? 0;
+        this.translateY = config?.translateY ?? 0;
+        this.scale = config?.scale ?? 1;
+        this.strokeWidth = config?.strokeWidth ?? 4;
+        this.stroke = config?.stroke ?? '#000000';
+        this.startAnchor = config?.startAnchor;
+        this.endAnchor = config?.endAnchor;
+        this.arrows = config?.arrows;
+        this.updateDimensions();
+    }
+    static create(core, options) {
+        const object = new KritzelLine();
+        object._core = core;
+        object.id = object.generateId();
+        object.workspaceId = core.store.state.activeWorkspace.id;
+        object.options = options;
+        object.startX = options?.startX ?? 0;
+        object.startY = options?.startY ?? 0;
+        object.endX = options?.endX ?? 0;
+        object.endY = options?.endY ?? 0;
+        object.controlX = options?.controlX;
+        object.controlY = options?.controlY;
+        object.translateX = options?.translateX ?? 0;
+        object.translateY = options?.translateY ?? 0;
+        object.scale = options?.scale ?? 1;
+        object.strokeWidth = options?.strokeWidth ?? 4;
+        object.stroke = options?.stroke ?? '#000000';
+        object.startAnchor = options?.startAnchor;
+        object.endAnchor = options?.endAnchor;
+        object.arrows = options?.arrows;
+        object.zIndex = core.store.currentZIndex;
+        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;
+        // Scale the line endpoints
+        this.startX = this.startX * scaleX;
+        this.startY = this.startY * scaleY;
+        this.endX = this.endX * scaleX;
+        this.endY = this.endY * scaleY;
+        if (this.controlX !== undefined && this.controlY !== undefined) {
+            this.controlX = this.controlX * scaleX;
+            this.controlY = this.controlY * scaleY;
+        }
+        // Recalculate dimensions from scaled endpoints
+        const { minX, minY, maxX, maxY } = this.calculateBoundingBox();
+        this.width = maxX - minX;
+        this.height = maxY - minY;
+        this.x = minX;
+        this.y = minY;
+        // Set the new position
+        this.translateX = x;
+        this.translateY = y;
+        this._adjustedPoints = null;
+        this._core.store.state.objects.update(this);
+        // Update anchors after the line is updated
+        this._core.anchorManager.updateAnchorsForObject(this.id);
+        if (this.startAnchor) {
+            this._core.anchorManager.updateAnchorsForObject(this.startAnchor.objectId);
+        }
+        if (this.endAnchor) {
+            this._core.anchorManager.updateAnchorsForObject(this.endAnchor.objectId);
+        }
+    }
+    rotate(value) {
+        this.rotation = value;
+        this._adjustedPoints = null;
+        this._core.store.state.objects.update(this);
+    }
+    move(startX, startY, endX, endY) {
+        const deltaX = (startX - endX) / this._core.store.state.scale;
+        const deltaY = (startY - endY) / this._core.store.state.scale;
+        this.translateX += deltaX;
+        this.translateY += deltaY;
+        // If the line is anchored, we need to ensure the anchored endpoints stay at the target
+        if (this.startAnchor) {
+            this._core.anchorManager.updateAnchorsForObject(this.startAnchor.objectId);
+        }
+        if (this.endAnchor) {
+            this._core.anchorManager.updateAnchorsForObject(this.endAnchor.objectId);
+        }
+        this._adjustedPoints = null;
+        this._core.store.state.objects.update(this);
+    }
+    hitTest(x, y) {
+        const halfStroke = this.strokeWidth / this.scale / 2;
+        if (this._adjustedPoints === null) {
+            this._adjustedPoints = this.computeAdjustedPoints();
+        }
+        // For curved lines, use distance to the Bezier curve
+        if (this.controlX !== undefined && this.controlY !== undefined) {
+            const distance = this.pointToBezierDistance(x, y);
+            return distance <= halfStroke + 2;
+        }
+        // For straight lines, use distance to line segment
+        const p1 = this._adjustedPoints[0];
+        const p2 = this._adjustedPoints[1];
+        const distance = this.pointToLineSegmentDistance(x, y, p1[0], p1[1], p2[0], p2[1]);
+        return distance <= halfStroke + 2; // Add a small tolerance for easier selection
+    }
+    hitTestPolygon(polygon) {
+        const halfStroke = this.strokeWidth / this.scale / 2;
+        if (this._adjustedPoints === null) {
+            this._adjustedPoints = this.computeAdjustedPoints();
+        }
+        const polyPoints = [
+            { x: polygon.bottomLeft.x, y: polygon.bottomLeft.y },
+            { x: polygon.bottomRight.x, y: polygon.bottomRight.y },
+            { x: polygon.topRight.x, y: polygon.topRight.y },
+            { x: polygon.topLeft.x, y: polygon.topLeft.y },
+        ];
+        // Check if any endpoint is inside the polygon
+        for (const [px, py] of this._adjustedPoints) {
+            if (KritzelGeometryHelper.isPointInPolygon({ x: px, y: py }, polyPoints)) {
+                return true;
+            }
+        }
+        // Check if any polygon vertex is on the line/curve
+        for (const pt of polyPoints) {
+            if (this.hitTest(pt.x, pt.y)) {
+                return true;
+            }
+        }
+        // For curved lines, sample points along the curve and check if any are inside the polygon
+        if (this.controlX !== undefined && this.controlY !== undefined) {
+            const p0 = this._adjustedPoints[0];
+            const p2 = this._adjustedPoints[1];
+            const controlAdjusted = this.computeAdjustedControlPoint();
+            const samples = 20;
+            for (let i = 1; i < samples; i++) {
+                const t = i / samples;
+                const oneMinusT = 1 - t;
+                const bx = oneMinusT * oneMinusT * p0[0] + 2 * oneMinusT * t * controlAdjusted[0] + t * t * p2[0];
+                const by = oneMinusT * oneMinusT * p0[1] + 2 * oneMinusT * t * controlAdjusted[1] + t * t * p2[1];
+                if (KritzelGeometryHelper.isPointInPolygon({ x: bx, y: by }, polyPoints)) {
+                    return true;
+                }
+                // Also check if curve point is within stroke distance of polygon edges
+                for (let j = 0; j < polyPoints.length; j++) {
+                    const q1 = polyPoints[j];
+                    const q2 = polyPoints[(j + 1) % polyPoints.length];
+                    const d = this.pointToLineSegmentDistance(bx, by, q1.x, q1.y, q2.x, q2.y);
+                    if (d <= halfStroke) {
+                        return true;
+                    }
+                }
+            }
+            return false;
+        }
+        // For straight lines, check if line intersects any polygon edge
+        const p1 = { x: this._adjustedPoints[0][0], y: this._adjustedPoints[0][1] };
+        const p2 = { x: this._adjustedPoints[1][0], y: this._adjustedPoints[1][1] };
+        for (let j = 0; j < polyPoints.length; j++) {
+            const q1 = polyPoints[j];
+            const q2 = polyPoints[(j + 1) % polyPoints.length];
+            if (KritzelGeometryHelper.intersectLines(p1, p2, q1, q2)) {
+                return true;
+            }
+            // Check distance from polygon edges to line segment
+            const d1 = this.pointToLineSegmentDistance(q1.x, q1.y, p1.x, p1.y, p2.x, p2.y);
+            const d2 = this.pointToLineSegmentDistance(q2.x, q2.y, p1.x, p1.y, p2.x, p2.y);
+            const d3 = this.pointToLineSegmentDistance(p1.x, p1.y, q1.x, q1.y, q2.x, q2.y);
+            const d4 = this.pointToLineSegmentDistance(p2.x, p2.y, q1.x, q1.y, q2.x, q2.y);
+            const minD = Math.min(d1, d2, d3, d4);
+            if (minD <= halfStroke) {
+                return true;
+            }
+        }
+        return false;
+    }
+    updatePosition(x, y) {
+        this.translateX = x;
+        this.translateY = y;
+        this._adjustedPoints = null;
+        this._core.store.state.objects.update(this);
+    }
+    /**
+     * Updates a specific endpoint of the line (start or end).
+     * The coordinates are in viewBox-local space (relative to x, y origin).
+     * This method recalculates the bounding box dimensions.
+     *
+     * @param handleType - Which endpoint to update: 'start' or 'end'
+     * @param newX - New X coordinate in viewBox-local space
+     * @param newY - New Y coordinate in viewBox-local space
+     */
+    updateEndpoint(handleType, newX, newY) {
+        // Update the appropriate endpoint
+        if (handleType === 'start') {
+            this.startX = newX;
+            this.startY = newY;
+        }
+        else {
+            this.endX = newX;
+            this.endY = newY;
+        }
+        const oldWidth = this.width;
+        const oldHeight = this.height;
+        // Recalculate the bounding box (viewBox dimensions)
+        const { minX, minY, maxX, maxY } = this.calculateBoundingBox();
+        // Calculate the change in origin (in local coordinates)
+        const deltaX = minX - this.x;
+        const deltaY = minY - this.y;
+        const newWidth = maxX - minX;
+        const newHeight = maxY - minY;
+        const deltaWidth = newWidth - oldWidth;
+        const deltaHeight = newHeight - oldHeight;
+        const deltaCx = deltaWidth / 2;
+        const deltaCy = deltaHeight / 2;
+        // Update viewBox dimensions
+        this.x = minX;
+        this.y = minY;
+        this.width = newWidth;
+        this.height = newHeight;
+        // Rotate the delta to world coordinates before applying to translate
+        const cos = Math.cos(this.rotation);
+        const sin = Math.sin(this.rotation);
+        // We need to compensate for:
+        // 1. The shift of the top-left corner (deltaX, deltaY)
+        // 2. The shift of the center point (deltaCx, deltaCy) which affects rotation pivot
+        // Formula: DeltaT = R(DeltaPos + DeltaCenter) - DeltaCenter
+        const vx = deltaX + deltaCx;
+        const vy = deltaY + deltaCy;
+        const rotatedVx = vx * cos - vy * sin;
+        const rotatedVy = vx * sin + vy * cos;
+        const correctionX = rotatedVx - deltaCx;
+        const correctionY = rotatedVy - deltaCy;
+        // Adjust translateX/Y to compensate for the origin shift
+        // so the line stays visually in the same position
+        this.translateX += correctionX / this.scale;
+        this.translateY += correctionY / this.scale;
+        // Clear cached adjusted points
+        this._adjustedPoints = null;
+        this._core.store.state.objects.update(this);
+    }
+    updateControlPoint(newX, newY) {
+        this.controlX = newX;
+        this.controlY = newY;
+        const oldWidth = this.width;
+        const oldHeight = this.height;
+        // Recalculate the bounding box (viewBox dimensions)
+        const { minX, minY, maxX, maxY } = this.calculateBoundingBox();
+        // Calculate the change in origin (in local coordinates)
+        const deltaX = minX - this.x;
+        const deltaY = minY - this.y;
+        const newWidth = maxX - minX;
+        const newHeight = maxY - minY;
+        const deltaWidth = newWidth - oldWidth;
+        const deltaHeight = newHeight - oldHeight;
+        const deltaCx = deltaWidth / 2;
+        const deltaCy = deltaHeight / 2;
+        // Update viewBox dimensions
+        this.x = minX;
+        this.y = minY;
+        this.width = newWidth;
+        this.height = newHeight;
+        // Rotate the delta to world coordinates before applying to translate
+        const cos = Math.cos(this.rotation);
+        const sin = Math.sin(this.rotation);
+        // We need to compensate for:
+        // 1. The shift of the top-left corner (deltaX, deltaY)
+        // 2. The shift of the center point (deltaCx, deltaCy) which affects rotation pivot
+        // Formula: DeltaT = R(DeltaPos + DeltaCenter) - DeltaCenter
+        const vx = deltaX + deltaCx;
+        const vy = deltaY + deltaCy;
+        const rotatedVx = vx * cos - vy * sin;
+        const rotatedVy = vx * sin + vy * cos;
+        const correctionX = rotatedVx - deltaCx;
+        const correctionY = rotatedVy - deltaCy;
+        // Adjust translateX/Y to compensate for the origin shift
+        // so the line stays visually in the same position
+        this.translateX += correctionX / this.scale;
+        this.translateY += correctionY / this.scale;
+        // Clear cached adjusted points
+        this._adjustedPoints = null;
+        this._core.store.state.objects.update(this);
+    }
+    computeAdjustedPoints() {
+        const points = [
+            [this.startX, this.startY],
+            [this.endX, this.endY],
+        ];
+        const angle = this.rotation;
+        const cos = Math.cos(angle);
+        const sin = Math.sin(angle);
+        const xs = points.map(p => p[0]);
+        const ys = points.map(p => p[1]);
+        const pivot = {
+            x: (Math.min(...xs) + Math.max(...xs)) / 2,
+            y: (Math.min(...ys) + Math.max(...ys)) / 2,
+        };
+        const { x: cx, y: cy } = pivot;
+        const rotatedPoints = points.map(([x, y]) => {
+            const dx = x - cx;
+            const dy = y - cy;
+            return [cx + dx * cos - dy * sin, cy + dx * sin + dy * cos];
+        });
+        return rotatedPoints.map(([px, py]) => [(px - this.x) / this.scale + this.translateX, (py - this.y) / this.scale + this.translateY]);
+    }
+    pointToLineSegmentDistance(x, y, x1, y1, x2, y2) {
+        const A = x - x1;
+        const B = y - y1;
+        const C = x2 - x1;
+        const D = y2 - y1;
+        const dot = A * C + B * D;
+        const len_sq = C * C + D * D;
+        let param = -1;
+        if (len_sq !== 0) {
+            param = dot / len_sq;
+        }
+        let xx, yy;
+        if (param < 0) {
+            xx = x1;
+            yy = y1;
+        }
+        else if (param > 1) {
+            xx = x2;
+            yy = y2;
+        }
+        else {
+            xx = x1 + param * C;
+            yy = y1 + param * D;
+        }
+        const dx = x - xx;
+        const dy = y - yy;
+        return Math.sqrt(dx * dx + dy * dy);
+    }
+    /**
+     * Calculates the minimum distance from a point to a quadratic Bezier curve.
+     * Uses sampling along the curve to find the closest point.
+     */
+    pointToBezierDistance(x, y) {
+        if (this._adjustedPoints === null) {
+            this._adjustedPoints = this.computeAdjustedPoints();
+        }
+        const p0 = this._adjustedPoints[0];
+        const p2 = this._adjustedPoints[1];
+        // Calculate the adjusted control point
+        const controlAdjusted = this.computeAdjustedControlPoint();
+        let minDistance = Infinity;
+        const samples = 20; // Number of samples along the curve
+        for (let i = 0; i <= samples; i++) {
+            const t = i / samples;
+            const oneMinusT = 1 - t;
+            // Quadratic Bezier: B(t) = (1-t)²P₀ + 2(1-t)tP₁ + t²P₂
+            const bx = oneMinusT * oneMinusT * p0[0] + 2 * oneMinusT * t * controlAdjusted[0] + t * t * p2[0];
+            const by = oneMinusT * oneMinusT * p0[1] + 2 * oneMinusT * t * controlAdjusted[1] + t * t * p2[1];
+            const dx = x - bx;
+            const dy = y - by;
+            const distance = Math.sqrt(dx * dx + dy * dy);
+            if (distance < minDistance) {
+                minDistance = distance;
+            }
+        }
+        return minDistance;
+    }
+    /**
+     * Computes the adjusted control point in world coordinates, accounting for rotation and translation.
+     */
+    computeAdjustedControlPoint() {
+        if (this.controlX === undefined || this.controlY === undefined) {
+            // Return midpoint if no control point
+            return [(this.startX + this.endX) / 2, (this.startY + this.endY) / 2];
+        }
+        const angle = this.rotation;
+        const cos = Math.cos(angle);
+        const sin = Math.sin(angle);
+        // Calculate pivot (center of bounding box for endpoints)
+        const xs = [this.startX, this.endX];
+        const ys = [this.startY, this.endY];
+        const pivot = {
+            x: (Math.min(...xs) + Math.max(...xs)) / 2,
+            y: (Math.min(...ys) + Math.max(...ys)) / 2,
+        };
+        const { x: cx, y: cy } = pivot;
+        // Rotate control point around pivot
+        const dx = this.controlX - cx;
+        const dy = this.controlY - cy;
+        const rotatedX = cx + dx * cos - dy * sin;
+        const rotatedY = cy + dx * sin + dy * cos;
+        // Transform to world coordinates
+        return [(rotatedX - this.x) / this.scale + this.translateX, (rotatedY - this.y) / this.scale + this.translateY];
+    }
+    get rotatedPolygon() {
+        const padding = this.padding;
+        // Use the bounding box which accounts for curve extrema
+        const { minX, minY, maxX, maxY } = KritzelLine.calculateBoundingBox(this.startX, this.startY, this.endX, this.endY, this.controlX, this.controlY, this.strokeWidth);
+        // Convert to local coordinates (relative to this.x, this.y)
+        const localMinX = minX - this.x + padding;
+        const localMinY = minY - this.y + padding;
+        const localMaxX = maxX - this.x + padding;
+        const localMaxY = maxY - this.y + padding;
+        const c1 = { x: localMinX, y: localMinY }; // top-left
+        const c2 = { x: localMaxX, y: localMinY }; // top-right
+        const c3 = { x: localMaxX, y: localMaxY }; // bottom-right
+        const c4 = { x: localMinX, y: localMaxY }; // bottom-left
+        const cx = this.totalWidth / 2;
+        const cy = this.totalHeight / 2;
+        const angle = this.rotation;
+        const cos = Math.cos(angle);
+        const sin = Math.sin(angle);
+        const transform = (p) => {
+            const rx = (p.x - cx) * cos - (p.y - cy) * sin + cx;
+            const ry = (p.x - cx) * sin + (p.y - cy) * cos + cy;
+            return {
+                x: rx / this.scale + this.translateX,
+                y: ry / this.scale + this.translateY,
+            };
+        };
+        return {
+            topLeft: transform(c1),
+            topRight: transform(c2),
+            bottomRight: transform(c3),
+            bottomLeft: transform(c4),
+        };
+    }
+    /**
+     * Calculates the tight bounding box for a quadratic Bezier curve or straight line.
+     * For curves, it finds the extrema points where the derivative equals zero.
+     */
+    static calculateBoundingBox(startX, startY, endX, endY, controlX, controlY, strokeWidth) {
+        let minX = Math.min(startX, endX);
+        let minY = Math.min(startY, endY);
+        let maxX = Math.max(startX, endX);
+        let maxY = Math.max(startY, endY);
+        if (controlX !== undefined && controlY !== undefined) {
+            // For a quadratic Bezier: B(t) = (1-t)²P₀ + 2(1-t)tP₁ + t²P₂
+            // Derivative: B'(t) = 2(1-t)(P₁-P₀) + 2t(P₂-P₁) = 0
+            // Solving for t: t = (P₀ - P₁) / (P₀ - 2P₁ + P₂)
+            // Find extrema for X
+            const aX = startX - 2 * controlX + endX;
+            if (aX !== 0) {
+                const tX = (startX - controlX) / aX;
+                if (tX > 0 && tX < 1) {
+                    const extremaX = (1 - tX) * (1 - tX) * startX + 2 * (1 - tX) * tX * controlX + tX * tX * endX;
+                    minX = Math.min(minX, extremaX);
+                    maxX = Math.max(maxX, extremaX);
+                }
+            }
+            // Find extrema for Y
+            const aY = startY - 2 * controlY + endY;
+            if (aY !== 0) {
+                const tY = (startY - controlY) / aY;
+                if (tY > 0 && tY < 1) {
+                    const extremaY = (1 - tY) * (1 - tY) * startY + 2 * (1 - tY) * tY * controlY + tY * tY * endY;
+                    minY = Math.min(minY, extremaY);
+                    maxY = Math.max(maxY, extremaY);
+                }
+            }
+        }
+        const halfStroke = strokeWidth / 2;
+        return {
+            minX: minX - halfStroke,
+            minY: minY - halfStroke,
+            maxX: maxX + halfStroke,
+            maxY: maxY + halfStroke,
+        };
+    }
+    calculateBoundingBox() {
+        return KritzelLine.calculateBoundingBox(this.startX, this.startY, this.endX, this.endY, this.controlX, this.controlY, this.strokeWidth);
+    }
+    updateDimensions() {
+        const { minX, minY, maxX, maxY } = this.calculateBoundingBox();
+        this.width = maxX - minX;
+        this.height = maxY - minY;
+        this.x = minX;
+        this.y = minY;
+        this.translateX = (this.x + this.translateX) / this.scale;
+        this.translateY = (this.y + this.translateY) / this.scale;
+    }
+    /** Get unique marker ID for SVG defs at the start of the line */
+    get startMarkerId() {
+        return `arrow-start-${this.id}`;
+    }
+    /** Get unique marker ID for SVG defs at the end of the line */
+    get endMarkerId() {
+        return `arrow-end-${this.id}`;
+    }
+    /** Get the arrow size for start or end, defaulting to strokeWidth * 3 */
+    getArrowSize(end) {
+        const config = end === 'start' ? this.arrows?.start : this.arrows?.end;
+        return config?.size ?? this.strokeWidth * 3;
+    }
+    /** Get the arrow fill color for start or end, defaulting to stroke color */
+    getArrowFill(end) {
+        const config = end === 'start' ? this.arrows?.start : this.arrows?.end;
+        return config?.fill ?? this.stroke;
+    }
+    /**
+     * Generate SVG path data for an arrow head based on the given style.
+     * The path is designed to fit in a 10x10 viewBox with the tip at (10, 5).
+     * @param style The arrow head style
+     * @returns SVG path data string
+     */
+    getArrowPath(style = 'triangle') {
+        switch (style) {
+            case 'triangle':
+                return 'M 0 0 L 10 5 L 0 10 z';
+            case 'open':
+                return 'M 0 0 L 10 5 L 0 10';
+            case 'diamond':
+                return 'M 0 5 L 5 0 L 10 5 L 5 10 z';
+            case 'circle':
+                return 'M 5,0 A 5,5 0 1,1 5,10 A 5,5 0 1,1 5,0';
+            default:
+                return 'M 0 0 L 10 5 L 0 10 z';
+        }
+    }
+    /** Check if start arrow is enabled */
+    get hasStartArrow() {
+        return this.arrows?.start?.enabled === true;
+    }
+    /** Check if end arrow is enabled */
+    get hasEndArrow() {
+        return this.arrows?.end?.enabled === true;
+    }
+}
+
 var KritzelMouseButton;
 (function (KritzelMouseButton) {
     KritzelMouseButton[KritzelMouseButton["Left"] = 0] = "Left";
@@ -14676,198 +15282,318 @@ class KritzelBrushTool extends KritzelBaseTool {
     }
 }
 
-class KritzelEraserTool extends KritzelBaseTool {
-    touchStartTimeout = null;
-    constructor(core) {
-        super(core);
-    }
-    handlePointerDown(event) {
-        if (event.pointerType === 'mouse') {
-            if (KritzelEventHelper.isLeftClick(event)) {
-                this._core.store.state.isErasing = true;
-            }
-        }
-        if (event.pointerType === 'touch') {
-            this.touchStartTimeout = setTimeout(() => {
-                if (this._core.store.state.pointers.size === 1 && !this._core.store.state.isScaling) {
-                    this._core.store.state.isErasing = true;
-                }
-            }, 80);
-        }
+class KritzelSelectionGroup extends KritzelBaseObject {
+    __class__ = 'KritzelSelectionGroup';
+    // Store only object IDs instead of full objects
+    objectIds = [];
+    // Store snapshots of object state for transformations (rotation, resize)
+    unchangedObjectSnapshots = new Map();
+    snapshotRotation = 0;
+    minX;
+    maxX;
+    minY;
+    maxY;
+    // Getter to retrieve actual objects from the store by their IDs
+    get objects() {
+        return this.objectIds
+            .map(id => {
+            const found = this._core.store.state.objects.filter(obj => obj.id === id);
+            return found.length > 0 ? found[0] : null;
+        })
+            .filter(obj => obj !== null);
     }
-    handlePointerMove(event) {
-        if (event.pointerType === 'mouse') {
-            if (this._core.store.state.isErasing) {
-                const selectedObjects = this._core.getObjectsFromPointerEvent(event, '.object');
-                if (selectedObjects.length === 0)
-                    return;
-                const x = this._core.store.state.pointerX;
-                const y = this._core.store.state.pointerY;
-                selectedObjects.forEach(selectedObject => {
-                    selectedObject.markedForRemoval = selectedObject.hitTest(x, y);
-                });
-                this._core.rerender();
-            }
-        }
-        if (event.pointerType === 'touch') {
-            if (this._core.store.state.pointers.size === 1 && this._core.store.state.isErasing) {
-                const shadowRoot = this._core.store.state.host?.shadowRoot;
-                if (!shadowRoot)
-                    return;
-                const selectedObjects = this._core.getObjectsFromPointerEvent(event, '.object');
-                if (selectedObjects.length === 0)
-                    return;
-                const x = this._core.store.state.pointerX;
-                const y = this._core.store.state.pointerY;
-                selectedObjects.forEach(selectedObject => {
-                    selectedObject.markedForRemoval = selectedObject.hitTest(x, y);
-                });
-                this._core.rerender();
-            }
-        }
+    get length() {
+        return this.objectIds.length;
     }
-    handlePointerUp(event) {
-        if (event.pointerType === 'mouse') {
-            if (this._core.store.state.isErasing) {
-                const objectsToRemove = this._core.store.allObjects.filter(object => object.markedForRemoval);
-                objectsToRemove.forEach(object => {
-                    object.markedForRemoval = false;
-                    this._core.removeObject(object);
-                });
-                if (objectsToRemove.length > 0) {
-                    this._core.rerender();
-                }
-                this._core.store.state.isErasing = false;
-                this._core.engine.emitObjectsChange();
-            }
+    static create(core) {
+        const object = new KritzelSelectionGroup();
+        object._core = core;
+        object.id = object.generateId();
+        object.workspaceId = core.store.state.activeWorkspace.id;
+        object.scale = core.store.state.scale;
+        object.zIndex = 99999;
+        return object;
+    }
+    addOrRemove(object) {
+        const index = this.objectIds.findIndex(id => id === object.id);
+        if (index === -1) {
+            this.objectIds.push(object.id);
         }
-        if (event.pointerType === 'touch') {
-            clearTimeout(this.touchStartTimeout);
-            if (this._core.store.state.isErasing) {
-                const objectsToRemove = this._core.store.allObjects.filter(object => object.markedForRemoval);
-                objectsToRemove.forEach(object => {
-                    object.markedForRemoval = false;
-                    this._core.removeObject(object);
-                });
-                if (objectsToRemove.length > 0) {
-                    this._core.rerender();
-                }
-                this._core.store.state.isErasing = false;
-                this._core.engine.emitObjectsChange();
-            }
+        else {
+            this.objectIds.splice(index, 1);
         }
+        this.captureUnchangedSnapshots();
+        this.refreshObjectDimensions();
     }
-}
-
-/**
- * Browser Image Compression
- * v2.0.2
- * by Donald <donaldcwl@gmail.com>
- * https://github.com/Donaldcwl/browser-image-compression
- */
-
-function _mergeNamespaces(e,t){return t.forEach((function(t){t&&"string"!=typeof t&&!Array.isArray(t)&&Object.keys(t).forEach((function(r){if("default"!==r&&!(r in e)){var i=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,i.get?i:{enumerable:true,get:function(){return t[r]}});}}));})),Object.freeze(e)}function copyExifWithoutOrientation(e,t){return new Promise((function(r,i){let o;return getApp1Segment(e).then((function(e){try{return o=e,r(new Blob([t.slice(0,2),o,t.slice(2)],{type:"image/jpeg"}))}catch(e){return i(e)}}),i)}))}const getApp1Segment=e=>new Promise(((t,r)=>{const i=new FileReader;i.addEventListener("load",(({target:{result:e}})=>{const i=new DataView(e);let o=0;if(65496!==i.getUint16(o))return r("not a valid JPEG");for(o+=2;;){const a=i.getUint16(o);if(65498===a)break;const s=i.getUint16(o+2);if(65505===a&&1165519206===i.getUint32(o+4)){const a=o+10;let f;switch(i.getUint16(a)){case 18761:f=true;break;case 19789:f=false;break;default:return r("TIFF header contains invalid endian")}if(42!==i.getUint16(a+2,f))return r("TIFF header contains invalid version");const l=i.getUint32(a+4,f),c=a+l+2+12*i.getUint16(a+l,f);for(let e=a+l+2;e<c;e+=12){if(274==i.getUint16(e,f)){if(3!==i.getUint16(e+2,f))return r("Orientation data type is invalid");if(1!==i.getUint32(e+4,f))return r("Orientation data count is invalid");i.setUint16(e+8,1,f);break}}return t(e.slice(o,o+2+s))}o+=2+s;}return t(new Blob)})),i.readAsArrayBuffer(e);}));var e={},t={get exports(){return e},set exports(t){e=t;}};!function(e){var r,i,UZIP={};t.exports=UZIP,UZIP.parse=function(e,t){for(var r=UZIP.bin.readUshort,i=UZIP.bin.readUint,o=0,a={},s=new Uint8Array(e),f=s.length-4;101010256!=i(s,f);)f--;o=f;o+=4;var l=r(s,o+=4);r(s,o+=2);var c=i(s,o+=2),u=i(s,o+=4);o+=4,o=u;for(var h=0;h<l;h++){i(s,o),o+=4,o+=4,o+=4,i(s,o+=4);c=i(s,o+=4);var d=i(s,o+=4),A=r(s,o+=4),g=r(s,o+2),p=r(s,o+4);o+=6;var m=i(s,o+=8);o+=4,o+=A+g+p,UZIP._readLocal(s,m,a,c,d,t);}return a},UZIP._readLocal=function(e,t,r,i,o,a){var s=UZIP.bin.readUshort,f=UZIP.bin.readUint;f(e,t),s(e,t+=4),s(e,t+=2);var l=s(e,t+=2);f(e,t+=2),f(e,t+=4),t+=4;var c=s(e,t+=8),u=s(e,t+=2);t+=2;var h=UZIP.bin.readUTF8(e,t,c);if(t+=c,t+=u,a)r[h]={size:o,csize:i};else {var d=new Uint8Array(e.buffer,t);if(0==l)r[h]=new Uint8Array(d.buffer.slice(t,t+i));else {if(8!=l)throw "unknown compression method: "+l;var A=new Uint8Array(o);UZIP.inflateRaw(d,A),r[h]=A;}}},UZIP.inflateRaw=function(e,t){return UZIP.F.inflate(e,t)},UZIP.inflate=function(e,t){return UZIP.inflateRaw(new Uint8Array(e.buffer,e.byteOffset+2,e.length-6),t)},UZIP.deflate=function(e,t){null==t&&(t={level:6});var r=0,i=new Uint8Array(50+Math.floor(1.1*e.length));i[r]=120,i[r+1]=156,r+=2,r=UZIP.F.deflateRaw(e,i,r,t.level);var o=UZIP.adler(e,0,e.length);return i[r+0]=o>>>24&255,i[r+1]=o>>>16&255,i[r+2]=o>>>8&255,i[r+3]=o>>>0&255,new Uint8Array(i.buffer,0,r+4)},UZIP.deflateRaw=function(e,t){null==t&&(t={level:6});var r=new Uint8Array(50+Math.floor(1.1*e.length)),i=UZIP.F.deflateRaw(e,r,i,t.level);return new Uint8Array(r.buffer,0,i)},UZIP.encode=function(e,t){null==t&&(t=false);var r=0,i=UZIP.bin.writeUint,o=UZIP.bin.writeUshort,a={};for(var s in e){var f=!UZIP._noNeed(s)&&!t,l=e[s],c=UZIP.crc.crc(l,0,l.length);a[s]={cpr:f,usize:l.length,crc:c,file:f?UZIP.deflateRaw(l):l};}for(var s in a)r+=a[s].file.length+30+46+2*UZIP.bin.sizeUTF8(s);r+=22;var u=new Uint8Array(r),h=0,d=[];for(var s in a){var A=a[s];d.push(h),h=UZIP._writeHeader(u,h,s,A,0);}var g=0,p=h;for(var s in a){A=a[s];d.push(h),h=UZIP._writeHeader(u,h,s,A,1,d[g++]);}var m=h-p;return i(u,h,101010256),h+=4,o(u,h+=4,g),o(u,h+=2,g),i(u,h+=2,m),i(u,h+=4,p),h+=4,h+=2,u.buffer},UZIP._noNeed=function(e){var t=e.split(".").pop().toLowerCase();return  -1!="png,jpg,jpeg,zip".indexOf(t)},UZIP._writeHeader=function(e,t,r,i,o,a){var s=UZIP.bin.writeUint,f=UZIP.bin.writeUshort,l=i.file;return s(e,t,0==o?67324752:33639248),t+=4,1==o&&(t+=2),f(e,t,20),f(e,t+=2,0),f(e,t+=2,i.cpr?8:0),s(e,t+=2,0),s(e,t+=4,i.crc),s(e,t+=4,l.length),s(e,t+=4,i.usize),f(e,t+=4,UZIP.bin.sizeUTF8(r)),f(e,t+=2,0),t+=2,1==o&&(t+=2,t+=2,s(e,t+=6,a),t+=4),t+=UZIP.bin.writeUTF8(e,t,r),0==o&&(e.set(l,t),t+=l.length),t},UZIP.crc={table:function(){for(var e=new Uint32Array(256),t=0;t<256;t++){for(var r=t,i=0;i<8;i++)1&r?r=3988292384^r>>>1:r>>>=1;e[t]=r;}return e}(),update:function(e,t,r,i){for(var o=0;o<i;o++)e=UZIP.crc.table[255&(e^t[r+o])]^e>>>8;return e},crc:function(e,t,r){return 4294967295^UZIP.crc.update(4294967295,e,t,r)}},UZIP.adler=function(e,t,r){for(var i=1,o=0,a=t,s=t+r;a<s;){for(var f=Math.min(a+5552,s);a<f;)o+=i+=e[a++];i%=65521,o%=65521;}return o<<16|i},UZIP.bin={readUshort:function(e,t){return e[t]|e[t+1]<<8},writeUshort:function(e,t,r){e[t]=255&r,e[t+1]=r>>8&255;},readUint:function(e,t){return 16777216*e[t+3]+(e[t+2]<<16|e[t+1]<<8|e[t])},writeUint:function(e,t,r){e[t]=255&r,e[t+1]=r>>8&255,e[t+2]=r>>16&255,e[t+3]=r>>24&255;},readASCII:function(e,t,r){for(var i="",o=0;o<r;o++)i+=String.fromCharCode(e[t+o]);return i},writeASCII:function(e,t,r){for(var i=0;i<r.length;i++)e[t+i]=r.charCodeAt(i);},pad:function(e){return e.length<2?"0"+e:e},readUTF8:function(e,t,r){for(var i,o="",a=0;a<r;a++)o+="%"+UZIP.bin.pad(e[t+a].toString(16));try{i=decodeURIComponent(o);}catch(i){return UZIP.bin.readASCII(e,t,r)}return i},writeUTF8:function(e,t,r){for(var i=r.length,o=0,a=0;a<i;a++){var s=r.charCodeAt(a);if(0==(4294967168&s))e[t+o]=s,o++;else if(0==(4294965248&s))e[t+o]=192|s>>6,e[t+o+1]=128|s>>0&63,o+=2;else if(0==(4294901760&s))e[t+o]=224|s>>12,e[t+o+1]=128|s>>6&63,e[t+o+2]=128|s>>0&63,o+=3;else {if(0!=(4292870144&s))throw "e";e[t+o]=240|s>>18,e[t+o+1]=128|s>>12&63,e[t+o+2]=128|s>>6&63,e[t+o+3]=128|s>>0&63,o+=4;}}return o},sizeUTF8:function(e){for(var t=e.length,r=0,i=0;i<t;i++){var o=e.charCodeAt(i);if(0==(4294967168&o))r++;else if(0==(4294965248&o))r+=2;else if(0==(4294901760&o))r+=3;else {if(0!=(4292870144&o))throw "e";r+=4;}}return r}},UZIP.F={},UZIP.F.deflateRaw=function(e,t,r,i){var o=[[0,0,0,0,0],[4,4,8,4,0],[4,5,16,8,0],[4,6,16,16,0],[4,10,16,32,0],[8,16,32,32,0],[8,16,128,128,0],[8,32,128,256,0],[32,128,258,1024,1],[32,258,258,4096,1]][i],a=UZIP.F.U,s=UZIP.F._goodIndex;var f=UZIP.F._putsE,l=0,c=r<<3,u=0,h=e.length;if(0==i){for(;l<h;){f(t,c,l+(_=Math.min(65535,h-l))==h?1:0),c=UZIP.F._copyExact(e,l,_,t,c+8),l+=_;}return c>>>3}var d=a.lits,A=a.strt,g=a.prev,p=0,m=0,w=0,v=0,b=0,y=0;for(h>2&&(A[y=UZIP.F._hash(e,0)]=0),l=0;l<h;l++){if(b=y,l+1<h-2){y=UZIP.F._hash(e,l+1);var E=l+1&32767;g[E]=A[y],A[y]=E;}if(u<=l){(p>14e3||m>26697)&&h-l>100&&(u<l&&(d[p]=l-u,p+=2,u=l),c=UZIP.F._writeBlock(l==h-1||u==h?1:0,d,p,v,e,w,l-w,t,c),p=m=v=0,w=l);var F=0;l<h-2&&(F=UZIP.F._bestMatch(e,l,g,b,Math.min(o[2],h-l),o[3]));var _=F>>>16,B=65535&F;if(0!=F){B=65535&F;var U=s(_=F>>>16,a.of0);a.lhst[257+U]++;var C=s(B,a.df0);a.dhst[C]++,v+=a.exb[U]+a.dxb[C],d[p]=_<<23|l-u,d[p+1]=B<<16|U<<8|C,p+=2,u=l+_;}else a.lhst[e[l]]++;m++;}}for(w==l&&0!=e.length||(u<l&&(d[p]=l-u,p+=2,u=l),c=UZIP.F._writeBlock(1,d,p,v,e,w,l-w,t,c),p=0,m=0,p=m=v=0,w=l);0!=(7&c);)c++;return c>>>3},UZIP.F._bestMatch=function(e,t,r,i,o,a){var s=32767&t,f=r[s],l=s-f+32768&32767;if(f==s||i!=UZIP.F._hash(e,t-l))return 0;for(var c=0,u=0,h=Math.min(32767,t);l<=h&&0!=--a&&f!=s;){if(0==c||e[t+c]==e[t+c-l]){var d=UZIP.F._howLong(e,t,l);if(d>c){if(u=l,(c=d)>=o)break;l+2<d&&(d=l+2);for(var A=0,g=0;g<d-2;g++){var p=t-l+g+32768&32767,m=p-r[p]+32768&32767;m>A&&(A=m,f=p);}}}l+=(s=f)-(f=r[s])+32768&32767;}return c<<16|u},UZIP.F._howLong=function(e,t,r){if(e[t]!=e[t-r]||e[t+1]!=e[t+1-r]||e[t+2]!=e[t+2-r])return 0;var i=t,o=Math.min(e.length,t+258);for(t+=3;t<o&&e[t]==e[t-r];)t++;return t-i},UZIP.F._hash=function(e,t){return (e[t]<<8|e[t+1])+(e[t+2]<<4)&65535},UZIP.saved=0,UZIP.F._writeBlock=function(e,t,r,i,o,a,s,f,l){var c,u,h,d,A,g,p,m,w,v=UZIP.F.U,b=UZIP.F._putsF,y=UZIP.F._putsE;v.lhst[256]++,u=(c=UZIP.F.getTrees())[0],h=c[1],d=c[2],A=c[3],g=c[4],p=c[5],m=c[6],w=c[7];var E=32+(0==(l+3&7)?0:8-(l+3&7))+(s<<3),F=i+UZIP.F.contSize(v.fltree,v.lhst)+UZIP.F.contSize(v.fdtree,v.dhst),_=i+UZIP.F.contSize(v.ltree,v.lhst)+UZIP.F.contSize(v.dtree,v.dhst);_+=14+3*p+UZIP.F.contSize(v.itree,v.ihst)+(2*v.ihst[16]+3*v.ihst[17]+7*v.ihst[18]);for(var B=0;B<286;B++)v.lhst[B]=0;for(B=0;B<30;B++)v.dhst[B]=0;for(B=0;B<19;B++)v.ihst[B]=0;var U=E<F&&E<_?0:F<_?1:2;if(b(f,l,e),b(f,l+1,U),l+=3,0==U){for(;0!=(7&l);)l++;l=UZIP.F._copyExact(o,a,s,f,l);}else {var C,I;if(1==U&&(C=v.fltree,I=v.fdtree),2==U){UZIP.F.makeCodes(v.ltree,u),UZIP.F.revCodes(v.ltree,u),UZIP.F.makeCodes(v.dtree,h),UZIP.F.revCodes(v.dtree,h),UZIP.F.makeCodes(v.itree,d),UZIP.F.revCodes(v.itree,d),C=v.ltree,I=v.dtree,y(f,l,A-257),y(f,l+=5,g-1),y(f,l+=5,p-4),l+=4;for(var Q=0;Q<p;Q++)y(f,l+3*Q,v.itree[1+(v.ordr[Q]<<1)]);l+=3*p,l=UZIP.F._codeTiny(m,v.itree,f,l),l=UZIP.F._codeTiny(w,v.itree,f,l);}for(var M=a,x=0;x<r;x+=2){for(var S=t[x],R=S>>>23,T=M+(8388607&S);M<T;)l=UZIP.F._writeLit(o[M++],C,f,l);if(0!=R){var O=t[x+1],P=O>>16,H=O>>8&255,L=255&O;y(f,l=UZIP.F._writeLit(257+H,C,f,l),R-v.of0[H]),l+=v.exb[H],b(f,l=UZIP.F._writeLit(L,I,f,l),P-v.df0[L]),l+=v.dxb[L],M+=R;}}l=UZIP.F._writeLit(256,C,f,l);}return l},UZIP.F._copyExact=function(e,t,r,i,o){var a=o>>>3;return i[a]=r,i[a+1]=r>>>8,i[a+2]=255-i[a],i[a+3]=255-i[a+1],a+=4,i.set(new Uint8Array(e.buffer,t,r),a),o+(r+4<<3)},UZIP.F.getTrees=function(){for(var e=UZIP.F.U,t=UZIP.F._hufTree(e.lhst,e.ltree,15),r=UZIP.F._hufTree(e.dhst,e.dtree,15),i=[],o=UZIP.F._lenCodes(e.ltree,i),a=[],s=UZIP.F._lenCodes(e.dtree,a),f=0;f<i.length;f+=2)e.ihst[i[f]]++;for(f=0;f<a.length;f+=2)e.ihst[a[f]]++;for(var l=UZIP.F._hufTree(e.ihst,e.itree,7),c=19;c>4&&0==e.itree[1+(e.ordr[c-1]<<1)];)c--;return [t,r,l,o,s,c,i,a]},UZIP.F.getSecond=function(e){for(var t=[],r=0;r<e.length;r+=2)t.push(e[r+1]);return t},UZIP.F.nonZero=function(e){for(var t="",r=0;r<e.length;r+=2)0!=e[r+1]&&(t+=(r>>1)+",");return t},UZIP.F.contSize=function(e,t){for(var r=0,i=0;i<t.length;i++)r+=t[i]*e[1+(i<<1)];return r},UZIP.F._codeTiny=function(e,t,r,i){for(var o=0;o<e.length;o+=2){var a=e[o],s=e[o+1];i=UZIP.F._writeLit(a,t,r,i);var f=16==a?2:17==a?3:7;a>15&&(UZIP.F._putsE(r,i,s,f),i+=f);}return i},UZIP.F._lenCodes=function(e,t){for(var r=e.length;2!=r&&0==e[r-1];)r-=2;for(var i=0;i<r;i+=2){var o=e[i+1],a=i+3<r?e[i+3]:-1,s=i+5<r?e[i+5]:-1,f=0==i?-1:e[i-1];if(0==o&&a==o&&s==o){for(var l=i+5;l+2<r&&e[l+2]==o;)l+=2;(c=Math.min(l+1-i>>>1,138))<11?t.push(17,c-3):t.push(18,c-11),i+=2*c-2;}else if(o==f&&a==o&&s==o){for(l=i+5;l+2<r&&e[l+2]==o;)l+=2;var c=Math.min(l+1-i>>>1,6);t.push(16,c-3),i+=2*c-2;}else t.push(o,0);}return r>>>1},UZIP.F._hufTree=function(e,t,r){var i=[],o=e.length,a=t.length,s=0;for(s=0;s<a;s+=2)t[s]=0,t[s+1]=0;for(s=0;s<o;s++)0!=e[s]&&i.push({lit:s,f:e[s]});var f=i.length,l=i.slice(0);if(0==f)return 0;if(1==f){var c=i[0].lit;l=0==c?1:0;return t[1+(c<<1)]=1,t[1+(l<<1)]=1,1}i.sort((function(e,t){return e.f-t.f}));var u=i[0],h=i[1],d=0,A=1,g=2;for(i[0]={lit:-1,f:u.f+h.f,l:u,r:h,d:0};A!=f-1;)u=d!=A&&(g==f||i[d].f<i[g].f)?i[d++]:i[g++],h=d!=A&&(g==f||i[d].f<i[g].f)?i[d++]:i[g++],i[A++]={lit:-1,f:u.f+h.f,l:u,r:h};var p=UZIP.F.setDepth(i[A-1],0);for(p>r&&(UZIP.F.restrictDepth(l,r,p),p=r),s=0;s<f;s++)t[1+(l[s].lit<<1)]=l[s].d;return p},UZIP.F.setDepth=function(e,t){return  -1!=e.lit?(e.d=t,t):Math.max(UZIP.F.setDepth(e.l,t+1),UZIP.F.setDepth(e.r,t+1))},UZIP.F.restrictDepth=function(e,t,r){var i=0,o=1<<r-t,a=0;for(e.sort((function(e,t){return t.d==e.d?e.f-t.f:t.d-e.d})),i=0;i<e.length&&e[i].d>t;i++){var s=e[i].d;e[i].d=t,a+=o-(1<<r-s);}for(a>>>=r-t;a>0;){(s=e[i].d)<t?(e[i].d++,a-=1<<t-s-1):i++;}for(;i>=0;i--)e[i].d==t&&a<0&&(e[i].d--,a++);0!=a&&console.log("debt left");},UZIP.F._goodIndex=function(e,t){var r=0;return t[16|r]<=e&&(r|=16),t[8|r]<=e&&(r|=8),t[4|r]<=e&&(r|=4),t[2|r]<=e&&(r|=2),t[1|r]<=e&&(r|=1),r},UZIP.F._writeLit=function(e,t,r,i){return UZIP.F._putsF(r,i,t[e<<1]),i+t[1+(e<<1)]},UZIP.F.inflate=function(e,t){var r=Uint8Array;if(3==e[0]&&0==e[1])return t||new r(0);var i=UZIP.F,o=i._bitsF,a=i._bitsE,s=i._decodeTiny,f=i.makeCodes,l=i.codes2map,c=i._get17,u=i.U,h=null==t;h&&(t=new r(e.length>>>2<<3));for(var d,A,g=0,p=0,m=0,w=0,v=0,b=0,y=0,E=0,F=0;0==g;)if(g=o(e,F,1),p=o(e,F+1,2),F+=3,0!=p){if(h&&(t=UZIP.F._check(t,E+(1<<17))),1==p&&(d=u.flmap,A=u.fdmap,b=511,y=31),2==p){m=a(e,F,5)+257,w=a(e,F+5,5)+1,v=a(e,F+10,4)+4,F+=14;for(var _=0;_<38;_+=2)u.itree[_]=0,u.itree[_+1]=0;var B=1;for(_=0;_<v;_++){var U=a(e,F+3*_,3);u.itree[1+(u.ordr[_]<<1)]=U,U>B&&(B=U);}F+=3*v,f(u.itree,B),l(u.itree,B,u.imap),d=u.lmap,A=u.dmap,F=s(u.imap,(1<<B)-1,m+w,e,F,u.ttree);var C=i._copyOut(u.ttree,0,m,u.ltree);b=(1<<C)-1;var I=i._copyOut(u.ttree,m,w,u.dtree);y=(1<<I)-1,f(u.ltree,C),l(u.ltree,C,d),f(u.dtree,I),l(u.dtree,I,A);}for(;;){var Q=d[c(e,F)&b];F+=15&Q;var M=Q>>>4;if(M>>>8==0)t[E++]=M;else {if(256==M)break;var x=E+M-254;if(M>264){var S=u.ldef[M-257];x=E+(S>>>3)+a(e,F,7&S),F+=7&S;}var R=A[c(e,F)&y];F+=15&R;var T=R>>>4,O=u.ddef[T],P=(O>>>4)+o(e,F,15&O);for(F+=15&O,h&&(t=UZIP.F._check(t,E+(1<<17)));E<x;)t[E]=t[E++-P],t[E]=t[E++-P],t[E]=t[E++-P],t[E]=t[E++-P];E=x;}}}else {0!=(7&F)&&(F+=8-(7&F));var H=4+(F>>>3),L=e[H-4]|e[H-3]<<8;h&&(t=UZIP.F._check(t,E+L)),t.set(new r(e.buffer,e.byteOffset+H,L),E),F=H+L<<3,E+=L;}return t.length==E?t:t.slice(0,E)},UZIP.F._check=function(e,t){var r=e.length;if(t<=r)return e;var i=new Uint8Array(Math.max(r<<1,t));return i.set(e,0),i},UZIP.F._decodeTiny=function(e,t,r,i,o,a){for(var s=UZIP.F._bitsE,f=UZIP.F._get17,l=0;l<r;){var c=e[f(i,o)&t];o+=15&c;var u=c>>>4;if(u<=15)a[l]=u,l++;else {var h=0,d=0;16==u?(d=3+s(i,o,2),o+=2,h=a[l-1]):17==u?(d=3+s(i,o,3),o+=3):18==u&&(d=11+s(i,o,7),o+=7);for(var A=l+d;l<A;)a[l]=h,l++;}}return o},UZIP.F._copyOut=function(e,t,r,i){for(var o=0,a=0,s=i.length>>>1;a<r;){var f=e[a+t];i[a<<1]=0,i[1+(a<<1)]=f,f>o&&(o=f),a++;}for(;a<s;)i[a<<1]=0,i[1+(a<<1)]=0,a++;return o},UZIP.F.makeCodes=function(e,t){for(var r,i,o,a,s=UZIP.F.U,f=e.length,l=s.bl_count,c=0;c<=t;c++)l[c]=0;for(c=1;c<f;c+=2)l[e[c]]++;var u=s.next_code;for(r=0,l[0]=0,i=1;i<=t;i++)r=r+l[i-1]<<1,u[i]=r;for(o=0;o<f;o+=2)0!=(a=e[o+1])&&(e[o]=u[a],u[a]++);},UZIP.F.codes2map=function(e,t,r){for(var i=e.length,o=UZIP.F.U.rev15,a=0;a<i;a+=2)if(0!=e[a+1])for(var s=a>>1,f=e[a+1],l=s<<4|f,c=t-f,u=e[a]<<c,h=u+(1<<c);u!=h;){r[o[u]>>>15-t]=l,u++;}},UZIP.F.revCodes=function(e,t){for(var r=UZIP.F.U.rev15,i=15-t,o=0;o<e.length;o+=2){var a=e[o]<<t-e[o+1];e[o]=r[a]>>>i;}},UZIP.F._putsE=function(e,t,r){r<<=7&t;var i=t>>>3;e[i]|=r,e[i+1]|=r>>>8;},UZIP.F._putsF=function(e,t,r){r<<=7&t;var i=t>>>3;e[i]|=r,e[i+1]|=r>>>8,e[i+2]|=r>>>16;},UZIP.F._bitsE=function(e,t,r){return (e[t>>>3]|e[1+(t>>>3)]<<8)>>>(7&t)&(1<<r)-1},UZIP.F._bitsF=function(e,t,r){return (e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)&(1<<r)-1},UZIP.F._get17=function(e,t){return (e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)},UZIP.F._get25=function(e,t){return (e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16|e[3+(t>>>3)]<<24)>>>(7&t)},UZIP.F.U=(r=Uint16Array,i=Uint32Array,{next_code:new r(16),bl_count:new r(16),ordr:[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],of0:[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,999,999,999],exb:[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0,0],ldef:new r(32),df0:[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577,65535,65535],dxb:[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,0,0],ddef:new i(32),flmap:new r(512),fltree:[],fdmap:new r(32),fdtree:[],lmap:new r(32768),ltree:[],ttree:[],dmap:new r(32768),dtree:[],imap:new r(512),itree:[],rev15:new r(32768),lhst:new i(286),dhst:new i(30),ihst:new i(19),lits:new i(15e3),strt:new r(65536),prev:new r(32768)}),function(){for(var e=UZIP.F.U,t=0;t<32768;t++){var r=t;r=(4278255360&(r=(4042322160&(r=(3435973836&(r=(2863311530&r)>>>1|(1431655765&r)<<1))>>>2|(858993459&r)<<2))>>>4|(252645135&r)<<4))>>>8|(16711935&r)<<8,e.rev15[t]=(r>>>16|r<<16)>>>17;}function pushV(e,t,r){for(;0!=t--;)e.push(0,r);}for(t=0;t<32;t++)e.ldef[t]=e.of0[t]<<3|e.exb[t],e.ddef[t]=e.df0[t]<<4|e.dxb[t];pushV(e.fltree,144,8),pushV(e.fltree,112,9),pushV(e.fltree,24,7),pushV(e.fltree,8,8),UZIP.F.makeCodes(e.fltree,9),UZIP.F.codes2map(e.fltree,9,e.flmap),UZIP.F.revCodes(e.fltree,9),pushV(e.fdtree,32,5),UZIP.F.makeCodes(e.fdtree,5),UZIP.F.codes2map(e.fdtree,5,e.fdmap),UZIP.F.revCodes(e.fdtree,5),pushV(e.itree,19,0),pushV(e.ltree,286,0),pushV(e.dtree,30,0),pushV(e.ttree,320,0);}();}();var UZIP=_mergeNamespaces({__proto__:null,default:e},[e]);const UPNG=function(){var e={nextZero(e,t){for(;0!=e[t];)t++;return t},readUshort:(e,t)=>e[t]<<8|e[t+1],writeUshort(e,t,r){e[t]=r>>8&255,e[t+1]=255&r;},readUint:(e,t)=>16777216*e[t]+(e[t+1]<<16|e[t+2]<<8|e[t+3]),writeUint(e,t,r){e[t]=r>>24&255,e[t+1]=r>>16&255,e[t+2]=r>>8&255,e[t+3]=255&r;},readASCII(e,t,r){let i="";for(let o=0;o<r;o++)i+=String.fromCharCode(e[t+o]);return i},writeASCII(e,t,r){for(let i=0;i<r.length;i++)e[t+i]=r.charCodeAt(i);},readBytes(e,t,r){const i=[];for(let o=0;o<r;o++)i.push(e[t+o]);return i},pad:e=>e.length<2?`0${e}`:e,readUTF8(t,r,i){let o,a="";for(let o=0;o<i;o++)a+=`%${e.pad(t[r+o].toString(16))}`;try{o=decodeURIComponent(a);}catch(o){return e.readASCII(t,r,i)}return o}};function decodeImage(t,r,i,o){const a=r*i,s=_getBPP(o),f=Math.ceil(r*s/8),l=new Uint8Array(4*a),c=new Uint32Array(l.buffer),{ctype:u}=o,{depth:h}=o,d=e.readUshort;if(6==u){const e=a<<2;if(8==h)for(var A=0;A<e;A+=4)l[A]=t[A],l[A+1]=t[A+1],l[A+2]=t[A+2],l[A+3]=t[A+3];if(16==h)for(A=0;A<e;A++)l[A]=t[A<<1];}else if(2==u){const e=o.tabs.tRNS;if(null==e){if(8==h)for(A=0;A<a;A++){var g=3*A;c[A]=255<<24|t[g+2]<<16|t[g+1]<<8|t[g];}if(16==h)for(A=0;A<a;A++){g=6*A;c[A]=255<<24|t[g+4]<<16|t[g+2]<<8|t[g];}}else {var p=e[0];const r=e[1],i=e[2];if(8==h)for(A=0;A<a;A++){var m=A<<2;g=3*A;c[A]=255<<24|t[g+2]<<16|t[g+1]<<8|t[g],t[g]==p&&t[g+1]==r&&t[g+2]==i&&(l[m+3]=0);}if(16==h)for(A=0;A<a;A++){m=A<<2,g=6*A;c[A]=255<<24|t[g+4]<<16|t[g+2]<<8|t[g],d(t,g)==p&&d(t,g+2)==r&&d(t,g+4)==i&&(l[m+3]=0);}}}else if(3==u){const e=o.tabs.PLTE,s=o.tabs.tRNS,c=s?s.length:0;if(1==h)for(var w=0;w<i;w++){var v=w*f,b=w*r;for(A=0;A<r;A++){m=b+A<<2;var y=3*(E=t[v+(A>>3)]>>7-((7&A)<<0)&1);l[m]=e[y],l[m+1]=e[y+1],l[m+2]=e[y+2],l[m+3]=E<c?s[E]:255;}}if(2==h)for(w=0;w<i;w++)for(v=w*f,b=w*r,A=0;A<r;A++){m=b+A<<2,y=3*(E=t[v+(A>>2)]>>6-((3&A)<<1)&3);l[m]=e[y],l[m+1]=e[y+1],l[m+2]=e[y+2],l[m+3]=E<c?s[E]:255;}if(4==h)for(w=0;w<i;w++)for(v=w*f,b=w*r,A=0;A<r;A++){m=b+A<<2,y=3*(E=t[v+(A>>1)]>>4-((1&A)<<2)&15);l[m]=e[y],l[m+1]=e[y+1],l[m+2]=e[y+2],l[m+3]=E<c?s[E]:255;}if(8==h)for(A=0;A<a;A++){var E;m=A<<2,y=3*(E=t[A]);l[m]=e[y],l[m+1]=e[y+1],l[m+2]=e[y+2],l[m+3]=E<c?s[E]:255;}}else if(4==u){if(8==h)for(A=0;A<a;A++){m=A<<2;var F=t[_=A<<1];l[m]=F,l[m+1]=F,l[m+2]=F,l[m+3]=t[_+1];}if(16==h)for(A=0;A<a;A++){var _;m=A<<2,F=t[_=A<<2];l[m]=F,l[m+1]=F,l[m+2]=F,l[m+3]=t[_+2];}}else if(0==u)for(p=o.tabs.tRNS?o.tabs.tRNS:-1,w=0;w<i;w++){const e=w*f,i=w*r;if(1==h)for(var B=0;B<r;B++){var U=(F=255*(t[e+(B>>>3)]>>>7-(7&B)&1))==255*p?0:255;c[i+B]=U<<24|F<<16|F<<8|F;}else if(2==h)for(B=0;B<r;B++){U=(F=85*(t[e+(B>>>2)]>>>6-((3&B)<<1)&3))==85*p?0:255;c[i+B]=U<<24|F<<16|F<<8|F;}else if(4==h)for(B=0;B<r;B++){U=(F=17*(t[e+(B>>>1)]>>>4-((1&B)<<2)&15))==17*p?0:255;c[i+B]=U<<24|F<<16|F<<8|F;}else if(8==h)for(B=0;B<r;B++){U=(F=t[e+B])==p?0:255;c[i+B]=U<<24|F<<16|F<<8|F;}else if(16==h)for(B=0;B<r;B++){F=t[e+(B<<1)],U=d(t,e+(B<<1))==p?0:255;c[i+B]=U<<24|F<<16|F<<8|F;}}return l}function _decompress(e,r,i,o){const a=_getBPP(e),s=Math.ceil(i*a/8),f=new Uint8Array((s+1+e.interlace)*o);return r=e.tabs.CgBI?t(r,f):_inflate(r,f),0==e.interlace?r=_filterZero(r,e,0,i,o):1==e.interlace&&(r=function _readInterlace(e,t){const r=t.width,i=t.height,o=_getBPP(t),a=o>>3,s=Math.ceil(r*o/8),f=new Uint8Array(i*s);let l=0;const c=[0,0,4,0,2,0,1],u=[0,4,0,2,0,1,0],h=[8,8,8,4,4,2,2],d=[8,8,4,4,2,2,1];let A=0;for(;A<7;){const p=h[A],m=d[A];let w=0,v=0,b=c[A];for(;b<i;)b+=p,v++;let y=u[A];for(;y<r;)y+=m,w++;const E=Math.ceil(w*o/8);_filterZero(e,t,l,w,v);let F=0,_=c[A];for(;_<i;){let t=u[A],i=l+F*E<<3;for(;t<r;){var g;if(1==o)g=(g=e[i>>3])>>7-(7&i)&1,f[_*s+(t>>3)]|=g<<7-((7&t)<<0);if(2==o)g=(g=e[i>>3])>>6-(7&i)&3,f[_*s+(t>>2)]|=g<<6-((3&t)<<1);if(4==o)g=(g=e[i>>3])>>4-(7&i)&15,f[_*s+(t>>1)]|=g<<4-((1&t)<<2);if(o>=8){const r=_*s+t*a;for(let t=0;t<a;t++)f[r+t]=e[(i>>3)+t];}i+=o,t+=m;}F++,_+=p;}w*v!=0&&(l+=v*(1+E)),A+=1;}return f}(r,e)),r}function _inflate(e,r){return t(new Uint8Array(e.buffer,2,e.length-6),r)}var t=function(){const e={H:{}};return e.H.N=function(t,r){const i=Uint8Array;let o,a,s=0,f=0,l=0,c=0,u=0,h=0,d=0,A=0,g=0;if(3==t[0]&&0==t[1])return r||new i(0);const p=e.H,m=p.b,w=p.e,v=p.R,b=p.n,y=p.A,E=p.Z,F=p.m,_=null==r;for(_&&(r=new i(t.length>>>2<<5));0==s;)if(s=m(t,g,1),f=m(t,g+1,2),g+=3,0!=f){if(_&&(r=e.H.W(r,A+(1<<17))),1==f&&(o=F.J,a=F.h,h=511,d=31),2==f){l=w(t,g,5)+257,c=w(t,g+5,5)+1,u=w(t,g+10,4)+4,g+=14;let e=1;for(var B=0;B<38;B+=2)F.Q[B]=0,F.Q[B+1]=0;for(B=0;B<u;B++){const r=w(t,g+3*B,3);F.Q[1+(F.X[B]<<1)]=r,r>e&&(e=r);}g+=3*u,b(F.Q,e),y(F.Q,e,F.u),o=F.w,a=F.d,g=v(F.u,(1<<e)-1,l+c,t,g,F.v);const r=p.V(F.v,0,l,F.C);h=(1<<r)-1;const i=p.V(F.v,l,c,F.D);d=(1<<i)-1,b(F.C,r),y(F.C,r,o),b(F.D,i),y(F.D,i,a);}for(;;){const e=o[E(t,g)&h];g+=15&e;const i=e>>>4;if(i>>>8==0)r[A++]=i;else {if(256==i)break;{let e=A+i-254;if(i>264){const r=F.q[i-257];e=A+(r>>>3)+w(t,g,7&r),g+=7&r;}const o=a[E(t,g)&d];g+=15&o;const s=o>>>4,f=F.c[s],l=(f>>>4)+m(t,g,15&f);for(g+=15&f;A<e;)r[A]=r[A++-l],r[A]=r[A++-l],r[A]=r[A++-l],r[A]=r[A++-l];A=e;}}}}else {0!=(7&g)&&(g+=8-(7&g));const o=4+(g>>>3),a=t[o-4]|t[o-3]<<8;_&&(r=e.H.W(r,A+a)),r.set(new i(t.buffer,t.byteOffset+o,a),A),g=o+a<<3,A+=a;}return r.length==A?r:r.slice(0,A)},e.H.W=function(e,t){const r=e.length;if(t<=r)return e;const i=new Uint8Array(r<<1);return i.set(e,0),i},e.H.R=function(t,r,i,o,a,s){const f=e.H.e,l=e.H.Z;let c=0;for(;c<i;){const e=t[l(o,a)&r];a+=15&e;const i=e>>>4;if(i<=15)s[c]=i,c++;else {let e=0,t=0;16==i?(t=3+f(o,a,2),a+=2,e=s[c-1]):17==i?(t=3+f(o,a,3),a+=3):18==i&&(t=11+f(o,a,7),a+=7);const r=c+t;for(;c<r;)s[c]=e,c++;}}return a},e.H.V=function(e,t,r,i){let o=0,a=0;const s=i.length>>>1;for(;a<r;){const r=e[a+t];i[a<<1]=0,i[1+(a<<1)]=r,r>o&&(o=r),a++;}for(;a<s;)i[a<<1]=0,i[1+(a<<1)]=0,a++;return o},e.H.n=function(t,r){const i=e.H.m,o=t.length;let a,s,f;let l;const c=i.j;for(var u=0;u<=r;u++)c[u]=0;for(u=1;u<o;u+=2)c[t[u]]++;const h=i.K;for(a=0,c[0]=0,s=1;s<=r;s++)a=a+c[s-1]<<1,h[s]=a;for(f=0;f<o;f+=2)l=t[f+1],0!=l&&(t[f]=h[l],h[l]++);},e.H.A=function(t,r,i){const o=t.length,a=e.H.m.r;for(let e=0;e<o;e+=2)if(0!=t[e+1]){const o=e>>1,s=t[e+1],f=o<<4|s,l=r-s;let c=t[e]<<l;const u=c+(1<<l);for(;c!=u;){i[a[c]>>>15-r]=f,c++;}}},e.H.l=function(t,r){const i=e.H.m.r,o=15-r;for(let e=0;e<t.length;e+=2){const a=t[e]<<r-t[e+1];t[e]=i[a]>>>o;}},e.H.M=function(e,t,r){r<<=7&t;const i=t>>>3;e[i]|=r,e[i+1]|=r>>>8;},e.H.I=function(e,t,r){r<<=7&t;const i=t>>>3;e[i]|=r,e[i+1]|=r>>>8,e[i+2]|=r>>>16;},e.H.e=function(e,t,r){return (e[t>>>3]|e[1+(t>>>3)]<<8)>>>(7&t)&(1<<r)-1},e.H.b=function(e,t,r){return (e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)&(1<<r)-1},e.H.Z=function(e,t){return (e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)},e.H.i=function(e,t){return (e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16|e[3+(t>>>3)]<<24)>>>(7&t)},e.H.m=function(){const e=Uint16Array,t=Uint32Array;return {K:new e(16),j:new e(16),X:[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],S:[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,999,999,999],T:[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0,0],q:new e(32),p:[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577,65535,65535],z:[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,0,0],c:new t(32),J:new e(512),_:[],h:new e(32),$:[],w:new e(32768),C:[],v:[],d:new e(32768),D:[],u:new e(512),Q:[],r:new e(32768),s:new t(286),Y:new t(30),a:new t(19),t:new t(15e3),k:new e(65536),g:new e(32768)}}(),function(){const t=e.H.m;for(var r=0;r<32768;r++){let e=r;e=(2863311530&e)>>>1|(1431655765&e)<<1,e=(3435973836&e)>>>2|(858993459&e)<<2,e=(4042322160&e)>>>4|(252645135&e)<<4,e=(4278255360&e)>>>8|(16711935&e)<<8,t.r[r]=(e>>>16|e<<16)>>>17;}function n(e,t,r){for(;0!=t--;)e.push(0,r);}for(r=0;r<32;r++)t.q[r]=t.S[r]<<3|t.T[r],t.c[r]=t.p[r]<<4|t.z[r];n(t._,144,8),n(t._,112,9),n(t._,24,7),n(t._,8,8),e.H.n(t._,9),e.H.A(t._,9,t.J),e.H.l(t._,9),n(t.$,32,5),e.H.n(t.$,5),e.H.A(t.$,5,t.h),e.H.l(t.$,5),n(t.Q,19,0),n(t.C,286,0),n(t.D,30,0),n(t.v,320,0);}(),e.H.N}();function _getBPP(e){return [1,null,3,1,2,null,4][e.ctype]*e.depth}function _filterZero(e,t,r,i,o){let a=_getBPP(t);const s=Math.ceil(i*a/8);let f,l;a=Math.ceil(a/8);let c=e[r],u=0;if(c>1&&(e[r]=[0,0,1][c-2]),3==c)for(u=a;u<s;u++)e[u+1]=e[u+1]+(e[u+1-a]>>>1)&255;for(let t=0;t<o;t++)if(f=r+t*s,l=f+t+1,c=e[l-1],u=0,0==c)for(;u<s;u++)e[f+u]=e[l+u];else if(1==c){for(;u<a;u++)e[f+u]=e[l+u];for(;u<s;u++)e[f+u]=e[l+u]+e[f+u-a];}else if(2==c)for(;u<s;u++)e[f+u]=e[l+u]+e[f+u-s];else if(3==c){for(;u<a;u++)e[f+u]=e[l+u]+(e[f+u-s]>>>1);for(;u<s;u++)e[f+u]=e[l+u]+(e[f+u-s]+e[f+u-a]>>>1);}else {for(;u<a;u++)e[f+u]=e[l+u]+_paeth(0,e[f+u-s],0);for(;u<s;u++)e[f+u]=e[l+u]+_paeth(e[f+u-a],e[f+u-s],e[f+u-a-s]);}return e}function _paeth(e,t,r){const i=e+t-r,o=i-e,a=i-t,s=i-r;return o*o<=a*a&&o*o<=s*s?e:a*a<=s*s?t:r}function _IHDR(t,r,i){i.width=e.readUint(t,r),r+=4,i.height=e.readUint(t,r),r+=4,i.depth=t[r],r++,i.ctype=t[r],r++,i.compress=t[r],r++,i.filter=t[r],r++,i.interlace=t[r],r++;}function _copyTile(e,t,r,i,o,a,s,f,l){const c=Math.min(t,o),u=Math.min(r,a);let h=0,d=0;for(let r=0;r<u;r++)for(let a=0;a<c;a++)if(s>=0&&f>=0?(h=r*t+a<<2,d=(f+r)*o+s+a<<2):(h=(-f+r)*t-s+a<<2,d=r*o+a<<2),0==l)i[d]=e[h],i[d+1]=e[h+1],i[d+2]=e[h+2],i[d+3]=e[h+3];else if(1==l){var A=e[h+3]*(1/255),g=e[h]*A,p=e[h+1]*A,m=e[h+2]*A,w=i[d+3]*(1/255),v=i[d]*w,b=i[d+1]*w,y=i[d+2]*w;const t=1-A,r=A+w*t,o=0==r?0:1/r;i[d+3]=255*r,i[d+0]=(g+v*t)*o,i[d+1]=(p+b*t)*o,i[d+2]=(m+y*t)*o;}else if(2==l){A=e[h+3],g=e[h],p=e[h+1],m=e[h+2],w=i[d+3],v=i[d],b=i[d+1],y=i[d+2];A==w&&g==v&&p==b&&m==y?(i[d]=0,i[d+1]=0,i[d+2]=0,i[d+3]=0):(i[d]=g,i[d+1]=p,i[d+2]=m,i[d+3]=A);}else if(3==l){A=e[h+3],g=e[h],p=e[h+1],m=e[h+2],w=i[d+3],v=i[d],b=i[d+1],y=i[d+2];if(A==w&&g==v&&p==b&&m==y)continue;if(A<220&&w>20)return  false}return  true}return {decode:function decode(r){const i=new Uint8Array(r);let o=8;const a=e,s=a.readUshort,f=a.readUint,l={tabs:{},frames:[]},c=new Uint8Array(i.length);let u,h=0,d=0;const A=[137,80,78,71,13,10,26,10];for(var g=0;g<8;g++)if(i[g]!=A[g])throw "The input is not a PNG file!";for(;o<i.length;){const e=a.readUint(i,o);o+=4;const r=a.readASCII(i,o,4);if(o+=4,"IHDR"==r)_IHDR(i,o,l);else if("iCCP"==r){for(var p=o;0!=i[p];)p++;a.readASCII(i,o,p-o);const s=i.slice(p+2,o+e);let f=null;try{f=_inflate(s);}catch(e){f=t(s);}l.tabs[r]=f;}else if("CgBI"==r)l.tabs[r]=i.slice(o,o+4);else if("IDAT"==r){for(g=0;g<e;g++)c[h+g]=i[o+g];h+=e;}else if("acTL"==r)l.tabs[r]={num_frames:f(i,o),num_plays:f(i,o+4)},u=new Uint8Array(i.length);else if("fcTL"==r){if(0!=d)(E=l.frames[l.frames.length-1]).data=_decompress(l,u.slice(0,d),E.rect.width,E.rect.height),d=0;const e={x:f(i,o+12),y:f(i,o+16),width:f(i,o+4),height:f(i,o+8)};let t=s(i,o+22);t=s(i,o+20)/(0==t?100:t);const r={rect:e,delay:Math.round(1e3*t),dispose:i[o+24],blend:i[o+25]};l.frames.push(r);}else if("fdAT"==r){for(g=0;g<e-4;g++)u[d+g]=i[o+g+4];d+=e-4;}else if("pHYs"==r)l.tabs[r]=[a.readUint(i,o),a.readUint(i,o+4),i[o+8]];else if("cHRM"==r){l.tabs[r]=[];for(g=0;g<8;g++)l.tabs[r].push(a.readUint(i,o+4*g));}else if("tEXt"==r||"zTXt"==r){null==l.tabs[r]&&(l.tabs[r]={});var m=a.nextZero(i,o),w=a.readASCII(i,o,m-o),v=o+e-m-1;if("tEXt"==r)y=a.readASCII(i,m+1,v);else {var b=_inflate(i.slice(m+2,m+2+v));y=a.readUTF8(b,0,b.length);}l.tabs[r][w]=y;}else if("iTXt"==r){null==l.tabs[r]&&(l.tabs[r]={});m=0,p=o;m=a.nextZero(i,p);w=a.readASCII(i,p,m-p);const t=i[p=m+1];var y;p+=2,m=a.nextZero(i,p),a.readASCII(i,p,m-p),p=m+1,m=a.nextZero(i,p),a.readUTF8(i,p,m-p);v=e-((p=m+1)-o);if(0==t)y=a.readUTF8(i,p,v);else {b=_inflate(i.slice(p,p+v));y=a.readUTF8(b,0,b.length);}l.tabs[r][w]=y;}else if("PLTE"==r)l.tabs[r]=a.readBytes(i,o,e);else if("hIST"==r){const e=l.tabs.PLTE.length/3;l.tabs[r]=[];for(g=0;g<e;g++)l.tabs[r].push(s(i,o+2*g));}else if("tRNS"==r)3==l.ctype?l.tabs[r]=a.readBytes(i,o,e):0==l.ctype?l.tabs[r]=s(i,o):2==l.ctype&&(l.tabs[r]=[s(i,o),s(i,o+2),s(i,o+4)]);else if("gAMA"==r)l.tabs[r]=a.readUint(i,o)/1e5;else if("sRGB"==r)l.tabs[r]=i[o];else if("bKGD"==r)0==l.ctype||4==l.ctype?l.tabs[r]=[s(i,o)]:2==l.ctype||6==l.ctype?l.tabs[r]=[s(i,o),s(i,o+2),s(i,o+4)]:3==l.ctype&&(l.tabs[r]=i[o]);else if("IEND"==r)break;o+=e,a.readUint(i,o),o+=4;}var E;return 0!=d&&((E=l.frames[l.frames.length-1]).data=_decompress(l,u.slice(0,d),E.rect.width,E.rect.height)),l.data=_decompress(l,c,l.width,l.height),delete l.compress,delete l.interlace,delete l.filter,l},toRGBA8:function toRGBA8(e){const t=e.width,r=e.height;if(null==e.tabs.acTL)return [decodeImage(e.data,t,r,e).buffer];const i=[];null==e.frames[0].data&&(e.frames[0].data=e.data);const o=t*r*4,a=new Uint8Array(o),s=new Uint8Array(o),f=new Uint8Array(o);for(let c=0;c<e.frames.length;c++){const u=e.frames[c],h=u.rect.x,d=u.rect.y,A=u.rect.width,g=u.rect.height,p=decodeImage(u.data,A,g,e);if(0!=c)for(var l=0;l<o;l++)f[l]=a[l];if(0==u.blend?_copyTile(p,A,g,a,t,r,h,d,0):1==u.blend&&_copyTile(p,A,g,a,t,r,h,d,1),i.push(a.buffer.slice(0)),0==u.dispose);else if(1==u.dispose)_copyTile(s,A,g,a,t,r,h,d,0);else if(2==u.dispose)for(l=0;l<o;l++)a[l]=f[l];}return i},_paeth:_paeth,_copyTile:_copyTile,_bin:e}}();!function(){const{_copyTile:e}=UPNG,{_bin:t}=UPNG,r=UPNG._paeth;var i={table:function(){const e=new Uint32Array(256);for(let t=0;t<256;t++){let r=t;for(let e=0;e<8;e++)1&r?r=3988292384^r>>>1:r>>>=1;e[t]=r;}return e}(),update(e,t,r,o){for(let a=0;a<o;a++)e=i.table[255&(e^t[r+a])]^e>>>8;return e},crc:(e,t,r)=>4294967295^i.update(4294967295,e,t,r)};function addErr(e,t,r,i){t[r]+=e[0]*i>>4,t[r+1]+=e[1]*i>>4,t[r+2]+=e[2]*i>>4,t[r+3]+=e[3]*i>>4;}function N(e){return Math.max(0,Math.min(255,e))}function D(e,t){const r=e[0]-t[0],i=e[1]-t[1],o=e[2]-t[2],a=e[3]-t[3];return r*r+i*i+o*o+a*a}function dither(e,t,r,i,o,a,s){null==s&&(s=1);const f=i.length,l=[];for(var c=0;c<f;c++){const e=i[c];l.push([e>>>0&255,e>>>8&255,e>>>16&255,e>>>24&255]);}for(c=0;c<f;c++){let e=4294967295;for(var u=0,h=0;h<f;h++){var d=D(l[c],l[h]);h!=c&&d<e&&(e=d,u=h);}}const A=new Uint32Array(o.buffer),g=new Int16Array(t*r*4),p=[0,8,2,10,12,4,14,6,3,11,1,9,15,7,13,5];for(c=0;c<p.length;c++)p[c]=255*((p[c]+.5)/16-.5);for(let o=0;o<r;o++)for(let w=0;w<t;w++){var m;c=4*(o*t+w);if(2!=s)m=[N(e[c]+g[c]),N(e[c+1]+g[c+1]),N(e[c+2]+g[c+2]),N(e[c+3]+g[c+3])];else {d=p[4*(3&o)+(3&w)];m=[N(e[c]+d),N(e[c+1]+d),N(e[c+2]+d),N(e[c+3]+d)];}u=0;let v=16777215;for(h=0;h<f;h++){const e=D(m,l[h]);e<v&&(v=e,u=h);}const b=l[u],y=[m[0]-b[0],m[1]-b[1],m[2]-b[2],m[3]-b[3]];1==s&&(w!=t-1&&addErr(y,g,c+4,7),o!=r-1&&(0!=w&&addErr(y,g,c+4*t-4,3),addErr(y,g,c+4*t,5),w!=t-1&&addErr(y,g,c+4*t+4,1))),a[c>>2]=u,A[c>>2]=i[u];}}function _main(e,r,o,a,s){null==s&&(s={});const{crc:f}=i,l=t.writeUint,c=t.writeUshort,u=t.writeASCII;let h=8;const d=e.frames.length>1;let A,g=false,p=33+(d?20:0);if(null!=s.sRGB&&(p+=13),null!=s.pHYs&&(p+=21),null!=s.iCCP&&(A=pako.deflate(s.iCCP),p+=21+A.length+4),3==e.ctype){for(var m=e.plte.length,w=0;w<m;w++)e.plte[w]>>>24!=255&&(g=true);p+=8+3*m+4+(g?8+1*m+4:0);}for(var v=0;v<e.frames.length;v++){d&&(p+=38),p+=(F=e.frames[v]).cimg.length+12,0!=v&&(p+=4);}p+=12;const b=new Uint8Array(p),y=[137,80,78,71,13,10,26,10];for(w=0;w<8;w++)b[w]=y[w];if(l(b,h,13),h+=4,u(b,h,"IHDR"),h+=4,l(b,h,r),h+=4,l(b,h,o),h+=4,b[h]=e.depth,h++,b[h]=e.ctype,h++,b[h]=0,h++,b[h]=0,h++,b[h]=0,h++,l(b,h,f(b,h-17,17)),h+=4,null!=s.sRGB&&(l(b,h,1),h+=4,u(b,h,"sRGB"),h+=4,b[h]=s.sRGB,h++,l(b,h,f(b,h-5,5)),h+=4),null!=s.iCCP){const e=13+A.length;l(b,h,e),h+=4,u(b,h,"iCCP"),h+=4,u(b,h,"ICC profile"),h+=11,h+=2,b.set(A,h),h+=A.length,l(b,h,f(b,h-(e+4),e+4)),h+=4;}if(null!=s.pHYs&&(l(b,h,9),h+=4,u(b,h,"pHYs"),h+=4,l(b,h,s.pHYs[0]),h+=4,l(b,h,s.pHYs[1]),h+=4,b[h]=s.pHYs[2],h++,l(b,h,f(b,h-13,13)),h+=4),d&&(l(b,h,8),h+=4,u(b,h,"acTL"),h+=4,l(b,h,e.frames.length),h+=4,l(b,h,null!=s.loop?s.loop:0),h+=4,l(b,h,f(b,h-12,12)),h+=4),3==e.ctype){l(b,h,3*(m=e.plte.length)),h+=4,u(b,h,"PLTE"),h+=4;for(w=0;w<m;w++){const t=3*w,r=e.plte[w],i=255&r,o=r>>>8&255,a=r>>>16&255;b[h+t+0]=i,b[h+t+1]=o,b[h+t+2]=a;}if(h+=3*m,l(b,h,f(b,h-3*m-4,3*m+4)),h+=4,g){l(b,h,m),h+=4,u(b,h,"tRNS"),h+=4;for(w=0;w<m;w++)b[h+w]=e.plte[w]>>>24&255;h+=m,l(b,h,f(b,h-m-4,m+4)),h+=4;}}let E=0;for(v=0;v<e.frames.length;v++){var F=e.frames[v];d&&(l(b,h,26),h+=4,u(b,h,"fcTL"),h+=4,l(b,h,E++),h+=4,l(b,h,F.rect.width),h+=4,l(b,h,F.rect.height),h+=4,l(b,h,F.rect.x),h+=4,l(b,h,F.rect.y),h+=4,c(b,h,a[v]),h+=2,c(b,h,1e3),h+=2,b[h]=F.dispose,h++,b[h]=F.blend,h++,l(b,h,f(b,h-30,30)),h+=4);const t=F.cimg;l(b,h,(m=t.length)+(0==v?0:4)),h+=4;const r=h;u(b,h,0==v?"IDAT":"fdAT"),h+=4,0!=v&&(l(b,h,E++),h+=4),b.set(t,h),h+=m,l(b,h,f(b,r,h-r)),h+=4;}return l(b,h,0),h+=4,u(b,h,"IEND"),h+=4,l(b,h,f(b,h-4,4)),h+=4,b.buffer}function compressPNG(e,t,r){for(let i=0;i<e.frames.length;i++){const o=e.frames[i];const a=o.rect.height,s=new Uint8Array(a*o.bpl+a);o.cimg=_filterZero(o.img,a,o.bpp,o.bpl,s,t,r);}}function compress(t,r,i,o,a){const s=a[0],f=a[1],l=a[2],c=a[3],u=a[4],h=a[5];let d=6,A=8,g=255;for(var p=0;p<t.length;p++){const e=new Uint8Array(t[p]);for(var m=e.length,w=0;w<m;w+=4)g&=e[w+3];}const v=255!=g,b=function framize(t,r,i,o,a,s){const f=[];for(var l=0;l<t.length;l++){const h=new Uint8Array(t[l]),A=new Uint32Array(h.buffer);var c;let g=0,p=0,m=r,w=i,v=o?1:0;if(0!=l){const b=s||o||1==l||0!=f[l-2].dispose?1:2;let y=0,E=1e9;for(let e=0;e<b;e++){var u=new Uint8Array(t[l-1-e]);const o=new Uint32Array(t[l-1-e]);let s=r,f=i,c=-1,h=-1;for(let e=0;e<i;e++)for(let t=0;t<r;t++){A[d=e*r+t]!=o[d]&&(t<s&&(s=t),t>c&&(c=t),e<f&&(f=e),e>h&&(h=e));} -1==c&&(s=f=c=h=0),a&&(1==(1&s)&&s--,1==(1&f)&&f--);const v=(c-s+1)*(h-f+1);v<E&&(E=v,y=e,g=s,p=f,m=c-s+1,w=h-f+1);}u=new Uint8Array(t[l-1-y]);1==y&&(f[l-1].dispose=2),c=new Uint8Array(m*w*4),e(u,r,i,c,m,w,-g,-p,0),v=e(h,r,i,c,m,w,-g,-p,3)?1:0,1==v?_prepareDiff(h,r,i,c,{x:g,y:p,width:m,height:w}):e(h,r,i,c,m,w,-g,-p,0);}else c=h.slice(0);f.push({rect:{x:g,y:p,width:m,height:w},img:c,blend:v,dispose:0});}if(o)for(l=0;l<f.length;l++){if(1==(A=f[l]).blend)continue;const e=A.rect,o=f[l-1].rect,s=Math.min(e.x,o.x),c=Math.min(e.y,o.y),u={x:s,y:c,width:Math.max(e.x+e.width,o.x+o.width)-s,height:Math.max(e.y+e.height,o.y+o.height)-c};f[l-1].dispose=1,l-1!=0&&_updateFrame(t,r,i,f,l-1,u,a),_updateFrame(t,r,i,f,l,u,a);}let h=0;if(1!=t.length)for(var d=0;d<f.length;d++){var A;h+=(A=f[d]).rect.width*A.rect.height;}return f}(t,r,i,s,f,l),y={},E=[],F=[];if(0!=o){const e=[];for(w=0;w<b.length;w++)e.push(b[w].img.buffer);const t=function concatRGBA(e){let t=0;for(var r=0;r<e.length;r++)t+=e[r].byteLength;const i=new Uint8Array(t);let o=0;for(r=0;r<e.length;r++){const t=new Uint8Array(e[r]),a=t.length;for(let e=0;e<a;e+=4){let r=t[e],a=t[e+1],s=t[e+2];const f=t[e+3];0==f&&(r=a=s=0),i[o+e]=r,i[o+e+1]=a,i[o+e+2]=s,i[o+e+3]=f;}o+=a;}return i.buffer}(e),r=quantize(t,o);for(w=0;w<r.plte.length;w++)E.push(r.plte[w].est.rgba);let i=0;for(w=0;w<b.length;w++){const e=(B=b[w]).img.length;var _=new Uint8Array(r.inds.buffer,i>>2,e>>2);F.push(_);const t=new Uint8Array(r.abuf,i,e);h&&dither(B.img,B.rect.width,B.rect.height,E,t,_),B.img.set(t),i+=e;}}else for(p=0;p<b.length;p++){var B=b[p];const e=new Uint32Array(B.img.buffer);var U=B.rect.width;m=e.length,_=new Uint8Array(m);F.push(_);for(w=0;w<m;w++){const t=e[w];if(0!=w&&t==e[w-1])_[w]=_[w-1];else if(w>U&&t==e[w-U])_[w]=_[w-U];else {let e=y[t];if(null==e&&(y[t]=e=E.length,E.push(t),E.length>=300))break;_[w]=e;}}}const C=E.length;C<=256&&0==u&&(A=C<=2?1:C<=4?2:C<=16?4:8,A=Math.max(A,c));for(p=0;p<b.length;p++){(B=b[p]).rect.x;U=B.rect.width;const e=B.rect.height;let t=B.img;let r=4*U,i=4;if(C<=256&&0==u){r=Math.ceil(A*U/8);var I=new Uint8Array(r*e);const o=F[p];for(let t=0;t<e;t++){w=t*r;const e=t*U;if(8==A)for(var Q=0;Q<U;Q++)I[w+Q]=o[e+Q];else if(4==A)for(Q=0;Q<U;Q++)I[w+(Q>>1)]|=o[e+Q]<<4-4*(1&Q);else if(2==A)for(Q=0;Q<U;Q++)I[w+(Q>>2)]|=o[e+Q]<<6-2*(3&Q);else if(1==A)for(Q=0;Q<U;Q++)I[w+(Q>>3)]|=o[e+Q]<<7-1*(7&Q);}t=I,d=3,i=1;}else if(0==v&&1==b.length){I=new Uint8Array(U*e*3);const o=U*e;for(w=0;w<o;w++){const e=3*w,r=4*w;I[e]=t[r],I[e+1]=t[r+1],I[e+2]=t[r+2];}t=I,d=2,i=3,r=3*U;}B.img=t,B.bpl=r,B.bpp=i;}return {ctype:d,depth:A,plte:E,frames:b}}function _updateFrame(t,r,i,o,a,s,f){const l=Uint8Array,c=Uint32Array,u=new l(t[a-1]),h=new c(t[a-1]),d=a+1<t.length?new l(t[a+1]):null,A=new l(t[a]),g=new c(A.buffer);let p=r,m=i,w=-1,v=-1;for(let e=0;e<s.height;e++)for(let t=0;t<s.width;t++){const i=s.x+t,f=s.y+e,l=f*r+i,c=g[l];0==c||0==o[a-1].dispose&&h[l]==c&&(null==d||0!=d[4*l+3])||(i<p&&(p=i),i>w&&(w=i),f<m&&(m=f),f>v&&(v=f));} -1==w&&(p=m=w=v=0),f&&(1==(1&p)&&p--,1==(1&m)&&m--),s={x:p,y:m,width:w-p+1,height:v-m+1};const b=o[a];b.rect=s,b.blend=1,b.img=new Uint8Array(s.width*s.height*4),0==o[a-1].dispose?(e(u,r,i,b.img,s.width,s.height,-s.x,-s.y,0),_prepareDiff(A,r,i,b.img,s)):e(A,r,i,b.img,s.width,s.height,-s.x,-s.y,0);}function _prepareDiff(t,r,i,o,a){e(t,r,i,o,a.width,a.height,-a.x,-a.y,2);}function _filterZero(e,t,r,i,o,a,s){const f=[];let l,c=[0,1,2,3,4];-1!=a?c=[a]:(t*i>5e5||1==r)&&(c=[0]),s&&(l={level:0});const u=UZIP;for(var h=0;h<c.length;h++){for(let a=0;a<t;a++)_filterLine(o,e,a,i,r,c[h]);f.push(u.deflate(o,l));}let d,A=1e9;for(h=0;h<f.length;h++)f[h].length<A&&(d=h,A=f[h].length);return f[d]}function _filterLine(e,t,i,o,a,s){const f=i*o;let l=f+i;if(e[l]=s,l++,0==s)if(o<500)for(var c=0;c<o;c++)e[l+c]=t[f+c];else e.set(new Uint8Array(t.buffer,f,o),l);else if(1==s){for(c=0;c<a;c++)e[l+c]=t[f+c];for(c=a;c<o;c++)e[l+c]=t[f+c]-t[f+c-a]+256&255;}else if(0==i){for(c=0;c<a;c++)e[l+c]=t[f+c];if(2==s)for(c=a;c<o;c++)e[l+c]=t[f+c];if(3==s)for(c=a;c<o;c++)e[l+c]=t[f+c]-(t[f+c-a]>>1)+256&255;if(4==s)for(c=a;c<o;c++)e[l+c]=t[f+c]-r(t[f+c-a],0,0)+256&255;}else {if(2==s)for(c=0;c<o;c++)e[l+c]=t[f+c]+256-t[f+c-o]&255;if(3==s){for(c=0;c<a;c++)e[l+c]=t[f+c]+256-(t[f+c-o]>>1)&255;for(c=a;c<o;c++)e[l+c]=t[f+c]+256-(t[f+c-o]+t[f+c-a]>>1)&255;}if(4==s){for(c=0;c<a;c++)e[l+c]=t[f+c]+256-r(0,t[f+c-o],0)&255;for(c=a;c<o;c++)e[l+c]=t[f+c]+256-r(t[f+c-a],t[f+c-o],t[f+c-a-o])&255;}}}function quantize(e,t){const r=new Uint8Array(e),i=r.slice(0),o=new Uint32Array(i.buffer),a=getKDtree(i,t),s=a[0],f=a[1],l=r.length,c=new Uint8Array(l>>2);let u;if(r.length<2e7)for(var h=0;h<l;h+=4){u=getNearest(s,d=r[h]*(1/255),A=r[h+1]*(1/255),g=r[h+2]*(1/255),p=r[h+3]*(1/255)),c[h>>2]=u.ind,o[h>>2]=u.est.rgba;}else for(h=0;h<l;h+=4){var d=r[h]*(1/255),A=r[h+1]*(1/255),g=r[h+2]*(1/255),p=r[h+3]*(1/255);for(u=s;u.left;)u=planeDst(u.est,d,A,g,p)<=0?u.left:u.right;c[h>>2]=u.ind,o[h>>2]=u.est.rgba;}return {abuf:i.buffer,inds:c,plte:f}}function getKDtree(e,t,r){null==r&&(r=1e-4);const i=new Uint32Array(e.buffer),o={i0:0,i1:e.length,bst:null,est:null,tdst:0,left:null,right:null};o.bst=stats(e,o.i0,o.i1),o.est=estats(o.bst);const a=[o];for(;a.length<t;){let t=0,o=0;for(var s=0;s<a.length;s++)a[s].est.L>t&&(t=a[s].est.L,o=s);if(t<r)break;const f=a[o],l=splitPixels(e,i,f.i0,f.i1,f.est.e,f.est.eMq255);if(f.i0>=l||f.i1<=l){f.est.L=0;continue}const c={i0:f.i0,i1:l,bst:null,est:null,tdst:0,left:null,right:null};c.bst=stats(e,c.i0,c.i1),c.est=estats(c.bst);const u={i0:l,i1:f.i1,bst:null,est:null,tdst:0,left:null,right:null};u.bst={R:[],m:[],N:f.bst.N-c.bst.N};for(s=0;s<16;s++)u.bst.R[s]=f.bst.R[s]-c.bst.R[s];for(s=0;s<4;s++)u.bst.m[s]=f.bst.m[s]-c.bst.m[s];u.est=estats(u.bst),f.left=c,f.right=u,a[o]=c,a.push(u);}a.sort(((e,t)=>t.bst.N-e.bst.N));for(s=0;s<a.length;s++)a[s].ind=s;return [o,a]}function getNearest(e,t,r,i,o){if(null==e.left)return e.tdst=function dist(e,t,r,i,o){const a=t-e[0],s=r-e[1],f=i-e[2],l=o-e[3];return a*a+s*s+f*f+l*l}(e.est.q,t,r,i,o),e;const a=planeDst(e.est,t,r,i,o);let s=e.left,f=e.right;a>0&&(s=e.right,f=e.left);const l=getNearest(s,t,r,i,o);if(l.tdst<=a*a)return l;const c=getNearest(f,t,r,i,o);return c.tdst<l.tdst?c:l}function planeDst(e,t,r,i,o){const{e:a}=e;return a[0]*t+a[1]*r+a[2]*i+a[3]*o-e.eMq}function splitPixels(e,t,r,i,o,a){for(i-=4;r<i;){for(;vecDot(e,r,o)<=a;)r+=4;for(;vecDot(e,i,o)>a;)i-=4;if(r>=i)break;const s=t[r>>2];t[r>>2]=t[i>>2],t[i>>2]=s,r+=4,i-=4;}for(;vecDot(e,r,o)>a;)r-=4;return r+4}function vecDot(e,t,r){return e[t]*r[0]+e[t+1]*r[1]+e[t+2]*r[2]+e[t+3]*r[3]}function stats(e,t,r){const i=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],o=[0,0,0,0],a=r-t>>2;for(let a=t;a<r;a+=4){const t=e[a]*(1/255),r=e[a+1]*(1/255),s=e[a+2]*(1/255),f=e[a+3]*(1/255);o[0]+=t,o[1]+=r,o[2]+=s,o[3]+=f,i[0]+=t*t,i[1]+=t*r,i[2]+=t*s,i[3]+=t*f,i[5]+=r*r,i[6]+=r*s,i[7]+=r*f,i[10]+=s*s,i[11]+=s*f,i[15]+=f*f;}return i[4]=i[1],i[8]=i[2],i[9]=i[6],i[12]=i[3],i[13]=i[7],i[14]=i[11],{R:i,m:o,N:a}}function estats(e){const{R:t}=e,{m:r}=e,{N:i}=e,a=r[0],s=r[1],f=r[2],l=r[3],c=0==i?0:1/i,u=[t[0]-a*a*c,t[1]-a*s*c,t[2]-a*f*c,t[3]-a*l*c,t[4]-s*a*c,t[5]-s*s*c,t[6]-s*f*c,t[7]-s*l*c,t[8]-f*a*c,t[9]-f*s*c,t[10]-f*f*c,t[11]-f*l*c,t[12]-l*a*c,t[13]-l*s*c,t[14]-l*f*c,t[15]-l*l*c],h=u,d=o;let A=[Math.random(),Math.random(),Math.random(),Math.random()],g=0,p=0;if(0!=i)for(let e=0;e<16&&(A=d.multVec(h,A),p=Math.sqrt(d.dot(A,A)),A=d.sml(1/p,A),!(0!=e&&Math.abs(p-g)<1e-9));e++)g=p;const m=[a*c,s*c,f*c,l*c];return {Cov:u,q:m,e:A,L:g,eMq255:d.dot(d.sml(255,m),A),eMq:d.dot(A,m),rgba:(Math.round(255*m[3])<<24|Math.round(255*m[2])<<16|Math.round(255*m[1])<<8|Math.round(255*m[0])<<0)>>>0}}var o={multVec:(e,t)=>[e[0]*t[0]+e[1]*t[1]+e[2]*t[2]+e[3]*t[3],e[4]*t[0]+e[5]*t[1]+e[6]*t[2]+e[7]*t[3],e[8]*t[0]+e[9]*t[1]+e[10]*t[2]+e[11]*t[3],e[12]*t[0]+e[13]*t[1]+e[14]*t[2]+e[15]*t[3]],dot:(e,t)=>e[0]*t[0]+e[1]*t[1]+e[2]*t[2]+e[3]*t[3],sml:(e,t)=>[e*t[0],e*t[1],e*t[2],e*t[3]]};UPNG.encode=function encode(e,t,r,i,o,a,s){null==i&&(i=0),null==s&&(s=false);const f=compress(e,t,r,i,[false,false,false,0,s,false]);return compressPNG(f,-1),_main(f,t,r,o,a)},UPNG.encodeLL=function encodeLL(e,t,r,i,o,a,s,f){const l={ctype:0+(1==i?0:2)+(0==o?0:4),depth:a,frames:[]},c=(i+o)*a,u=c*t;for(let i=0;i<e.length;i++)l.frames.push({rect:{x:0,y:0,width:t,height:r},img:new Uint8Array(e[i]),blend:0,dispose:1,bpp:Math.ceil(c/8),bpl:Math.ceil(u/8)});return compressPNG(l,0,true),_main(l,t,r,s,f)},UPNG.encode.compress=compress,UPNG.encode.dither=dither,UPNG.quantize=quantize,UPNG.quantize.getKDtree=getKDtree,UPNG.quantize.getNearest=getNearest;}();const r={toArrayBuffer(e,t){const i=e.width,o=e.height,a=i<<2,s=e.getContext("2d").getImageData(0,0,i,o),f=new Uint32Array(s.data.buffer),l=(32*i+31)/32<<2,c=l*o,u=122+c,h=new ArrayBuffer(u),d=new DataView(h),A=1<<20;let g,p,m,w,v=A,b=0,y=0,E=0;function set16(e){d.setUint16(y,e,true),y+=2;}function set32(e){d.setUint32(y,e,true),y+=4;}function seek(e){y+=e;}set16(19778),set32(u),seek(4),set32(122),set32(108),set32(i),set32(-o>>>0),set16(1),set16(32),set32(3),set32(c),set32(2835),set32(2835),seek(8),set32(16711680),set32(65280),set32(255),set32(4278190080),set32(1466527264),function convert(){for(;b<o&&v>0;){for(w=122+b*l,g=0;g<a;)v--,p=f[E++],m=p>>>24,d.setUint32(w+g,p<<8|m),g+=4;b++;}E<f.length?(v=A,setTimeout(convert,r._dly)):t(h);}();},toBlob(e,t){this.toArrayBuffer(e,(e=>{t(new Blob([e],{type:"image/bmp"}));}));},_dly:9};var i={CHROME:"CHROME",FIREFOX:"FIREFOX",DESKTOP_SAFARI:"DESKTOP_SAFARI",IE:"IE",IOS:"IOS",ETC:"ETC"},o={[i.CHROME]:16384,[i.FIREFOX]:11180,[i.DESKTOP_SAFARI]:16384,[i.IE]:8192,[i.IOS]:4096,[i.ETC]:8192};const a="undefined"!=typeof window,s="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope,f=a&&window.cordova&&window.cordova.require&&window.cordova.require("cordova/modulemapper"),CustomFile=(a||s)&&(f&&f.getOriginalSymbol(window,"File")||"undefined"!=typeof File&&File),CustomFileReader=(a||s)&&(f&&f.getOriginalSymbol(window,"FileReader")||"undefined"!=typeof FileReader&&FileReader);function getFilefromDataUrl(e,t,r=Date.now()){return new Promise((i=>{const o=e.split(","),a=o[0].match(/:(.*?);/)[1],s=globalThis.atob(o[1]);let f=s.length;const l=new Uint8Array(f);for(;f--;)l[f]=s.charCodeAt(f);const c=new Blob([l],{type:a});c.name=t,c.lastModified=r,i(c);}))}function getDataUrlFromFile(e){return new Promise(((t,r)=>{const i=new CustomFileReader;i.onload=()=>t(i.result),i.onerror=e=>r(e),i.readAsDataURL(e);}))}function loadImage(e){return new Promise(((t,r)=>{const i=new Image;i.onload=()=>t(i),i.onerror=e=>r(e),i.src=e;}))}function getBrowserName(){if(void 0!==getBrowserName.cachedResult)return getBrowserName.cachedResult;let e=i.ETC;const{userAgent:t}=navigator;return /Chrom(e|ium)/i.test(t)?e=i.CHROME:/iP(ad|od|hone)/i.test(t)&&/WebKit/i.test(t)?e=i.IOS:/Safari/i.test(t)?e=i.DESKTOP_SAFARI:/Firefox/i.test(t)?e=i.FIREFOX:(/MSIE/i.test(t)||true==!!document.documentMode)&&(e=i.IE),getBrowserName.cachedResult=e,getBrowserName.cachedResult}function approximateBelowMaximumCanvasSizeOfBrowser(e,t){const r=getBrowserName(),i=o[r];let a=e,s=t,f=a*s;const l=a>s?s/a:a/s;for(;f>i*i;){const e=(i+a)/2,t=(i+s)/2;e<t?(s=t,a=t*l):(s=e*l,a=e),f=a*s;}return {width:a,height:s}}function getNewCanvasAndCtx(e,t){let r,i;try{if(r=new OffscreenCanvas(e,t),i=r.getContext("2d"),null===i)throw new Error("getContext of OffscreenCanvas returns null")}catch(e){r=document.createElement("canvas"),i=r.getContext("2d");}return r.width=e,r.height=t,[r,i]}function drawImageInCanvas(e,t){const{width:r,height:i}=approximateBelowMaximumCanvasSizeOfBrowser(e.width,e.height),[o,a]=getNewCanvasAndCtx(r,i);return t&&/jpe?g/.test(t)&&(a.fillStyle="white",a.fillRect(0,0,o.width,o.height)),a.drawImage(e,0,0,o.width,o.height),o}function isIOS(){return void 0!==isIOS.cachedResult||(isIOS.cachedResult=["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"undefined"!=typeof document&&"ontouchend"in document),isIOS.cachedResult}function drawFileInCanvas(e,t={}){return new Promise((function(r,o){let a,s;var $Try_2_Post=function(){try{return s=drawImageInCanvas(a,t.fileType||e.type),r([a,s])}catch(e){return o(e)}},$Try_2_Catch=function(t){try{var $Try_3_Catch=function(e){try{throw e}catch(e){return o(e)}};try{let t;return getDataUrlFromFile(e).then((function(e){try{return t=e,loadImage(t).then((function(e){try{return a=e,function(){try{return $Try_2_Post()}catch(e){return o(e)}}()}catch(e){return $Try_3_Catch(e)}}),$Try_3_Catch)}catch(e){return $Try_3_Catch(e)}}),$Try_3_Catch)}catch(e){$Try_3_Catch(e);}}catch(e){return o(e)}};try{if(isIOS()||[i.DESKTOP_SAFARI,i.MOBILE_SAFARI].includes(getBrowserName()))throw new Error("Skip createImageBitmap on IOS and Safari");return createImageBitmap(e).then((function(e){try{return a=e,$Try_2_Post()}catch(e){return $Try_2_Catch()}}),$Try_2_Catch)}catch(e){$Try_2_Catch();}}))}function canvasToFile(e,t,i,o,a=1){return new Promise((function(s,f){let l;if("image/png"===t){let c,u,h;return c=e.getContext("2d"),({data:u}=c.getImageData(0,0,e.width,e.height)),h=UPNG.encode([u.buffer],e.width,e.height,4096*a),l=new Blob([h],{type:t}),l.name=i,l.lastModified=o,$If_4.call(this)}{if("image/bmp"===t)return new Promise((t=>r.toBlob(e,t))).then(function(e){try{return l=e,l.name=i,l.lastModified=o,$If_5.call(this)}catch(e){return f(e)}}.bind(this),f);{if("function"==typeof OffscreenCanvas&&e instanceof OffscreenCanvas)return e.convertToBlob({type:t,quality:a}).then(function(e){try{return l=e,l.name=i,l.lastModified=o,$If_6.call(this)}catch(e){return f(e)}}.bind(this),f);{let d;return d=e.toDataURL(t,a),getFilefromDataUrl(d,i,o).then(function(e){try{return l=e,$If_6.call(this)}catch(e){return f(e)}}.bind(this),f)}function $If_6(){return $If_5.call(this)}}function $If_5(){return $If_4.call(this)}}function $If_4(){return s(l)}}))}function cleanupCanvasMemory(e){e.width=0,e.height=0;}function isAutoOrientationInBrowser(){return new Promise((function(e,t){let i,o,a,s;return void 0!==isAutoOrientationInBrowser.cachedResult?e(isAutoOrientationInBrowser.cachedResult):(getFilefromDataUrl("data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAEAAgMBEQACEQEDEQH/xABKAAEAAAAAAAAAAAAAAAAAAAALEAEAAAAAAAAAAAAAAAAAAAAAAQEAAAAAAAAAAAAAAAAAAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwA/8H//2Q==","test.jpg",Date.now()).then((function(r){try{return i=r,drawFileInCanvas(i).then((function(r){try{return o=r[1],canvasToFile(o,i.type,i.name,i.lastModified).then((function(r){try{return a=r,cleanupCanvasMemory(o),drawFileInCanvas(a).then((function(r){try{return s=r[0],isAutoOrientationInBrowser.cachedResult=1===s.width&&2===s.height,e(isAutoOrientationInBrowser.cachedResult)}catch(e){return t(e)}}),t)}catch(e){return t(e)}}),t)}catch(e){return t(e)}}),t)}catch(e){return t(e)}}),t))}))}function getExifOrientation(e){return new Promise(((t,r)=>{const i=new CustomFileReader;i.onload=e=>{const r=new DataView(e.target.result);if(65496!=r.getUint16(0,false))return t(-2);const i=r.byteLength;let o=2;for(;o<i;){if(r.getUint16(o+2,false)<=8)return t(-1);const e=r.getUint16(o,false);if(o+=2,65505==e){if(1165519206!=r.getUint32(o+=2,false))return t(-1);const e=18761==r.getUint16(o+=6,false);o+=r.getUint32(o+4,e);const i=r.getUint16(o,e);o+=2;for(let a=0;a<i;a++)if(274==r.getUint16(o+12*a,e))return t(r.getUint16(o+12*a+8,e))}else {if(65280!=(65280&e))break;o+=r.getUint16(o,false);}}return t(-1)},i.onerror=e=>r(e),i.readAsArrayBuffer(e);}))}function handleMaxWidthOrHeight(e,t){const{width:r}=e,{height:i}=e,{maxWidthOrHeight:o}=t;let a,s=e;return isFinite(o)&&(r>o||i>o)&&([s,a]=getNewCanvasAndCtx(r,i),r>i?(s.width=o,s.height=i/r*o):(s.width=r/i*o,s.height=o),a.drawImage(e,0,0,s.width,s.height),cleanupCanvasMemory(e)),s}function followExifOrientation(e,t){const{width:r}=e,{height:i}=e,[o,a]=getNewCanvasAndCtx(r,i);switch(t>4&&t<9?(o.width=i,o.height=r):(o.width=r,o.height=i),t){case 2:a.transform(-1,0,0,1,r,0);break;case 3:a.transform(-1,0,0,-1,r,i);break;case 4:a.transform(1,0,0,-1,0,i);break;case 5:a.transform(0,1,1,0,0,0);break;case 6:a.transform(0,1,-1,0,i,0);break;case 7:a.transform(0,-1,-1,0,i,r);break;case 8:a.transform(0,-1,1,0,0,r);}return a.drawImage(e,0,0,r,i),cleanupCanvasMemory(e),o}function compress(e,t,r=0){return new Promise((function(i,o){let a,s,f,l,c,u,h,d,A,g,p,m,w,v,b,y,E,F,_,B;function incProgress(e=5){if(t.signal&&t.signal.aborted)throw t.signal.reason;a+=e,t.onProgress(Math.min(a,100));}function setProgress(e){if(t.signal&&t.signal.aborted)throw t.signal.reason;a=Math.min(Math.max(e,a),100),t.onProgress(a);}return a=r,s=t.maxIteration||10,f=1024*t.maxSizeMB*1024,incProgress(),drawFileInCanvas(e,t).then(function(r){try{return [,l]=r,incProgress(),c=handleMaxWidthOrHeight(l,t),incProgress(),new Promise((function(r,i){var o;if(!(o=t.exifOrientation))return getExifOrientation(e).then(function(e){try{return o=e,$If_2.call(this)}catch(e){return i(e)}}.bind(this),i);function $If_2(){return r(o)}return $If_2.call(this)})).then(function(r){try{return u=r,incProgress(),isAutoOrientationInBrowser().then(function(r){try{return h=r?c:followExifOrientation(c,u),incProgress(),d=t.initialQuality||1,A=t.fileType||e.type,canvasToFile(h,A,e.name,e.lastModified,d).then(function(r){try{{if(g=r,incProgress(),p=g.size>f,m=g.size>e.size,!p&&!m)return setProgress(100),i(g);var a;function $Loop_3(){if(s--&&(b>f||b>w)){let t,r;return t=B?.95*_.width:_.width,r=B?.95*_.height:_.height,[E,F]=getNewCanvasAndCtx(t,r),F.drawImage(_,0,0,t,r),d*="image/png"===A?.85:.95,canvasToFile(E,A,e.name,e.lastModified,d).then((function(e){try{return y=e,cleanupCanvasMemory(_),_=E,b=y.size,setProgress(Math.min(99,Math.floor((v-b)/(v-f)*100))),$Loop_3}catch(e){return o(e)}}),o)}return [1]}return w=e.size,v=g.size,b=v,_=h,B=!t.alwaysKeepResolution&&p,(a=function(e){for(;e;){if(e.then)return void e.then(a,o);try{if(e.pop){if(e.length)return e.pop()?$Loop_3_exit.call(this):e;e=$Loop_3;}else e=e.call(this);}catch(e){return o(e)}}}.bind(this))($Loop_3);function $Loop_3_exit(){return cleanupCanvasMemory(_),cleanupCanvasMemory(E),cleanupCanvasMemory(c),cleanupCanvasMemory(h),cleanupCanvasMemory(l),setProgress(100),i(y)}}}catch(u){return o(u)}}.bind(this),o)}catch(e){return o(e)}}.bind(this),o)}catch(e){return o(e)}}.bind(this),o)}catch(e){return o(e)}}.bind(this),o)}))}const l="\nlet scriptImported = false\nself.addEventListener('message', async (e) => {\n  const { file, id, imageCompressionLibUrl, options } = e.data\n  options.onProgress = (progress) => self.postMessage({ progress, id })\n  try {\n    if (!scriptImported) {\n      // console.log('[worker] importScripts', imageCompressionLibUrl)\n      self.importScripts(imageCompressionLibUrl)\n      scriptImported = true\n    }\n    // console.log('[worker] self', self)\n    const compressedFile = await imageCompression(file, options)\n    self.postMessage({ file: compressedFile, id })\n  } catch (e) {\n    // console.error('[worker] error', e)\n    self.postMessage({ error: e.message + '\\n' + e.stack, id })\n  }\n})\n";let c;function compressOnWebWorker(e,t){return new Promise(((r,i)=>{c||(c=function createWorkerScriptURL(e){const t=[];return t.push(e),URL.createObjectURL(new Blob(t))}(l));const o=new Worker(c);o.addEventListener("message",(function handler(e){if(t.signal&&t.signal.aborted)o.terminate();else if(void 0===e.data.progress){if(e.data.error)return i(new Error(e.data.error)),void o.terminate();r(e.data.file),o.terminate();}else t.onProgress(e.data.progress);})),o.addEventListener("error",i),t.signal&&t.signal.addEventListener("abort",(()=>{i(t.signal.reason),o.terminate();})),o.postMessage({file:e,imageCompressionLibUrl:t.libURL,options:{...t,onProgress:void 0,signal:void 0}});}))}function imageCompression(e,t){return new Promise((function(r,i){let o,a,s,f,l,c;if(o={...t},s=0,({onProgress:f}=o),o.maxSizeMB=o.maxSizeMB||Number.POSITIVE_INFINITY,l="boolean"!=typeof o.useWebWorker||o.useWebWorker,delete o.useWebWorker,o.onProgress=e=>{s=e,"function"==typeof f&&f(s);},!(e instanceof Blob||e instanceof CustomFile))return i(new Error("The file given is not an instance of Blob or File"));if(!/^image/.test(e.type))return i(new Error("The file given is not an image"));if(c="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope,!l||"function"!=typeof Worker||c)return compress(e,o).then(function(e){try{return a=e,$If_4.call(this)}catch(e){return i(e)}}.bind(this),i);var u=function(){try{return $If_4.call(this)}catch(e){return i(e)}}.bind(this),$Try_1_Catch=function(t){try{return compress(e,o).then((function(e){try{return a=e,u()}catch(e){return i(e)}}),i)}catch(e){return i(e)}};try{return o.libURL=o.libURL||"https://cdn.jsdelivr.net/npm/browser-image-compression@2.0.2/dist/browser-image-compression.js",compressOnWebWorker(e,o).then((function(e){try{return a=e,u()}catch(e){return $Try_1_Catch()}}),$Try_1_Catch)}catch(e){$Try_1_Catch();}function $If_4(){try{a.name=e.name,a.lastModified=e.lastModified;}catch(e){}try{o.preserveExif&&"image/jpeg"===e.type&&(!o.fileType||o.fileType&&o.fileType===e.type)&&(a=copyExifWithoutOrientation(e,a));}catch(e){}return r(a)}}))}imageCompression.getDataUrlFromFile=getDataUrlFromFile,imageCompression.getFilefromDataUrl=getFilefromDataUrl,imageCompression.loadImage=loadImage,imageCompression.drawImageInCanvas=drawImageInCanvas,imageCompression.drawFileInCanvas=drawFileInCanvas,imageCompression.canvasToFile=canvasToFile,imageCompression.getExifOrientation=getExifOrientation,imageCompression.handleMaxWidthOrHeight=handleMaxWidthOrHeight,imageCompression.followExifOrientation=followExifOrientation,imageCompression.cleanupCanvasMemory=cleanupCanvasMemory,imageCompression.isAutoOrientationInBrowser=isAutoOrientationInBrowser,imageCompression.approximateBelowMaximumCanvasSizeOfBrowser=approximateBelowMaximumCanvasSizeOfBrowser,imageCompression.copyExifWithoutOrientation=copyExifWithoutOrientation,imageCompression.getBrowserName=getBrowserName,imageCompression.version="2.0.2";
-
-class KritzelImageTool extends KritzelBaseTool {
-    fileInput = null;
-    maxCompressionSize = 300;
-    constructor(core) {
-        super(core);
-        this.setupFileInput();
+    deselectAllChildren() {
+        this.objects.forEach(obj => (obj.isSelected = false));
     }
-    onActivate() {
-        this.openFilePicker();
+    updateWorkspaceId(workspaceId) {
+        this.workspaceId = workspaceId;
+        this.objects.forEach(obj => (obj.workspaceId = workspaceId));
     }
-    openFilePicker() {
-        if (this._core.store.isDisabled) {
-            return;
-        }
-        this.fileInput.click();
+    updateZIndices(startZIndex) {
+        this.objects.forEach((obj, i) => {
+            obj.zIndex = startZIndex + i;
+        });
     }
-    setupFileInput() {
-        this.fileInput = document.createElement('input');
-        this.fileInput.type = 'file';
-        this.fileInput.accept = 'image/*';
-        this.fileInput.style.display = 'none';
-        this.fileInput.addEventListener('change', this.handleFileSelect.bind(this));
-        this.fileInput.addEventListener('cancel', this.handleCancel.bind(this));
-        document.body.appendChild(this.fileInput);
+    updatePosition(x, y) {
+        this.objects.forEach(obj => {
+            const deltaX = obj.translateX - this.translateX;
+            const deltaY = obj.translateY - this.translateY;
+            obj.updatePosition(x + deltaX, y + deltaY);
+        });
+        // Update snapshots
+        this.unchangedObjectSnapshots.forEach(snapshot => {
+            const deltaX = snapshot.translateX - this.translateX;
+            const deltaY = snapshot.translateY - this.translateY;
+            snapshot.translateX = x + deltaX;
+            snapshot.translateY = x + deltaY;
+        });
+        this.translateX = x;
+        this.translateY = y;
+        this._core.store.state.objects.update(this);
     }
-    handleFileSelect(event) {
-        const input = event.target;
-        if (input.files && input.files[0]) {
-            const file = input.files[0];
-            imageCompression(file, {
-                maxWidthOrHeight: this.maxCompressionSize,
-            })
-                .then(compressedFile => {
-                this.readFile(compressedFile);
-            })
-                .catch(error => {
-                console.error('Error during image compression or processing:', error);
-                this.handleCancel();
+    /**
+     * Capture snapshots of current object states for undo/redo operations
+     */
+    captureUnchangedSnapshots() {
+        this.unchangedObjectSnapshots.clear();
+        this.snapshotRotation = this.rotation;
+        this.objects.forEach(obj => {
+            this.unchangedObjectSnapshots.set(obj.id, {
+                id: obj.id,
+                translateX: obj.translateX,
+                translateY: obj.translateY,
+                rotation: obj.rotation,
+                width: obj.width,
+                height: obj.height,
+                totalWidth: obj.totalWidth,
+                totalHeight: obj.totalHeight,
+                scale: obj.scale,
             });
+        });
+    }
+    serialize() {
+        const { _core, _elementRef, element, totalWidth, totalHeight, unchangedObjectSnapshots, ...remainingProps } = this;
+        const clonedProps = structuredClone(remainingProps);
+        if (element && typeof element === 'object' && 'nodeType' in element && element.nodeType === 1) {
+            clonedProps.element = element.cloneNode(true);
         }
-        else {
-            console.info('File selection cancelled by user.');
-            this.handleCancel();
-        }
-        if (input) {
-            input.value = '';
+        // Convert Map to plain object for serialization
+        clonedProps.unchangedObjectSnapshots = Object.fromEntries(this.unchangedObjectSnapshots);
+        return clonedProps;
+    }
+    deserialize(object) {
+        // First, deserialize all base properties using parent's deserialize
+        super.deserialize(object);
+        // Restore the Map from serialized object
+        if (object.unchangedObjectSnapshots) {
+            this.unchangedObjectSnapshots = new Map(Object.entries(object.unchangedObjectSnapshots));
         }
+        return this;
     }
-    readFile(file) {
-        const reader = new FileReader();
-        reader.onload = e => {
-            const img = new Image();
-            img.src = e.target?.result;
-            img.onload = () => this.createKritzelImage(img);
-        };
-        reader.readAsDataURL(file);
+    update() {
+        // Only update the selection group itself
+        // Child objects are already updated during move/resize/rotate operations
+        // Updating them again here would create redundant y.js updates
+        this._core.store.state.objects.update(this);
     }
-    createKritzelImage(img) {
-        const image = KritzelImage.create(this._core);
-        const { scaledWidth, scaledHeight } = image.calculateScaledDimensions(img);
-        image.src = img.src;
-        image.width = scaledWidth;
-        image.height = scaledHeight;
-        image.zIndex = this._core.store.currentZIndex;
-        image.centerInViewport();
-        this.addImageToStore(image);
-        return image;
+    move(startX, startY, endX, endY) {
+        const deltaX = (startX - endX) / this._core.store.state.scale;
+        const deltaY = (startY - endY) / this._core.store.state.scale;
+        this.translateX += deltaX;
+        this.translateY += deltaY;
+        this._core.store.state.objects.transaction(() => {
+            this._core.store.state.objects.update(this);
+            this.objects.forEach(obj => {
+                obj.move(startX, startY, endX, endY);
+                // Update any lines that are anchored to this object
+                this._core.anchorManager.updateAnchorsForObject(obj.id);
+            });
+        });
+        // Update snapshots
+        this.unchangedObjectSnapshots.forEach(snapshot => {
+            snapshot.translateX += deltaX;
+            snapshot.translateY += deltaY;
+        });
     }
-    addImageToStore(image) {
-        this._core.addObject(image);
-        this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-        this._core.selectObjects([image]);
-        this._core.engine.emitObjectsChange();
+    resize(x, y, width, height) {
+        const widthScaleFactor = width / this.width;
+        const heightScaleFactor = height / this.height;
+        // Calculate old center
+        const oldCenterX = this.translateX + this.totalWidth / 2 / this.scale;
+        const oldCenterY = this.translateY + this.totalHeight / 2 / this.scale;
+        // Calculate new center
+        const newTotalWidth = width + this.padding * 2;
+        const newTotalHeight = height + this.padding * 2;
+        const newCenterX = x + newTotalWidth / 2 / this.scale;
+        const newCenterY = y + newTotalHeight / 2 / this.scale;
+        const rotation = this.rotation;
+        const cos = Math.cos(-rotation);
+        const sin = Math.sin(-rotation);
+        const cosR = Math.cos(rotation);
+        const sinR = Math.sin(rotation);
+        this._core.store.state.objects.transaction(() => {
+            this.objects.forEach(child => {
+                // Calculate child center
+                const childCenterX = child.translateX + child.totalWidth / 2 / child.scale;
+                const childCenterY = child.translateY + child.totalHeight / 2 / child.scale;
+                // Vector from old group center to child center
+                const dx = childCenterX - oldCenterX;
+                const dy = childCenterY - oldCenterY;
+                // Rotate to local space (align with group axes)
+                const localX = dx * cos - dy * sin;
+                const localY = dx * sin + dy * cos;
+                // Scale in local space
+                const scaledLocalX = localX * widthScaleFactor;
+                const scaledLocalY = localY * heightScaleFactor;
+                // Rotate back to world space
+                const rotatedX = scaledLocalX * cosR - scaledLocalY * sinR;
+                const rotatedY = scaledLocalX * sinR + scaledLocalY * cosR;
+                // New child center
+                const newChildCenterX = newCenterX + rotatedX;
+                const newChildCenterY = newCenterY + rotatedY;
+                // New child top-left
+                // Calculate relative rotation
+                const relativeRotation = child.rotation - rotation;
+                const cosRel = Math.cos(relativeRotation);
+                const sinRel = Math.sin(relativeRotation);
+                // Project the group's scale factors onto the child's local axes
+                // We use absolute values because scaling is magnitude-based
+                // If the child is aligned (0 deg), cos=1, sin=0 -> scales match
+                // If the child is 90 deg, cos=0, sin=1 -> scales swap
+                const newChildWidthScale = Math.sqrt(Math.pow(widthScaleFactor * cosRel, 2) + Math.pow(heightScaleFactor * sinRel, 2));
+                const newChildHeightScale = Math.sqrt(Math.pow(widthScaleFactor * sinRel, 2) + Math.pow(heightScaleFactor * cosRel, 2));
+                const updatedWidth = child.width * newChildWidthScale;
+                const updatedHeight = child.height * newChildHeightScale;
+                const updatedTotalWidth = updatedWidth + child.padding * 2;
+                const updatedTotalHeight = updatedHeight + child.padding * 2;
+                const updatedX = newChildCenterX - updatedTotalWidth / 2 / child.scale;
+                const updatedY = newChildCenterY - updatedTotalHeight / 2 / child.scale;
+                child.resize(updatedX, updatedY, updatedWidth, updatedHeight);
+                // Update any lines that are anchored to this child object
+                this._core.anchorManager.updateAnchorsForObject(child.id);
+            });
+            // Refresh dimensions and update the SelectionGroup to propagate changes to other tabs
+            this.refreshObjectDimensions();
+            this.captureUnchangedSnapshots();
+            this._core.store.state.objects.update(this);
+        });
     }
-    handleCancel() {
-        this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
+    rotate(value) {
+        this.rotation = value;
+        const centerX = this.translateX + this.totalWidth / 2 / this.scale;
+        const centerY = this.translateY + this.totalHeight / 2 / this.scale;
+        const angle = value - this.snapshotRotation;
+        const cos = Math.cos(angle);
+        const sin = Math.sin(angle);
+        this._core.store.state.objects.transaction(() => {
+            // Update the SelectionGroup itself to propagate rotation to other tabs
+            this._core.store.state.objects.update(this);
+            this.objects.forEach(child => {
+                const unchangedSnapshot = this.unchangedObjectSnapshots.get(child.id);
+                if (!unchangedSnapshot)
+                    return;
+                const offsetX = this.getOffsetXToCenterFromSnapshot(unchangedSnapshot);
+                const offsetY = this.getOffsetYToCenterFromSnapshot(unchangedSnapshot);
+                const rotatedX = cos * offsetX - sin * offsetY;
+                const rotatedY = sin * offsetX + cos * offsetY;
+                child.translateX = centerX + rotatedX - child.totalWidth / 2 / child.scale;
+                child.translateY = centerY + rotatedY - child.totalHeight / 2 / child.scale;
+                child.rotate(this.objects.length === 1 ? value : unchangedSnapshot.rotation + angle);
+            });
+        });
+    }
+    copy() {
+        const selectionGroup = KritzelSelectionGroup.create(this._core);
+        this.objects
+            .sort((a, b) => a.zIndex - b.zIndex)
+            .forEach(obj => {
+            const copiedObject = obj.copy();
+            selectionGroup.addOrRemove(copiedObject);
+        });
+        selectionGroup.captureUnchangedSnapshots();
+        if (this.objects.length === 1) {
+            selectionGroup.rotation = this.objects[0].rotation;
+        }
+        return selectionGroup;
+    }
+    refreshObjectDimensions() {
+        if (this.objects.length === 1) {
+            const obj = this.objects[0];
+            this.minX = obj.boundingBox.x / this.scale;
+            this.maxX = obj.boundingBox.x / this.scale + obj.boundingBox.width;
+            this.minY = obj.boundingBox.y / this.scale;
+            this.maxY = obj.boundingBox.y / this.scale + obj.boundingBox.height;
+            this.translateX = (this.minX - this.padding) * this.scale;
+            this.translateY = (this.minY - this.padding) * this.scale;
+            this.width = (this.maxX - this.minX - this.padding) * this.scale;
+            this.height = (this.maxY - this.minY - this.padding) * this.scale;
+        }
+        else {
+            const rotation = this.rotation;
+            const cos = Math.cos(-rotation);
+            const sin = Math.sin(-rotation);
+            let minX = Infinity;
+            let maxX = -Infinity;
+            let minY = Infinity;
+            let maxY = -Infinity;
+            this.objects.forEach(obj => {
+                const polygon = obj.rotatedPolygon;
+                const corners = [polygon.topLeft, polygon.topRight, polygon.bottomRight, polygon.bottomLeft];
+                corners.forEach(corner => {
+                    // Rotate corner into local space (aligned with group rotation)
+                    const rx = corner.x * cos - corner.y * sin;
+                    const ry = corner.x * sin + corner.y * cos;
+                    if (rx < minX)
+                        minX = rx;
+                    if (rx > maxX)
+                        maxX = rx;
+                    if (ry < minY)
+                        minY = ry;
+                    if (ry > maxY)
+                        maxY = ry;
+                });
+            });
+            // Dimensions in world units (unrotated)
+            const worldWidth = maxX - minX;
+            const worldHeight = maxY - minY;
+            this.width = (worldWidth - this.padding) * this.scale;
+            this.height = (worldHeight - this.padding) * this.scale;
+            // Center of the box in rotated space
+            const cRx = (minX + maxX) / 2;
+            const cRy = (minY + maxY) / 2;
+            // Rotate center back to world space
+            const cosR = Math.cos(rotation);
+            const sinR = Math.sin(rotation);
+            const cx = cRx * cosR - cRy * sinR;
+            const cy = cRx * sinR + cRy * cosR;
+            this.translateX = cx - (this.width / this.scale + 2 * this.padding) / 2;
+            this.translateY = cy - (this.height / this.scale + 2 * this.padding) / 2;
+        }
+        this._core.store.state.objects.update(this);
+    }
+    getOffsetXToCenterFromSnapshot(snapshot) {
+        const objCenterX = snapshot.translateX + snapshot.totalWidth / snapshot.scale / 2;
+        const groupCenterX = this.translateX + this.totalWidth / this.scale / 2;
+        return objCenterX - groupCenterX;
+    }
+    getOffsetYToCenterFromSnapshot(snapshot) {
+        const objCenterY = snapshot.translateY + snapshot.totalHeight / snapshot.scale / 2;
+        const groupCenterY = this.translateY + this.totalHeight / this.scale / 2;
+        return objCenterY - groupCenterY;
     }
 }
 
-class KritzelTextTool extends KritzelBaseTool {
-    fontFamily = 'Arial';
-    fontSize = 16;
-    fontColor = '#000000';
-    palette = [
-        '#000000',
-        '#FFFFFF',
-        '#FF0000',
-        '#00FF00',
-        '#0000FF',
-        '#FFFF00',
-        '#FF00FF',
-        '#00FFFF',
-        '#808080',
-        '#C0C0C0',
-        '#800000',
-        '#008000',
-        '#000080',
-        '#808000',
-        '#800080',
-    ];
+class KritzelLineTool extends KritzelBaseTool {
+    color = '#000000';
+    size = 4;
+    palettes = ['#000000', '#FFFFFF', '#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#FF00FF', '#00FFFF', '#808080', '#C0C0C0', '#800000', '#008000', '#000080', '#808000', '#800080'];
+    /** Arrow head configuration for lines created with this tool */
+    arrows;
+    _startX = 0;
+    _startY = 0;
     constructor(core) {
         super(core);
     }
@@ -14876,867 +15602,1040 @@ class KritzelTextTool extends KritzelBaseTool {
             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._core.findObjectById(objectElement?.id);
-            const activeText = this._core.store.activeText;
-            if (activeText === null && object instanceof KritzelText) {
-                object.edit(event);
-                return;
-            }
-            if (activeText !== null && object instanceof KritzelText) {
-                activeText.save();
-                object.edit(event);
-                return;
+            if (KritzelEventHelper.isLeftClick(event)) {
+                this._core.store.state.isDrawing = true;
+                const x = event.clientX - this._core.store.offsetX;
+                const y = event.clientY - this._core.store.offsetY;
+                this._startX = x;
+                this._startY = y;
+                const line = KritzelLine.create(this._core, {
+                    startX: x,
+                    startY: y,
+                    endX: x,
+                    endY: y,
+                    translateX: -this._core.store.state.translateX,
+                    translateY: -this._core.store.state.translateY,
+                    scale: this._core.store.state.scale,
+                    stroke: this.color,
+                    strokeWidth: this.size,
+                    arrows: this.arrows,
+                });
+                line.isCompleted = false;
+                this._core.store.state.objects.insert(line);
             }
-            if (activeText !== null && object instanceof KritzelText === false) {
-                this._core.resetActiveText();
-                this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-                return;
+        }
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            if (activePointers.length === 1) {
+                const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
+                const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
+                this._core.store.state.isDrawing = true;
+                this._startX = x;
+                this._startY = y;
+                const line = KritzelLine.create(this._core, {
+                    startX: x,
+                    startY: y,
+                    endX: x,
+                    endY: y,
+                    translateX: -this._core.store.state.translateX,
+                    translateY: -this._core.store.state.translateY,
+                    scale: this._core.store.state.scale,
+                    stroke: this.color,
+                    strokeWidth: this.size,
+                    arrows: this.arrows,
+                });
+                line.isCompleted = false;
+                this._core.store.state.objects.insert(line);
             }
-            if (KritzelEventHelper.isLeftClick(event) === false) {
-                return;
+        }
+    }
+    handlePointerMove(event) {
+        if (event.cancelable) {
+            event.preventDefault();
+        }
+        if (event.pointerType === 'mouse') {
+            if (this._core.store.state.isDrawing) {
+                const currentLine = this._core.store.currentLine;
+                if (currentLine) {
+                    const x = event.clientX - this._core.store.offsetX;
+                    const y = event.clientY - this._core.store.offsetY;
+                    const updatedLine = KritzelLine.create(this._core, {
+                        startX: this._startX,
+                        startY: this._startY,
+                        endX: x,
+                        endY: y,
+                        translateX: -this._core.store.state.translateX,
+                        translateY: -this._core.store.state.translateY,
+                        scale: this._core.store.state.scale,
+                        stroke: this.color,
+                        strokeWidth: this.size,
+                        arrows: this.arrows,
+                    });
+                    updatedLine.id = currentLine.id;
+                    updatedLine.workspaceId = currentLine.workspaceId;
+                    updatedLine.isCompleted = false;
+                    this._core.store.state.objects.update(updatedLine);
+                }
             }
-            const clientX = event.clientX - this._core.store.offsetX;
-            const clientY = event.clientY - this._core.store.offsetY;
-            const text = KritzelText.create(this._core, this.fontSize, this.fontFamily);
-            text.fontColor = this.fontColor;
-            text.translateX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
-            text.translateY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
-            text.zIndex = this._core.store.currentZIndex;
-            this._core.store.state.objects.insert(text);
-            this._core.rerender();
-            text.edit(event);
         }
         if (event.pointerType === 'touch') {
             const activePointers = Array.from(this._core.store.state.pointers.values());
-            const path = event.composedPath().slice(1);
-            const objectElement = path.find(element => element.classList && element.classList.contains('object'));
-            const object = this._core.findObjectById(objectElement?.id);
-            const activeText = this._core.store.activeText;
-            if (activeText === null && object instanceof KritzelText) {
-                object.edit(event);
-                return;
-            }
-            if (activeText !== null && object instanceof KritzelText) {
-                activeText.save();
-                object.edit(event);
-                return;
-            }
-            if (activeText !== null && object instanceof KritzelText === false) {
-                this._core.resetActiveText();
-                this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-                return;
-            }
-            if (activePointers.length > 1) {
-                return;
+            if (activePointers.length === 1) {
+                const currentLine = this._core.store.currentLine;
+                if (currentLine) {
+                    const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
+                    const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
+                    const updatedLine = KritzelLine.create(this._core, {
+                        startX: this._startX,
+                        startY: this._startY,
+                        endX: x,
+                        endY: y,
+                        translateX: -this._core.store.state.translateX,
+                        translateY: -this._core.store.state.translateY,
+                        scale: this._core.store.state.scale,
+                        stroke: this.color,
+                        strokeWidth: this.size,
+                        arrows: this.arrows,
+                    });
+                    updatedLine.id = currentLine.id;
+                    updatedLine.workspaceId = currentLine.workspaceId;
+                    updatedLine.isCompleted = false;
+                    this._core.store.state.objects.update(updatedLine);
+                }
             }
-            const clientX = Math.round(activePointers[0].clientX - this._core.store.offsetX);
-            const clientY = Math.round(activePointers[0].clientY - this._core.store.offsetY);
-            const text = KritzelText.create(this._core, this.fontSize, this.fontFamily);
-            text.fontColor = this.fontColor;
-            text.translateX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
-            text.translateY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
-            text.zIndex = this._core.store.currentZIndex;
-            this._core.store.state.objects.insert(text);
-            this._core.rerender();
-            text.edit(event);
         }
     }
     handlePointerUp(event) {
         if (event.cancelable) {
             event.preventDefault();
         }
-        this._core.store.activeText?.edit(event);
+        if (event.pointerType === 'mouse') {
+            if (this._core.store.state.isDrawing) {
+                this._core.store.state.isDrawing = false;
+                const currentLine = this._core.store.currentLine;
+                if (currentLine) {
+                    currentLine.isCompleted = true;
+                    currentLine.zIndex = this._core.store.currentZIndex;
+                    this._core.store.state.objects.update(currentLine);
+                    this._core.engine.emitObjectsChange();
+                    // Switch to selection tool and select the drawn line
+                    this.selectLineAndSwitchTool(currentLine);
+                }
+            }
+        }
+        if (event.pointerType === 'touch') {
+            if (this._core.store.state.isDrawing) {
+                this._core.store.state.isDrawing = false;
+                const currentLine = this._core.store.currentLine;
+                if (currentLine) {
+                    currentLine.isCompleted = true;
+                    currentLine.zIndex = this._core.store.currentZIndex;
+                    this._core.store.state.objects.update(currentLine);
+                    this._core.engine.emitObjectsChange();
+                    // Switch to selection tool and select the drawn line
+                    this.selectLineAndSwitchTool(currentLine);
+                }
+            }
+        }
     }
-}
-
-class KritzelBaseHandler {
-    _core;
-    constructor(core) {
-        this._core = core;
+    selectLineAndSwitchTool(line) {
+        // Create a selection group with the drawn line
+        const selectionGroup = KritzelSelectionGroup.create(this._core);
+        selectionGroup.addOrRemove(line);
+        selectionGroup.isSelected = true;
+        selectionGroup.rotation = line.rotation;
+        // Add the selection group
+        this._core.addSelectionGroup(selectionGroup);
+        // Switch to selection tool
+        this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
+        // Rerender
+        this._core.rerender();
     }
 }
 
-class KritzelMoveHandler extends KritzelBaseHandler {
-    dragStartX;
-    dragStartY;
-    startX;
-    startY;
-    endX;
-    endY;
-    hasMoved = false;
-    trackedPointerId = null;
+class KritzelEraserTool extends KritzelBaseTool {
+    touchStartTimeout = null;
     constructor(core) {
         super(core);
     }
-    reset() {
-        this.dragStartX = 0;
-        this.dragStartY = 0;
-        this.startX = 0;
-        this.startY = 0;
-        this.endX = 0;
-        this.endY = 0;
-        this.hasMoved = false;
-        this.trackedPointerId = null;
-    }
-    cancelPendingDrag() {
-        this._core.store.state.isDragging = false;
-        this.reset();
-    }
     handlePointerDown(event) {
         if (event.pointerType === 'mouse') {
             if (KritzelEventHelper.isLeftClick(event)) {
-                const selectionGroup = this._core.store.selectionGroup;
-                if (selectionGroup?.isSelected && !this._core.store.state.isResizeHandleSelected && !this._core.store.state.isRotationHandleSelected) {
-                    const clientX = event.clientX - this._core.store.offsetX;
-                    const clientY = event.clientY - this._core.store.offsetY;
-                    this._core.store.state.isDragging = true;
-                    this.dragStartX = clientX;
-                    this.dragStartY = clientY;
-                    this.startX = this.dragStartX;
-                    this.startY = this.dragStartY;
-                    this.trackedPointerId = event.pointerId;
-                }
-                else {
-                    this.trackedPointerId = null;
-                }
-            }
-            else {
-                this.trackedPointerId = null;
+                this._core.store.state.isErasing = true;
             }
         }
         if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._core.store.state.pointers.values());
-            if (this._core.store.state.pointers.size === 1) {
-                if (this._core.store.state.isScaling) {
-                    this.trackedPointerId = null;
-                    return;
-                }
-                const selectionGroup = this._core.store.selectionGroup;
-                if (selectionGroup?.isSelected && !this._core.store.state.isResizeHandleSelected && !this._core.store.state.isRotationHandleSelected) {
-                    const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
-                    const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
-                    this.dragStartX = x;
-                    this.dragStartY = y;
-                    this.startX = x;
-                    this.startY = y;
-                    this.trackedPointerId = event.pointerId;
-                }
-                else {
-                    this.trackedPointerId = null;
+            this.touchStartTimeout = setTimeout(() => {
+                if (this._core.store.state.pointers.size === 1 && !this._core.store.state.isScaling) {
+                    this._core.store.state.isErasing = true;
                 }
-            }
+            }, 80);
         }
     }
     handlePointerMove(event) {
-        if (this.trackedPointerId === null || this.trackedPointerId !== event.pointerId) {
-            return;
-        }
         if (event.pointerType === 'mouse') {
-            const selectionGroup = this._core.store.selectionGroup;
-            if (this._core.store.state.isDragging && selectionGroup) {
-                const clientX = event.clientX - this._core.store.offsetX;
-                const clientY = event.clientY - this._core.store.offsetY;
-                this.endX = clientX;
-                this.endY = clientY;
-                const moveDeltaX = Math.abs(clientX - this.startX);
-                const moveDeltaY = Math.abs(clientY - this.startY);
-                const moveThreshold = 5;
-                if (moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) {
-                    selectionGroup.move(clientX, clientY, this.dragStartX, this.dragStartY);
-                    this.dragStartX = clientX;
-                    this.dragStartY = clientY;
-                    this.hasMoved = true;
-                }
+            if (this._core.store.state.isErasing) {
+                const selectedObjects = this._core.getObjectsFromPointerEvent(event, '.object');
+                if (selectedObjects.length === 0)
+                    return;
+                const x = this._core.store.state.pointerX;
+                const y = this._core.store.state.pointerY;
+                selectedObjects.forEach(selectedObject => {
+                    selectedObject.markedForRemoval = selectedObject.hitTest(x, y);
+                });
+                this._core.rerender();
             }
         }
         if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._core.store.state.pointers.values());
-            const selectionGroup = this._core.store.selectionGroup;
-            if (this._core.store.state.pointers.size === 1 &&
-                selectionGroup &&
-                !this._core.store.state.isResizeHandleSelected &&
-                !this._core.store.state.isRotationHandleSelected &&
-                !this._core.store.state.isScaling) {
-                const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
-                const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
-                this._core.store.state.isDragging = true;
-                this.endX = x;
-                this.endY = y;
-                const moveDeltaX = Math.abs(x - this.startX);
-                const moveDeltaY = Math.abs(y - this.startY);
-                const moveThreshold = 5;
-                if (moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) {
-                    clearTimeout(this._core.store.state.longTouchTimeout);
-                    selectionGroup.move(x, y, this.dragStartX, this.dragStartY);
-                    this.dragStartX = x;
-                    this.dragStartY = y;
-                    this.hasMoved = true;
-                }
+            if (this._core.store.state.pointers.size === 1 && this._core.store.state.isErasing) {
+                const shadowRoot = this._core.store.state.host?.shadowRoot;
+                if (!shadowRoot)
+                    return;
+                const selectedObjects = this._core.getObjectsFromPointerEvent(event, '.object');
+                if (selectedObjects.length === 0)
+                    return;
+                const x = this._core.store.state.pointerX;
+                const y = this._core.store.state.pointerY;
+                selectedObjects.forEach(selectedObject => {
+                    selectedObject.markedForRemoval = selectedObject.hitTest(x, y);
+                });
+                this._core.rerender();
             }
         }
     }
     handlePointerUp(event) {
-        if (this.trackedPointerId === null || this.trackedPointerId !== event.pointerId) {
-            return;
-        }
         if (event.pointerType === 'mouse') {
-            if (this._core.store.state.isDragging) {
-                this._core.store.state.isDragging = false;
-                if (this.hasMoved) {
-                    this._core.store.selectionGroup.update();
-                    this._core.engine.emitObjectsChange();
-                    this._core.store.state.hasObjectsChanged = true;
+            if (this._core.store.state.isErasing) {
+                const objectsToRemove = this._core.store.allObjects.filter(object => object.markedForRemoval);
+                objectsToRemove.forEach(object => {
+                    object.markedForRemoval = false;
+                    this._core.removeObject(object);
+                });
+                if (objectsToRemove.length > 0) {
+                    this._core.rerender();
                 }
+                this._core.store.state.isErasing = false;
+                this._core.engine.emitObjectsChange();
             }
         }
         if (event.pointerType === 'touch') {
-            if (this._core.store.state.isDragging) {
-                this._core.store.state.isDragging = false;
-                if (this.hasMoved) {
-                    this._core.store.selectionGroup.update();
-                    this._core.engine.emitObjectsChange();
-                    this._core.store.state.hasObjectsChanged = true;
+            clearTimeout(this.touchStartTimeout);
+            if (this._core.store.state.isErasing) {
+                const objectsToRemove = this._core.store.allObjects.filter(object => object.markedForRemoval);
+                objectsToRemove.forEach(object => {
+                    object.markedForRemoval = false;
+                    this._core.removeObject(object);
+                });
+                if (objectsToRemove.length > 0) {
+                    this._core.rerender();
                 }
+                this._core.store.state.isErasing = false;
+                this._core.engine.emitObjectsChange();
             }
         }
-        this.reset();
     }
 }
 
-var KritzelHandleType;
-(function (KritzelHandleType) {
-    KritzelHandleType["TopLeft"] = "top-left";
-    KritzelHandleType["TopRight"] = "top-right";
-    KritzelHandleType["BottomLeft"] = "bottom-left";
-    KritzelHandleType["BottomRight"] = "bottom-right";
-})(KritzelHandleType || (KritzelHandleType = {}));
+/**
+ * Browser Image Compression
+ * v2.0.2
+ * by Donald <donaldcwl@gmail.com>
+ * https://github.com/Donaldcwl/browser-image-compression
+ */
 
-class KritzelResizeHandler extends KritzelBaseHandler {
-    initialMouseX = 0;
-    initialMouseY = 0;
-    initialSize = { x: 0, y: 0, width: 0, height: 0 };
-    newSize = { x: 0, y: 0, width: 0, height: 0 };
-    hasResized = false;
+function _mergeNamespaces(e,t){return t.forEach((function(t){t&&"string"!=typeof t&&!Array.isArray(t)&&Object.keys(t).forEach((function(r){if("default"!==r&&!(r in e)){var i=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,i.get?i:{enumerable:true,get:function(){return t[r]}});}}));})),Object.freeze(e)}function copyExifWithoutOrientation(e,t){return new Promise((function(r,i){let o;return getApp1Segment(e).then((function(e){try{return o=e,r(new Blob([t.slice(0,2),o,t.slice(2)],{type:"image/jpeg"}))}catch(e){return i(e)}}),i)}))}const getApp1Segment=e=>new Promise(((t,r)=>{const i=new FileReader;i.addEventListener("load",(({target:{result:e}})=>{const i=new DataView(e);let o=0;if(65496!==i.getUint16(o))return r("not a valid JPEG");for(o+=2;;){const a=i.getUint16(o);if(65498===a)break;const s=i.getUint16(o+2);if(65505===a&&1165519206===i.getUint32(o+4)){const a=o+10;let f;switch(i.getUint16(a)){case 18761:f=true;break;case 19789:f=false;break;default:return r("TIFF header contains invalid endian")}if(42!==i.getUint16(a+2,f))return r("TIFF header contains invalid version");const l=i.getUint32(a+4,f),c=a+l+2+12*i.getUint16(a+l,f);for(let e=a+l+2;e<c;e+=12){if(274==i.getUint16(e,f)){if(3!==i.getUint16(e+2,f))return r("Orientation data type is invalid");if(1!==i.getUint32(e+4,f))return r("Orientation data count is invalid");i.setUint16(e+8,1,f);break}}return t(e.slice(o,o+2+s))}o+=2+s;}return t(new Blob)})),i.readAsArrayBuffer(e);}));var e={},t={get exports(){return e},set exports(t){e=t;}};!function(e){var r,i,UZIP={};t.exports=UZIP,UZIP.parse=function(e,t){for(var r=UZIP.bin.readUshort,i=UZIP.bin.readUint,o=0,a={},s=new Uint8Array(e),f=s.length-4;101010256!=i(s,f);)f--;o=f;o+=4;var l=r(s,o+=4);r(s,o+=2);var c=i(s,o+=2),u=i(s,o+=4);o+=4,o=u;for(var h=0;h<l;h++){i(s,o),o+=4,o+=4,o+=4,i(s,o+=4);c=i(s,o+=4);var d=i(s,o+=4),A=r(s,o+=4),g=r(s,o+2),p=r(s,o+4);o+=6;var m=i(s,o+=8);o+=4,o+=A+g+p,UZIP._readLocal(s,m,a,c,d,t);}return a},UZIP._readLocal=function(e,t,r,i,o,a){var s=UZIP.bin.readUshort,f=UZIP.bin.readUint;f(e,t),s(e,t+=4),s(e,t+=2);var l=s(e,t+=2);f(e,t+=2),f(e,t+=4),t+=4;var c=s(e,t+=8),u=s(e,t+=2);t+=2;var h=UZIP.bin.readUTF8(e,t,c);if(t+=c,t+=u,a)r[h]={size:o,csize:i};else {var d=new Uint8Array(e.buffer,t);if(0==l)r[h]=new Uint8Array(d.buffer.slice(t,t+i));else {if(8!=l)throw "unknown compression method: "+l;var A=new Uint8Array(o);UZIP.inflateRaw(d,A),r[h]=A;}}},UZIP.inflateRaw=function(e,t){return UZIP.F.inflate(e,t)},UZIP.inflate=function(e,t){return UZIP.inflateRaw(new Uint8Array(e.buffer,e.byteOffset+2,e.length-6),t)},UZIP.deflate=function(e,t){null==t&&(t={level:6});var r=0,i=new Uint8Array(50+Math.floor(1.1*e.length));i[r]=120,i[r+1]=156,r+=2,r=UZIP.F.deflateRaw(e,i,r,t.level);var o=UZIP.adler(e,0,e.length);return i[r+0]=o>>>24&255,i[r+1]=o>>>16&255,i[r+2]=o>>>8&255,i[r+3]=o>>>0&255,new Uint8Array(i.buffer,0,r+4)},UZIP.deflateRaw=function(e,t){null==t&&(t={level:6});var r=new Uint8Array(50+Math.floor(1.1*e.length)),i=UZIP.F.deflateRaw(e,r,i,t.level);return new Uint8Array(r.buffer,0,i)},UZIP.encode=function(e,t){null==t&&(t=false);var r=0,i=UZIP.bin.writeUint,o=UZIP.bin.writeUshort,a={};for(var s in e){var f=!UZIP._noNeed(s)&&!t,l=e[s],c=UZIP.crc.crc(l,0,l.length);a[s]={cpr:f,usize:l.length,crc:c,file:f?UZIP.deflateRaw(l):l};}for(var s in a)r+=a[s].file.length+30+46+2*UZIP.bin.sizeUTF8(s);r+=22;var u=new Uint8Array(r),h=0,d=[];for(var s in a){var A=a[s];d.push(h),h=UZIP._writeHeader(u,h,s,A,0);}var g=0,p=h;for(var s in a){A=a[s];d.push(h),h=UZIP._writeHeader(u,h,s,A,1,d[g++]);}var m=h-p;return i(u,h,101010256),h+=4,o(u,h+=4,g),o(u,h+=2,g),i(u,h+=2,m),i(u,h+=4,p),h+=4,h+=2,u.buffer},UZIP._noNeed=function(e){var t=e.split(".").pop().toLowerCase();return  -1!="png,jpg,jpeg,zip".indexOf(t)},UZIP._writeHeader=function(e,t,r,i,o,a){var s=UZIP.bin.writeUint,f=UZIP.bin.writeUshort,l=i.file;return s(e,t,0==o?67324752:33639248),t+=4,1==o&&(t+=2),f(e,t,20),f(e,t+=2,0),f(e,t+=2,i.cpr?8:0),s(e,t+=2,0),s(e,t+=4,i.crc),s(e,t+=4,l.length),s(e,t+=4,i.usize),f(e,t+=4,UZIP.bin.sizeUTF8(r)),f(e,t+=2,0),t+=2,1==o&&(t+=2,t+=2,s(e,t+=6,a),t+=4),t+=UZIP.bin.writeUTF8(e,t,r),0==o&&(e.set(l,t),t+=l.length),t},UZIP.crc={table:function(){for(var e=new Uint32Array(256),t=0;t<256;t++){for(var r=t,i=0;i<8;i++)1&r?r=3988292384^r>>>1:r>>>=1;e[t]=r;}return e}(),update:function(e,t,r,i){for(var o=0;o<i;o++)e=UZIP.crc.table[255&(e^t[r+o])]^e>>>8;return e},crc:function(e,t,r){return 4294967295^UZIP.crc.update(4294967295,e,t,r)}},UZIP.adler=function(e,t,r){for(var i=1,o=0,a=t,s=t+r;a<s;){for(var f=Math.min(a+5552,s);a<f;)o+=i+=e[a++];i%=65521,o%=65521;}return o<<16|i},UZIP.bin={readUshort:function(e,t){return e[t]|e[t+1]<<8},writeUshort:function(e,t,r){e[t]=255&r,e[t+1]=r>>8&255;},readUint:function(e,t){return 16777216*e[t+3]+(e[t+2]<<16|e[t+1]<<8|e[t])},writeUint:function(e,t,r){e[t]=255&r,e[t+1]=r>>8&255,e[t+2]=r>>16&255,e[t+3]=r>>24&255;},readASCII:function(e,t,r){for(var i="",o=0;o<r;o++)i+=String.fromCharCode(e[t+o]);return i},writeASCII:function(e,t,r){for(var i=0;i<r.length;i++)e[t+i]=r.charCodeAt(i);},pad:function(e){return e.length<2?"0"+e:e},readUTF8:function(e,t,r){for(var i,o="",a=0;a<r;a++)o+="%"+UZIP.bin.pad(e[t+a].toString(16));try{i=decodeURIComponent(o);}catch(i){return UZIP.bin.readASCII(e,t,r)}return i},writeUTF8:function(e,t,r){for(var i=r.length,o=0,a=0;a<i;a++){var s=r.charCodeAt(a);if(0==(4294967168&s))e[t+o]=s,o++;else if(0==(4294965248&s))e[t+o]=192|s>>6,e[t+o+1]=128|s>>0&63,o+=2;else if(0==(4294901760&s))e[t+o]=224|s>>12,e[t+o+1]=128|s>>6&63,e[t+o+2]=128|s>>0&63,o+=3;else {if(0!=(4292870144&s))throw "e";e[t+o]=240|s>>18,e[t+o+1]=128|s>>12&63,e[t+o+2]=128|s>>6&63,e[t+o+3]=128|s>>0&63,o+=4;}}return o},sizeUTF8:function(e){for(var t=e.length,r=0,i=0;i<t;i++){var o=e.charCodeAt(i);if(0==(4294967168&o))r++;else if(0==(4294965248&o))r+=2;else if(0==(4294901760&o))r+=3;else {if(0!=(4292870144&o))throw "e";r+=4;}}return r}},UZIP.F={},UZIP.F.deflateRaw=function(e,t,r,i){var o=[[0,0,0,0,0],[4,4,8,4,0],[4,5,16,8,0],[4,6,16,16,0],[4,10,16,32,0],[8,16,32,32,0],[8,16,128,128,0],[8,32,128,256,0],[32,128,258,1024,1],[32,258,258,4096,1]][i],a=UZIP.F.U,s=UZIP.F._goodIndex;var f=UZIP.F._putsE,l=0,c=r<<3,u=0,h=e.length;if(0==i){for(;l<h;){f(t,c,l+(_=Math.min(65535,h-l))==h?1:0),c=UZIP.F._copyExact(e,l,_,t,c+8),l+=_;}return c>>>3}var d=a.lits,A=a.strt,g=a.prev,p=0,m=0,w=0,v=0,b=0,y=0;for(h>2&&(A[y=UZIP.F._hash(e,0)]=0),l=0;l<h;l++){if(b=y,l+1<h-2){y=UZIP.F._hash(e,l+1);var E=l+1&32767;g[E]=A[y],A[y]=E;}if(u<=l){(p>14e3||m>26697)&&h-l>100&&(u<l&&(d[p]=l-u,p+=2,u=l),c=UZIP.F._writeBlock(l==h-1||u==h?1:0,d,p,v,e,w,l-w,t,c),p=m=v=0,w=l);var F=0;l<h-2&&(F=UZIP.F._bestMatch(e,l,g,b,Math.min(o[2],h-l),o[3]));var _=F>>>16,B=65535&F;if(0!=F){B=65535&F;var U=s(_=F>>>16,a.of0);a.lhst[257+U]++;var C=s(B,a.df0);a.dhst[C]++,v+=a.exb[U]+a.dxb[C],d[p]=_<<23|l-u,d[p+1]=B<<16|U<<8|C,p+=2,u=l+_;}else a.lhst[e[l]]++;m++;}}for(w==l&&0!=e.length||(u<l&&(d[p]=l-u,p+=2,u=l),c=UZIP.F._writeBlock(1,d,p,v,e,w,l-w,t,c),p=0,m=0,p=m=v=0,w=l);0!=(7&c);)c++;return c>>>3},UZIP.F._bestMatch=function(e,t,r,i,o,a){var s=32767&t,f=r[s],l=s-f+32768&32767;if(f==s||i!=UZIP.F._hash(e,t-l))return 0;for(var c=0,u=0,h=Math.min(32767,t);l<=h&&0!=--a&&f!=s;){if(0==c||e[t+c]==e[t+c-l]){var d=UZIP.F._howLong(e,t,l);if(d>c){if(u=l,(c=d)>=o)break;l+2<d&&(d=l+2);for(var A=0,g=0;g<d-2;g++){var p=t-l+g+32768&32767,m=p-r[p]+32768&32767;m>A&&(A=m,f=p);}}}l+=(s=f)-(f=r[s])+32768&32767;}return c<<16|u},UZIP.F._howLong=function(e,t,r){if(e[t]!=e[t-r]||e[t+1]!=e[t+1-r]||e[t+2]!=e[t+2-r])return 0;var i=t,o=Math.min(e.length,t+258);for(t+=3;t<o&&e[t]==e[t-r];)t++;return t-i},UZIP.F._hash=function(e,t){return (e[t]<<8|e[t+1])+(e[t+2]<<4)&65535},UZIP.saved=0,UZIP.F._writeBlock=function(e,t,r,i,o,a,s,f,l){var c,u,h,d,A,g,p,m,w,v=UZIP.F.U,b=UZIP.F._putsF,y=UZIP.F._putsE;v.lhst[256]++,u=(c=UZIP.F.getTrees())[0],h=c[1],d=c[2],A=c[3],g=c[4],p=c[5],m=c[6],w=c[7];var E=32+(0==(l+3&7)?0:8-(l+3&7))+(s<<3),F=i+UZIP.F.contSize(v.fltree,v.lhst)+UZIP.F.contSize(v.fdtree,v.dhst),_=i+UZIP.F.contSize(v.ltree,v.lhst)+UZIP.F.contSize(v.dtree,v.dhst);_+=14+3*p+UZIP.F.contSize(v.itree,v.ihst)+(2*v.ihst[16]+3*v.ihst[17]+7*v.ihst[18]);for(var B=0;B<286;B++)v.lhst[B]=0;for(B=0;B<30;B++)v.dhst[B]=0;for(B=0;B<19;B++)v.ihst[B]=0;var U=E<F&&E<_?0:F<_?1:2;if(b(f,l,e),b(f,l+1,U),l+=3,0==U){for(;0!=(7&l);)l++;l=UZIP.F._copyExact(o,a,s,f,l);}else {var C,I;if(1==U&&(C=v.fltree,I=v.fdtree),2==U){UZIP.F.makeCodes(v.ltree,u),UZIP.F.revCodes(v.ltree,u),UZIP.F.makeCodes(v.dtree,h),UZIP.F.revCodes(v.dtree,h),UZIP.F.makeCodes(v.itree,d),UZIP.F.revCodes(v.itree,d),C=v.ltree,I=v.dtree,y(f,l,A-257),y(f,l+=5,g-1),y(f,l+=5,p-4),l+=4;for(var Q=0;Q<p;Q++)y(f,l+3*Q,v.itree[1+(v.ordr[Q]<<1)]);l+=3*p,l=UZIP.F._codeTiny(m,v.itree,f,l),l=UZIP.F._codeTiny(w,v.itree,f,l);}for(var M=a,x=0;x<r;x+=2){for(var S=t[x],R=S>>>23,T=M+(8388607&S);M<T;)l=UZIP.F._writeLit(o[M++],C,f,l);if(0!=R){var O=t[x+1],P=O>>16,H=O>>8&255,L=255&O;y(f,l=UZIP.F._writeLit(257+H,C,f,l),R-v.of0[H]),l+=v.exb[H],b(f,l=UZIP.F._writeLit(L,I,f,l),P-v.df0[L]),l+=v.dxb[L],M+=R;}}l=UZIP.F._writeLit(256,C,f,l);}return l},UZIP.F._copyExact=function(e,t,r,i,o){var a=o>>>3;return i[a]=r,i[a+1]=r>>>8,i[a+2]=255-i[a],i[a+3]=255-i[a+1],a+=4,i.set(new Uint8Array(e.buffer,t,r),a),o+(r+4<<3)},UZIP.F.getTrees=function(){for(var e=UZIP.F.U,t=UZIP.F._hufTree(e.lhst,e.ltree,15),r=UZIP.F._hufTree(e.dhst,e.dtree,15),i=[],o=UZIP.F._lenCodes(e.ltree,i),a=[],s=UZIP.F._lenCodes(e.dtree,a),f=0;f<i.length;f+=2)e.ihst[i[f]]++;for(f=0;f<a.length;f+=2)e.ihst[a[f]]++;for(var l=UZIP.F._hufTree(e.ihst,e.itree,7),c=19;c>4&&0==e.itree[1+(e.ordr[c-1]<<1)];)c--;return [t,r,l,o,s,c,i,a]},UZIP.F.getSecond=function(e){for(var t=[],r=0;r<e.length;r+=2)t.push(e[r+1]);return t},UZIP.F.nonZero=function(e){for(var t="",r=0;r<e.length;r+=2)0!=e[r+1]&&(t+=(r>>1)+",");return t},UZIP.F.contSize=function(e,t){for(var r=0,i=0;i<t.length;i++)r+=t[i]*e[1+(i<<1)];return r},UZIP.F._codeTiny=function(e,t,r,i){for(var o=0;o<e.length;o+=2){var a=e[o],s=e[o+1];i=UZIP.F._writeLit(a,t,r,i);var f=16==a?2:17==a?3:7;a>15&&(UZIP.F._putsE(r,i,s,f),i+=f);}return i},UZIP.F._lenCodes=function(e,t){for(var r=e.length;2!=r&&0==e[r-1];)r-=2;for(var i=0;i<r;i+=2){var o=e[i+1],a=i+3<r?e[i+3]:-1,s=i+5<r?e[i+5]:-1,f=0==i?-1:e[i-1];if(0==o&&a==o&&s==o){for(var l=i+5;l+2<r&&e[l+2]==o;)l+=2;(c=Math.min(l+1-i>>>1,138))<11?t.push(17,c-3):t.push(18,c-11),i+=2*c-2;}else if(o==f&&a==o&&s==o){for(l=i+5;l+2<r&&e[l+2]==o;)l+=2;var c=Math.min(l+1-i>>>1,6);t.push(16,c-3),i+=2*c-2;}else t.push(o,0);}return r>>>1},UZIP.F._hufTree=function(e,t,r){var i=[],o=e.length,a=t.length,s=0;for(s=0;s<a;s+=2)t[s]=0,t[s+1]=0;for(s=0;s<o;s++)0!=e[s]&&i.push({lit:s,f:e[s]});var f=i.length,l=i.slice(0);if(0==f)return 0;if(1==f){var c=i[0].lit;l=0==c?1:0;return t[1+(c<<1)]=1,t[1+(l<<1)]=1,1}i.sort((function(e,t){return e.f-t.f}));var u=i[0],h=i[1],d=0,A=1,g=2;for(i[0]={lit:-1,f:u.f+h.f,l:u,r:h,d:0};A!=f-1;)u=d!=A&&(g==f||i[d].f<i[g].f)?i[d++]:i[g++],h=d!=A&&(g==f||i[d].f<i[g].f)?i[d++]:i[g++],i[A++]={lit:-1,f:u.f+h.f,l:u,r:h};var p=UZIP.F.setDepth(i[A-1],0);for(p>r&&(UZIP.F.restrictDepth(l,r,p),p=r),s=0;s<f;s++)t[1+(l[s].lit<<1)]=l[s].d;return p},UZIP.F.setDepth=function(e,t){return  -1!=e.lit?(e.d=t,t):Math.max(UZIP.F.setDepth(e.l,t+1),UZIP.F.setDepth(e.r,t+1))},UZIP.F.restrictDepth=function(e,t,r){var i=0,o=1<<r-t,a=0;for(e.sort((function(e,t){return t.d==e.d?e.f-t.f:t.d-e.d})),i=0;i<e.length&&e[i].d>t;i++){var s=e[i].d;e[i].d=t,a+=o-(1<<r-s);}for(a>>>=r-t;a>0;){(s=e[i].d)<t?(e[i].d++,a-=1<<t-s-1):i++;}for(;i>=0;i--)e[i].d==t&&a<0&&(e[i].d--,a++);0!=a&&console.log("debt left");},UZIP.F._goodIndex=function(e,t){var r=0;return t[16|r]<=e&&(r|=16),t[8|r]<=e&&(r|=8),t[4|r]<=e&&(r|=4),t[2|r]<=e&&(r|=2),t[1|r]<=e&&(r|=1),r},UZIP.F._writeLit=function(e,t,r,i){return UZIP.F._putsF(r,i,t[e<<1]),i+t[1+(e<<1)]},UZIP.F.inflate=function(e,t){var r=Uint8Array;if(3==e[0]&&0==e[1])return t||new r(0);var i=UZIP.F,o=i._bitsF,a=i._bitsE,s=i._decodeTiny,f=i.makeCodes,l=i.codes2map,c=i._get17,u=i.U,h=null==t;h&&(t=new r(e.length>>>2<<3));for(var d,A,g=0,p=0,m=0,w=0,v=0,b=0,y=0,E=0,F=0;0==g;)if(g=o(e,F,1),p=o(e,F+1,2),F+=3,0!=p){if(h&&(t=UZIP.F._check(t,E+(1<<17))),1==p&&(d=u.flmap,A=u.fdmap,b=511,y=31),2==p){m=a(e,F,5)+257,w=a(e,F+5,5)+1,v=a(e,F+10,4)+4,F+=14;for(var _=0;_<38;_+=2)u.itree[_]=0,u.itree[_+1]=0;var B=1;for(_=0;_<v;_++){var U=a(e,F+3*_,3);u.itree[1+(u.ordr[_]<<1)]=U,U>B&&(B=U);}F+=3*v,f(u.itree,B),l(u.itree,B,u.imap),d=u.lmap,A=u.dmap,F=s(u.imap,(1<<B)-1,m+w,e,F,u.ttree);var C=i._copyOut(u.ttree,0,m,u.ltree);b=(1<<C)-1;var I=i._copyOut(u.ttree,m,w,u.dtree);y=(1<<I)-1,f(u.ltree,C),l(u.ltree,C,d),f(u.dtree,I),l(u.dtree,I,A);}for(;;){var Q=d[c(e,F)&b];F+=15&Q;var M=Q>>>4;if(M>>>8==0)t[E++]=M;else {if(256==M)break;var x=E+M-254;if(M>264){var S=u.ldef[M-257];x=E+(S>>>3)+a(e,F,7&S),F+=7&S;}var R=A[c(e,F)&y];F+=15&R;var T=R>>>4,O=u.ddef[T],P=(O>>>4)+o(e,F,15&O);for(F+=15&O,h&&(t=UZIP.F._check(t,E+(1<<17)));E<x;)t[E]=t[E++-P],t[E]=t[E++-P],t[E]=t[E++-P],t[E]=t[E++-P];E=x;}}}else {0!=(7&F)&&(F+=8-(7&F));var H=4+(F>>>3),L=e[H-4]|e[H-3]<<8;h&&(t=UZIP.F._check(t,E+L)),t.set(new r(e.buffer,e.byteOffset+H,L),E),F=H+L<<3,E+=L;}return t.length==E?t:t.slice(0,E)},UZIP.F._check=function(e,t){var r=e.length;if(t<=r)return e;var i=new Uint8Array(Math.max(r<<1,t));return i.set(e,0),i},UZIP.F._decodeTiny=function(e,t,r,i,o,a){for(var s=UZIP.F._bitsE,f=UZIP.F._get17,l=0;l<r;){var c=e[f(i,o)&t];o+=15&c;var u=c>>>4;if(u<=15)a[l]=u,l++;else {var h=0,d=0;16==u?(d=3+s(i,o,2),o+=2,h=a[l-1]):17==u?(d=3+s(i,o,3),o+=3):18==u&&(d=11+s(i,o,7),o+=7);for(var A=l+d;l<A;)a[l]=h,l++;}}return o},UZIP.F._copyOut=function(e,t,r,i){for(var o=0,a=0,s=i.length>>>1;a<r;){var f=e[a+t];i[a<<1]=0,i[1+(a<<1)]=f,f>o&&(o=f),a++;}for(;a<s;)i[a<<1]=0,i[1+(a<<1)]=0,a++;return o},UZIP.F.makeCodes=function(e,t){for(var r,i,o,a,s=UZIP.F.U,f=e.length,l=s.bl_count,c=0;c<=t;c++)l[c]=0;for(c=1;c<f;c+=2)l[e[c]]++;var u=s.next_code;for(r=0,l[0]=0,i=1;i<=t;i++)r=r+l[i-1]<<1,u[i]=r;for(o=0;o<f;o+=2)0!=(a=e[o+1])&&(e[o]=u[a],u[a]++);},UZIP.F.codes2map=function(e,t,r){for(var i=e.length,o=UZIP.F.U.rev15,a=0;a<i;a+=2)if(0!=e[a+1])for(var s=a>>1,f=e[a+1],l=s<<4|f,c=t-f,u=e[a]<<c,h=u+(1<<c);u!=h;){r[o[u]>>>15-t]=l,u++;}},UZIP.F.revCodes=function(e,t){for(var r=UZIP.F.U.rev15,i=15-t,o=0;o<e.length;o+=2){var a=e[o]<<t-e[o+1];e[o]=r[a]>>>i;}},UZIP.F._putsE=function(e,t,r){r<<=7&t;var i=t>>>3;e[i]|=r,e[i+1]|=r>>>8;},UZIP.F._putsF=function(e,t,r){r<<=7&t;var i=t>>>3;e[i]|=r,e[i+1]|=r>>>8,e[i+2]|=r>>>16;},UZIP.F._bitsE=function(e,t,r){return (e[t>>>3]|e[1+(t>>>3)]<<8)>>>(7&t)&(1<<r)-1},UZIP.F._bitsF=function(e,t,r){return (e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)&(1<<r)-1},UZIP.F._get17=function(e,t){return (e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)},UZIP.F._get25=function(e,t){return (e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16|e[3+(t>>>3)]<<24)>>>(7&t)},UZIP.F.U=(r=Uint16Array,i=Uint32Array,{next_code:new r(16),bl_count:new r(16),ordr:[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],of0:[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,999,999,999],exb:[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0,0],ldef:new r(32),df0:[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577,65535,65535],dxb:[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,0,0],ddef:new i(32),flmap:new r(512),fltree:[],fdmap:new r(32),fdtree:[],lmap:new r(32768),ltree:[],ttree:[],dmap:new r(32768),dtree:[],imap:new r(512),itree:[],rev15:new r(32768),lhst:new i(286),dhst:new i(30),ihst:new i(19),lits:new i(15e3),strt:new r(65536),prev:new r(32768)}),function(){for(var e=UZIP.F.U,t=0;t<32768;t++){var r=t;r=(4278255360&(r=(4042322160&(r=(3435973836&(r=(2863311530&r)>>>1|(1431655765&r)<<1))>>>2|(858993459&r)<<2))>>>4|(252645135&r)<<4))>>>8|(16711935&r)<<8,e.rev15[t]=(r>>>16|r<<16)>>>17;}function pushV(e,t,r){for(;0!=t--;)e.push(0,r);}for(t=0;t<32;t++)e.ldef[t]=e.of0[t]<<3|e.exb[t],e.ddef[t]=e.df0[t]<<4|e.dxb[t];pushV(e.fltree,144,8),pushV(e.fltree,112,9),pushV(e.fltree,24,7),pushV(e.fltree,8,8),UZIP.F.makeCodes(e.fltree,9),UZIP.F.codes2map(e.fltree,9,e.flmap),UZIP.F.revCodes(e.fltree,9),pushV(e.fdtree,32,5),UZIP.F.makeCodes(e.fdtree,5),UZIP.F.codes2map(e.fdtree,5,e.fdmap),UZIP.F.revCodes(e.fdtree,5),pushV(e.itree,19,0),pushV(e.ltree,286,0),pushV(e.dtree,30,0),pushV(e.ttree,320,0);}();}();var UZIP=_mergeNamespaces({__proto__:null,default:e},[e]);const UPNG=function(){var e={nextZero(e,t){for(;0!=e[t];)t++;return t},readUshort:(e,t)=>e[t]<<8|e[t+1],writeUshort(e,t,r){e[t]=r>>8&255,e[t+1]=255&r;},readUint:(e,t)=>16777216*e[t]+(e[t+1]<<16|e[t+2]<<8|e[t+3]),writeUint(e,t,r){e[t]=r>>24&255,e[t+1]=r>>16&255,e[t+2]=r>>8&255,e[t+3]=255&r;},readASCII(e,t,r){let i="";for(let o=0;o<r;o++)i+=String.fromCharCode(e[t+o]);return i},writeASCII(e,t,r){for(let i=0;i<r.length;i++)e[t+i]=r.charCodeAt(i);},readBytes(e,t,r){const i=[];for(let o=0;o<r;o++)i.push(e[t+o]);return i},pad:e=>e.length<2?`0${e}`:e,readUTF8(t,r,i){let o,a="";for(let o=0;o<i;o++)a+=`%${e.pad(t[r+o].toString(16))}`;try{o=decodeURIComponent(a);}catch(o){return e.readASCII(t,r,i)}return o}};function decodeImage(t,r,i,o){const a=r*i,s=_getBPP(o),f=Math.ceil(r*s/8),l=new Uint8Array(4*a),c=new Uint32Array(l.buffer),{ctype:u}=o,{depth:h}=o,d=e.readUshort;if(6==u){const e=a<<2;if(8==h)for(var A=0;A<e;A+=4)l[A]=t[A],l[A+1]=t[A+1],l[A+2]=t[A+2],l[A+3]=t[A+3];if(16==h)for(A=0;A<e;A++)l[A]=t[A<<1];}else if(2==u){const e=o.tabs.tRNS;if(null==e){if(8==h)for(A=0;A<a;A++){var g=3*A;c[A]=255<<24|t[g+2]<<16|t[g+1]<<8|t[g];}if(16==h)for(A=0;A<a;A++){g=6*A;c[A]=255<<24|t[g+4]<<16|t[g+2]<<8|t[g];}}else {var p=e[0];const r=e[1],i=e[2];if(8==h)for(A=0;A<a;A++){var m=A<<2;g=3*A;c[A]=255<<24|t[g+2]<<16|t[g+1]<<8|t[g],t[g]==p&&t[g+1]==r&&t[g+2]==i&&(l[m+3]=0);}if(16==h)for(A=0;A<a;A++){m=A<<2,g=6*A;c[A]=255<<24|t[g+4]<<16|t[g+2]<<8|t[g],d(t,g)==p&&d(t,g+2)==r&&d(t,g+4)==i&&(l[m+3]=0);}}}else if(3==u){const e=o.tabs.PLTE,s=o.tabs.tRNS,c=s?s.length:0;if(1==h)for(var w=0;w<i;w++){var v=w*f,b=w*r;for(A=0;A<r;A++){m=b+A<<2;var y=3*(E=t[v+(A>>3)]>>7-((7&A)<<0)&1);l[m]=e[y],l[m+1]=e[y+1],l[m+2]=e[y+2],l[m+3]=E<c?s[E]:255;}}if(2==h)for(w=0;w<i;w++)for(v=w*f,b=w*r,A=0;A<r;A++){m=b+A<<2,y=3*(E=t[v+(A>>2)]>>6-((3&A)<<1)&3);l[m]=e[y],l[m+1]=e[y+1],l[m+2]=e[y+2],l[m+3]=E<c?s[E]:255;}if(4==h)for(w=0;w<i;w++)for(v=w*f,b=w*r,A=0;A<r;A++){m=b+A<<2,y=3*(E=t[v+(A>>1)]>>4-((1&A)<<2)&15);l[m]=e[y],l[m+1]=e[y+1],l[m+2]=e[y+2],l[m+3]=E<c?s[E]:255;}if(8==h)for(A=0;A<a;A++){var E;m=A<<2,y=3*(E=t[A]);l[m]=e[y],l[m+1]=e[y+1],l[m+2]=e[y+2],l[m+3]=E<c?s[E]:255;}}else if(4==u){if(8==h)for(A=0;A<a;A++){m=A<<2;var F=t[_=A<<1];l[m]=F,l[m+1]=F,l[m+2]=F,l[m+3]=t[_+1];}if(16==h)for(A=0;A<a;A++){var _;m=A<<2,F=t[_=A<<2];l[m]=F,l[m+1]=F,l[m+2]=F,l[m+3]=t[_+2];}}else if(0==u)for(p=o.tabs.tRNS?o.tabs.tRNS:-1,w=0;w<i;w++){const e=w*f,i=w*r;if(1==h)for(var B=0;B<r;B++){var U=(F=255*(t[e+(B>>>3)]>>>7-(7&B)&1))==255*p?0:255;c[i+B]=U<<24|F<<16|F<<8|F;}else if(2==h)for(B=0;B<r;B++){U=(F=85*(t[e+(B>>>2)]>>>6-((3&B)<<1)&3))==85*p?0:255;c[i+B]=U<<24|F<<16|F<<8|F;}else if(4==h)for(B=0;B<r;B++){U=(F=17*(t[e+(B>>>1)]>>>4-((1&B)<<2)&15))==17*p?0:255;c[i+B]=U<<24|F<<16|F<<8|F;}else if(8==h)for(B=0;B<r;B++){U=(F=t[e+B])==p?0:255;c[i+B]=U<<24|F<<16|F<<8|F;}else if(16==h)for(B=0;B<r;B++){F=t[e+(B<<1)],U=d(t,e+(B<<1))==p?0:255;c[i+B]=U<<24|F<<16|F<<8|F;}}return l}function _decompress(e,r,i,o){const a=_getBPP(e),s=Math.ceil(i*a/8),f=new Uint8Array((s+1+e.interlace)*o);return r=e.tabs.CgBI?t(r,f):_inflate(r,f),0==e.interlace?r=_filterZero(r,e,0,i,o):1==e.interlace&&(r=function _readInterlace(e,t){const r=t.width,i=t.height,o=_getBPP(t),a=o>>3,s=Math.ceil(r*o/8),f=new Uint8Array(i*s);let l=0;const c=[0,0,4,0,2,0,1],u=[0,4,0,2,0,1,0],h=[8,8,8,4,4,2,2],d=[8,8,4,4,2,2,1];let A=0;for(;A<7;){const p=h[A],m=d[A];let w=0,v=0,b=c[A];for(;b<i;)b+=p,v++;let y=u[A];for(;y<r;)y+=m,w++;const E=Math.ceil(w*o/8);_filterZero(e,t,l,w,v);let F=0,_=c[A];for(;_<i;){let t=u[A],i=l+F*E<<3;for(;t<r;){var g;if(1==o)g=(g=e[i>>3])>>7-(7&i)&1,f[_*s+(t>>3)]|=g<<7-((7&t)<<0);if(2==o)g=(g=e[i>>3])>>6-(7&i)&3,f[_*s+(t>>2)]|=g<<6-((3&t)<<1);if(4==o)g=(g=e[i>>3])>>4-(7&i)&15,f[_*s+(t>>1)]|=g<<4-((1&t)<<2);if(o>=8){const r=_*s+t*a;for(let t=0;t<a;t++)f[r+t]=e[(i>>3)+t];}i+=o,t+=m;}F++,_+=p;}w*v!=0&&(l+=v*(1+E)),A+=1;}return f}(r,e)),r}function _inflate(e,r){return t(new Uint8Array(e.buffer,2,e.length-6),r)}var t=function(){const e={H:{}};return e.H.N=function(t,r){const i=Uint8Array;let o,a,s=0,f=0,l=0,c=0,u=0,h=0,d=0,A=0,g=0;if(3==t[0]&&0==t[1])return r||new i(0);const p=e.H,m=p.b,w=p.e,v=p.R,b=p.n,y=p.A,E=p.Z,F=p.m,_=null==r;for(_&&(r=new i(t.length>>>2<<5));0==s;)if(s=m(t,g,1),f=m(t,g+1,2),g+=3,0!=f){if(_&&(r=e.H.W(r,A+(1<<17))),1==f&&(o=F.J,a=F.h,h=511,d=31),2==f){l=w(t,g,5)+257,c=w(t,g+5,5)+1,u=w(t,g+10,4)+4,g+=14;let e=1;for(var B=0;B<38;B+=2)F.Q[B]=0,F.Q[B+1]=0;for(B=0;B<u;B++){const r=w(t,g+3*B,3);F.Q[1+(F.X[B]<<1)]=r,r>e&&(e=r);}g+=3*u,b(F.Q,e),y(F.Q,e,F.u),o=F.w,a=F.d,g=v(F.u,(1<<e)-1,l+c,t,g,F.v);const r=p.V(F.v,0,l,F.C);h=(1<<r)-1;const i=p.V(F.v,l,c,F.D);d=(1<<i)-1,b(F.C,r),y(F.C,r,o),b(F.D,i),y(F.D,i,a);}for(;;){const e=o[E(t,g)&h];g+=15&e;const i=e>>>4;if(i>>>8==0)r[A++]=i;else {if(256==i)break;{let e=A+i-254;if(i>264){const r=F.q[i-257];e=A+(r>>>3)+w(t,g,7&r),g+=7&r;}const o=a[E(t,g)&d];g+=15&o;const s=o>>>4,f=F.c[s],l=(f>>>4)+m(t,g,15&f);for(g+=15&f;A<e;)r[A]=r[A++-l],r[A]=r[A++-l],r[A]=r[A++-l],r[A]=r[A++-l];A=e;}}}}else {0!=(7&g)&&(g+=8-(7&g));const o=4+(g>>>3),a=t[o-4]|t[o-3]<<8;_&&(r=e.H.W(r,A+a)),r.set(new i(t.buffer,t.byteOffset+o,a),A),g=o+a<<3,A+=a;}return r.length==A?r:r.slice(0,A)},e.H.W=function(e,t){const r=e.length;if(t<=r)return e;const i=new Uint8Array(r<<1);return i.set(e,0),i},e.H.R=function(t,r,i,o,a,s){const f=e.H.e,l=e.H.Z;let c=0;for(;c<i;){const e=t[l(o,a)&r];a+=15&e;const i=e>>>4;if(i<=15)s[c]=i,c++;else {let e=0,t=0;16==i?(t=3+f(o,a,2),a+=2,e=s[c-1]):17==i?(t=3+f(o,a,3),a+=3):18==i&&(t=11+f(o,a,7),a+=7);const r=c+t;for(;c<r;)s[c]=e,c++;}}return a},e.H.V=function(e,t,r,i){let o=0,a=0;const s=i.length>>>1;for(;a<r;){const r=e[a+t];i[a<<1]=0,i[1+(a<<1)]=r,r>o&&(o=r),a++;}for(;a<s;)i[a<<1]=0,i[1+(a<<1)]=0,a++;return o},e.H.n=function(t,r){const i=e.H.m,o=t.length;let a,s,f;let l;const c=i.j;for(var u=0;u<=r;u++)c[u]=0;for(u=1;u<o;u+=2)c[t[u]]++;const h=i.K;for(a=0,c[0]=0,s=1;s<=r;s++)a=a+c[s-1]<<1,h[s]=a;for(f=0;f<o;f+=2)l=t[f+1],0!=l&&(t[f]=h[l],h[l]++);},e.H.A=function(t,r,i){const o=t.length,a=e.H.m.r;for(let e=0;e<o;e+=2)if(0!=t[e+1]){const o=e>>1,s=t[e+1],f=o<<4|s,l=r-s;let c=t[e]<<l;const u=c+(1<<l);for(;c!=u;){i[a[c]>>>15-r]=f,c++;}}},e.H.l=function(t,r){const i=e.H.m.r,o=15-r;for(let e=0;e<t.length;e+=2){const a=t[e]<<r-t[e+1];t[e]=i[a]>>>o;}},e.H.M=function(e,t,r){r<<=7&t;const i=t>>>3;e[i]|=r,e[i+1]|=r>>>8;},e.H.I=function(e,t,r){r<<=7&t;const i=t>>>3;e[i]|=r,e[i+1]|=r>>>8,e[i+2]|=r>>>16;},e.H.e=function(e,t,r){return (e[t>>>3]|e[1+(t>>>3)]<<8)>>>(7&t)&(1<<r)-1},e.H.b=function(e,t,r){return (e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)&(1<<r)-1},e.H.Z=function(e,t){return (e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)},e.H.i=function(e,t){return (e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16|e[3+(t>>>3)]<<24)>>>(7&t)},e.H.m=function(){const e=Uint16Array,t=Uint32Array;return {K:new e(16),j:new e(16),X:[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],S:[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,999,999,999],T:[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0,0],q:new e(32),p:[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577,65535,65535],z:[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,0,0],c:new t(32),J:new e(512),_:[],h:new e(32),$:[],w:new e(32768),C:[],v:[],d:new e(32768),D:[],u:new e(512),Q:[],r:new e(32768),s:new t(286),Y:new t(30),a:new t(19),t:new t(15e3),k:new e(65536),g:new e(32768)}}(),function(){const t=e.H.m;for(var r=0;r<32768;r++){let e=r;e=(2863311530&e)>>>1|(1431655765&e)<<1,e=(3435973836&e)>>>2|(858993459&e)<<2,e=(4042322160&e)>>>4|(252645135&e)<<4,e=(4278255360&e)>>>8|(16711935&e)<<8,t.r[r]=(e>>>16|e<<16)>>>17;}function n(e,t,r){for(;0!=t--;)e.push(0,r);}for(r=0;r<32;r++)t.q[r]=t.S[r]<<3|t.T[r],t.c[r]=t.p[r]<<4|t.z[r];n(t._,144,8),n(t._,112,9),n(t._,24,7),n(t._,8,8),e.H.n(t._,9),e.H.A(t._,9,t.J),e.H.l(t._,9),n(t.$,32,5),e.H.n(t.$,5),e.H.A(t.$,5,t.h),e.H.l(t.$,5),n(t.Q,19,0),n(t.C,286,0),n(t.D,30,0),n(t.v,320,0);}(),e.H.N}();function _getBPP(e){return [1,null,3,1,2,null,4][e.ctype]*e.depth}function _filterZero(e,t,r,i,o){let a=_getBPP(t);const s=Math.ceil(i*a/8);let f,l;a=Math.ceil(a/8);let c=e[r],u=0;if(c>1&&(e[r]=[0,0,1][c-2]),3==c)for(u=a;u<s;u++)e[u+1]=e[u+1]+(e[u+1-a]>>>1)&255;for(let t=0;t<o;t++)if(f=r+t*s,l=f+t+1,c=e[l-1],u=0,0==c)for(;u<s;u++)e[f+u]=e[l+u];else if(1==c){for(;u<a;u++)e[f+u]=e[l+u];for(;u<s;u++)e[f+u]=e[l+u]+e[f+u-a];}else if(2==c)for(;u<s;u++)e[f+u]=e[l+u]+e[f+u-s];else if(3==c){for(;u<a;u++)e[f+u]=e[l+u]+(e[f+u-s]>>>1);for(;u<s;u++)e[f+u]=e[l+u]+(e[f+u-s]+e[f+u-a]>>>1);}else {for(;u<a;u++)e[f+u]=e[l+u]+_paeth(0,e[f+u-s],0);for(;u<s;u++)e[f+u]=e[l+u]+_paeth(e[f+u-a],e[f+u-s],e[f+u-a-s]);}return e}function _paeth(e,t,r){const i=e+t-r,o=i-e,a=i-t,s=i-r;return o*o<=a*a&&o*o<=s*s?e:a*a<=s*s?t:r}function _IHDR(t,r,i){i.width=e.readUint(t,r),r+=4,i.height=e.readUint(t,r),r+=4,i.depth=t[r],r++,i.ctype=t[r],r++,i.compress=t[r],r++,i.filter=t[r],r++,i.interlace=t[r],r++;}function _copyTile(e,t,r,i,o,a,s,f,l){const c=Math.min(t,o),u=Math.min(r,a);let h=0,d=0;for(let r=0;r<u;r++)for(let a=0;a<c;a++)if(s>=0&&f>=0?(h=r*t+a<<2,d=(f+r)*o+s+a<<2):(h=(-f+r)*t-s+a<<2,d=r*o+a<<2),0==l)i[d]=e[h],i[d+1]=e[h+1],i[d+2]=e[h+2],i[d+3]=e[h+3];else if(1==l){var A=e[h+3]*(1/255),g=e[h]*A,p=e[h+1]*A,m=e[h+2]*A,w=i[d+3]*(1/255),v=i[d]*w,b=i[d+1]*w,y=i[d+2]*w;const t=1-A,r=A+w*t,o=0==r?0:1/r;i[d+3]=255*r,i[d+0]=(g+v*t)*o,i[d+1]=(p+b*t)*o,i[d+2]=(m+y*t)*o;}else if(2==l){A=e[h+3],g=e[h],p=e[h+1],m=e[h+2],w=i[d+3],v=i[d],b=i[d+1],y=i[d+2];A==w&&g==v&&p==b&&m==y?(i[d]=0,i[d+1]=0,i[d+2]=0,i[d+3]=0):(i[d]=g,i[d+1]=p,i[d+2]=m,i[d+3]=A);}else if(3==l){A=e[h+3],g=e[h],p=e[h+1],m=e[h+2],w=i[d+3],v=i[d],b=i[d+1],y=i[d+2];if(A==w&&g==v&&p==b&&m==y)continue;if(A<220&&w>20)return  false}return  true}return {decode:function decode(r){const i=new Uint8Array(r);let o=8;const a=e,s=a.readUshort,f=a.readUint,l={tabs:{},frames:[]},c=new Uint8Array(i.length);let u,h=0,d=0;const A=[137,80,78,71,13,10,26,10];for(var g=0;g<8;g++)if(i[g]!=A[g])throw "The input is not a PNG file!";for(;o<i.length;){const e=a.readUint(i,o);o+=4;const r=a.readASCII(i,o,4);if(o+=4,"IHDR"==r)_IHDR(i,o,l);else if("iCCP"==r){for(var p=o;0!=i[p];)p++;a.readASCII(i,o,p-o);const s=i.slice(p+2,o+e);let f=null;try{f=_inflate(s);}catch(e){f=t(s);}l.tabs[r]=f;}else if("CgBI"==r)l.tabs[r]=i.slice(o,o+4);else if("IDAT"==r){for(g=0;g<e;g++)c[h+g]=i[o+g];h+=e;}else if("acTL"==r)l.tabs[r]={num_frames:f(i,o),num_plays:f(i,o+4)},u=new Uint8Array(i.length);else if("fcTL"==r){if(0!=d)(E=l.frames[l.frames.length-1]).data=_decompress(l,u.slice(0,d),E.rect.width,E.rect.height),d=0;const e={x:f(i,o+12),y:f(i,o+16),width:f(i,o+4),height:f(i,o+8)};let t=s(i,o+22);t=s(i,o+20)/(0==t?100:t);const r={rect:e,delay:Math.round(1e3*t),dispose:i[o+24],blend:i[o+25]};l.frames.push(r);}else if("fdAT"==r){for(g=0;g<e-4;g++)u[d+g]=i[o+g+4];d+=e-4;}else if("pHYs"==r)l.tabs[r]=[a.readUint(i,o),a.readUint(i,o+4),i[o+8]];else if("cHRM"==r){l.tabs[r]=[];for(g=0;g<8;g++)l.tabs[r].push(a.readUint(i,o+4*g));}else if("tEXt"==r||"zTXt"==r){null==l.tabs[r]&&(l.tabs[r]={});var m=a.nextZero(i,o),w=a.readASCII(i,o,m-o),v=o+e-m-1;if("tEXt"==r)y=a.readASCII(i,m+1,v);else {var b=_inflate(i.slice(m+2,m+2+v));y=a.readUTF8(b,0,b.length);}l.tabs[r][w]=y;}else if("iTXt"==r){null==l.tabs[r]&&(l.tabs[r]={});m=0,p=o;m=a.nextZero(i,p);w=a.readASCII(i,p,m-p);const t=i[p=m+1];var y;p+=2,m=a.nextZero(i,p),a.readASCII(i,p,m-p),p=m+1,m=a.nextZero(i,p),a.readUTF8(i,p,m-p);v=e-((p=m+1)-o);if(0==t)y=a.readUTF8(i,p,v);else {b=_inflate(i.slice(p,p+v));y=a.readUTF8(b,0,b.length);}l.tabs[r][w]=y;}else if("PLTE"==r)l.tabs[r]=a.readBytes(i,o,e);else if("hIST"==r){const e=l.tabs.PLTE.length/3;l.tabs[r]=[];for(g=0;g<e;g++)l.tabs[r].push(s(i,o+2*g));}else if("tRNS"==r)3==l.ctype?l.tabs[r]=a.readBytes(i,o,e):0==l.ctype?l.tabs[r]=s(i,o):2==l.ctype&&(l.tabs[r]=[s(i,o),s(i,o+2),s(i,o+4)]);else if("gAMA"==r)l.tabs[r]=a.readUint(i,o)/1e5;else if("sRGB"==r)l.tabs[r]=i[o];else if("bKGD"==r)0==l.ctype||4==l.ctype?l.tabs[r]=[s(i,o)]:2==l.ctype||6==l.ctype?l.tabs[r]=[s(i,o),s(i,o+2),s(i,o+4)]:3==l.ctype&&(l.tabs[r]=i[o]);else if("IEND"==r)break;o+=e,a.readUint(i,o),o+=4;}var E;return 0!=d&&((E=l.frames[l.frames.length-1]).data=_decompress(l,u.slice(0,d),E.rect.width,E.rect.height)),l.data=_decompress(l,c,l.width,l.height),delete l.compress,delete l.interlace,delete l.filter,l},toRGBA8:function toRGBA8(e){const t=e.width,r=e.height;if(null==e.tabs.acTL)return [decodeImage(e.data,t,r,e).buffer];const i=[];null==e.frames[0].data&&(e.frames[0].data=e.data);const o=t*r*4,a=new Uint8Array(o),s=new Uint8Array(o),f=new Uint8Array(o);for(let c=0;c<e.frames.length;c++){const u=e.frames[c],h=u.rect.x,d=u.rect.y,A=u.rect.width,g=u.rect.height,p=decodeImage(u.data,A,g,e);if(0!=c)for(var l=0;l<o;l++)f[l]=a[l];if(0==u.blend?_copyTile(p,A,g,a,t,r,h,d,0):1==u.blend&&_copyTile(p,A,g,a,t,r,h,d,1),i.push(a.buffer.slice(0)),0==u.dispose);else if(1==u.dispose)_copyTile(s,A,g,a,t,r,h,d,0);else if(2==u.dispose)for(l=0;l<o;l++)a[l]=f[l];}return i},_paeth:_paeth,_copyTile:_copyTile,_bin:e}}();!function(){const{_copyTile:e}=UPNG,{_bin:t}=UPNG,r=UPNG._paeth;var i={table:function(){const e=new Uint32Array(256);for(let t=0;t<256;t++){let r=t;for(let e=0;e<8;e++)1&r?r=3988292384^r>>>1:r>>>=1;e[t]=r;}return e}(),update(e,t,r,o){for(let a=0;a<o;a++)e=i.table[255&(e^t[r+a])]^e>>>8;return e},crc:(e,t,r)=>4294967295^i.update(4294967295,e,t,r)};function addErr(e,t,r,i){t[r]+=e[0]*i>>4,t[r+1]+=e[1]*i>>4,t[r+2]+=e[2]*i>>4,t[r+3]+=e[3]*i>>4;}function N(e){return Math.max(0,Math.min(255,e))}function D(e,t){const r=e[0]-t[0],i=e[1]-t[1],o=e[2]-t[2],a=e[3]-t[3];return r*r+i*i+o*o+a*a}function dither(e,t,r,i,o,a,s){null==s&&(s=1);const f=i.length,l=[];for(var c=0;c<f;c++){const e=i[c];l.push([e>>>0&255,e>>>8&255,e>>>16&255,e>>>24&255]);}for(c=0;c<f;c++){let e=4294967295;for(var u=0,h=0;h<f;h++){var d=D(l[c],l[h]);h!=c&&d<e&&(e=d,u=h);}}const A=new Uint32Array(o.buffer),g=new Int16Array(t*r*4),p=[0,8,2,10,12,4,14,6,3,11,1,9,15,7,13,5];for(c=0;c<p.length;c++)p[c]=255*((p[c]+.5)/16-.5);for(let o=0;o<r;o++)for(let w=0;w<t;w++){var m;c=4*(o*t+w);if(2!=s)m=[N(e[c]+g[c]),N(e[c+1]+g[c+1]),N(e[c+2]+g[c+2]),N(e[c+3]+g[c+3])];else {d=p[4*(3&o)+(3&w)];m=[N(e[c]+d),N(e[c+1]+d),N(e[c+2]+d),N(e[c+3]+d)];}u=0;let v=16777215;for(h=0;h<f;h++){const e=D(m,l[h]);e<v&&(v=e,u=h);}const b=l[u],y=[m[0]-b[0],m[1]-b[1],m[2]-b[2],m[3]-b[3]];1==s&&(w!=t-1&&addErr(y,g,c+4,7),o!=r-1&&(0!=w&&addErr(y,g,c+4*t-4,3),addErr(y,g,c+4*t,5),w!=t-1&&addErr(y,g,c+4*t+4,1))),a[c>>2]=u,A[c>>2]=i[u];}}function _main(e,r,o,a,s){null==s&&(s={});const{crc:f}=i,l=t.writeUint,c=t.writeUshort,u=t.writeASCII;let h=8;const d=e.frames.length>1;let A,g=false,p=33+(d?20:0);if(null!=s.sRGB&&(p+=13),null!=s.pHYs&&(p+=21),null!=s.iCCP&&(A=pako.deflate(s.iCCP),p+=21+A.length+4),3==e.ctype){for(var m=e.plte.length,w=0;w<m;w++)e.plte[w]>>>24!=255&&(g=true);p+=8+3*m+4+(g?8+1*m+4:0);}for(var v=0;v<e.frames.length;v++){d&&(p+=38),p+=(F=e.frames[v]).cimg.length+12,0!=v&&(p+=4);}p+=12;const b=new Uint8Array(p),y=[137,80,78,71,13,10,26,10];for(w=0;w<8;w++)b[w]=y[w];if(l(b,h,13),h+=4,u(b,h,"IHDR"),h+=4,l(b,h,r),h+=4,l(b,h,o),h+=4,b[h]=e.depth,h++,b[h]=e.ctype,h++,b[h]=0,h++,b[h]=0,h++,b[h]=0,h++,l(b,h,f(b,h-17,17)),h+=4,null!=s.sRGB&&(l(b,h,1),h+=4,u(b,h,"sRGB"),h+=4,b[h]=s.sRGB,h++,l(b,h,f(b,h-5,5)),h+=4),null!=s.iCCP){const e=13+A.length;l(b,h,e),h+=4,u(b,h,"iCCP"),h+=4,u(b,h,"ICC profile"),h+=11,h+=2,b.set(A,h),h+=A.length,l(b,h,f(b,h-(e+4),e+4)),h+=4;}if(null!=s.pHYs&&(l(b,h,9),h+=4,u(b,h,"pHYs"),h+=4,l(b,h,s.pHYs[0]),h+=4,l(b,h,s.pHYs[1]),h+=4,b[h]=s.pHYs[2],h++,l(b,h,f(b,h-13,13)),h+=4),d&&(l(b,h,8),h+=4,u(b,h,"acTL"),h+=4,l(b,h,e.frames.length),h+=4,l(b,h,null!=s.loop?s.loop:0),h+=4,l(b,h,f(b,h-12,12)),h+=4),3==e.ctype){l(b,h,3*(m=e.plte.length)),h+=4,u(b,h,"PLTE"),h+=4;for(w=0;w<m;w++){const t=3*w,r=e.plte[w],i=255&r,o=r>>>8&255,a=r>>>16&255;b[h+t+0]=i,b[h+t+1]=o,b[h+t+2]=a;}if(h+=3*m,l(b,h,f(b,h-3*m-4,3*m+4)),h+=4,g){l(b,h,m),h+=4,u(b,h,"tRNS"),h+=4;for(w=0;w<m;w++)b[h+w]=e.plte[w]>>>24&255;h+=m,l(b,h,f(b,h-m-4,m+4)),h+=4;}}let E=0;for(v=0;v<e.frames.length;v++){var F=e.frames[v];d&&(l(b,h,26),h+=4,u(b,h,"fcTL"),h+=4,l(b,h,E++),h+=4,l(b,h,F.rect.width),h+=4,l(b,h,F.rect.height),h+=4,l(b,h,F.rect.x),h+=4,l(b,h,F.rect.y),h+=4,c(b,h,a[v]),h+=2,c(b,h,1e3),h+=2,b[h]=F.dispose,h++,b[h]=F.blend,h++,l(b,h,f(b,h-30,30)),h+=4);const t=F.cimg;l(b,h,(m=t.length)+(0==v?0:4)),h+=4;const r=h;u(b,h,0==v?"IDAT":"fdAT"),h+=4,0!=v&&(l(b,h,E++),h+=4),b.set(t,h),h+=m,l(b,h,f(b,r,h-r)),h+=4;}return l(b,h,0),h+=4,u(b,h,"IEND"),h+=4,l(b,h,f(b,h-4,4)),h+=4,b.buffer}function compressPNG(e,t,r){for(let i=0;i<e.frames.length;i++){const o=e.frames[i];const a=o.rect.height,s=new Uint8Array(a*o.bpl+a);o.cimg=_filterZero(o.img,a,o.bpp,o.bpl,s,t,r);}}function compress(t,r,i,o,a){const s=a[0],f=a[1],l=a[2],c=a[3],u=a[4],h=a[5];let d=6,A=8,g=255;for(var p=0;p<t.length;p++){const e=new Uint8Array(t[p]);for(var m=e.length,w=0;w<m;w+=4)g&=e[w+3];}const v=255!=g,b=function framize(t,r,i,o,a,s){const f=[];for(var l=0;l<t.length;l++){const h=new Uint8Array(t[l]),A=new Uint32Array(h.buffer);var c;let g=0,p=0,m=r,w=i,v=o?1:0;if(0!=l){const b=s||o||1==l||0!=f[l-2].dispose?1:2;let y=0,E=1e9;for(let e=0;e<b;e++){var u=new Uint8Array(t[l-1-e]);const o=new Uint32Array(t[l-1-e]);let s=r,f=i,c=-1,h=-1;for(let e=0;e<i;e++)for(let t=0;t<r;t++){A[d=e*r+t]!=o[d]&&(t<s&&(s=t),t>c&&(c=t),e<f&&(f=e),e>h&&(h=e));} -1==c&&(s=f=c=h=0),a&&(1==(1&s)&&s--,1==(1&f)&&f--);const v=(c-s+1)*(h-f+1);v<E&&(E=v,y=e,g=s,p=f,m=c-s+1,w=h-f+1);}u=new Uint8Array(t[l-1-y]);1==y&&(f[l-1].dispose=2),c=new Uint8Array(m*w*4),e(u,r,i,c,m,w,-g,-p,0),v=e(h,r,i,c,m,w,-g,-p,3)?1:0,1==v?_prepareDiff(h,r,i,c,{x:g,y:p,width:m,height:w}):e(h,r,i,c,m,w,-g,-p,0);}else c=h.slice(0);f.push({rect:{x:g,y:p,width:m,height:w},img:c,blend:v,dispose:0});}if(o)for(l=0;l<f.length;l++){if(1==(A=f[l]).blend)continue;const e=A.rect,o=f[l-1].rect,s=Math.min(e.x,o.x),c=Math.min(e.y,o.y),u={x:s,y:c,width:Math.max(e.x+e.width,o.x+o.width)-s,height:Math.max(e.y+e.height,o.y+o.height)-c};f[l-1].dispose=1,l-1!=0&&_updateFrame(t,r,i,f,l-1,u,a),_updateFrame(t,r,i,f,l,u,a);}let h=0;if(1!=t.length)for(var d=0;d<f.length;d++){var A;h+=(A=f[d]).rect.width*A.rect.height;}return f}(t,r,i,s,f,l),y={},E=[],F=[];if(0!=o){const e=[];for(w=0;w<b.length;w++)e.push(b[w].img.buffer);const t=function concatRGBA(e){let t=0;for(var r=0;r<e.length;r++)t+=e[r].byteLength;const i=new Uint8Array(t);let o=0;for(r=0;r<e.length;r++){const t=new Uint8Array(e[r]),a=t.length;for(let e=0;e<a;e+=4){let r=t[e],a=t[e+1],s=t[e+2];const f=t[e+3];0==f&&(r=a=s=0),i[o+e]=r,i[o+e+1]=a,i[o+e+2]=s,i[o+e+3]=f;}o+=a;}return i.buffer}(e),r=quantize(t,o);for(w=0;w<r.plte.length;w++)E.push(r.plte[w].est.rgba);let i=0;for(w=0;w<b.length;w++){const e=(B=b[w]).img.length;var _=new Uint8Array(r.inds.buffer,i>>2,e>>2);F.push(_);const t=new Uint8Array(r.abuf,i,e);h&&dither(B.img,B.rect.width,B.rect.height,E,t,_),B.img.set(t),i+=e;}}else for(p=0;p<b.length;p++){var B=b[p];const e=new Uint32Array(B.img.buffer);var U=B.rect.width;m=e.length,_=new Uint8Array(m);F.push(_);for(w=0;w<m;w++){const t=e[w];if(0!=w&&t==e[w-1])_[w]=_[w-1];else if(w>U&&t==e[w-U])_[w]=_[w-U];else {let e=y[t];if(null==e&&(y[t]=e=E.length,E.push(t),E.length>=300))break;_[w]=e;}}}const C=E.length;C<=256&&0==u&&(A=C<=2?1:C<=4?2:C<=16?4:8,A=Math.max(A,c));for(p=0;p<b.length;p++){(B=b[p]).rect.x;U=B.rect.width;const e=B.rect.height;let t=B.img;let r=4*U,i=4;if(C<=256&&0==u){r=Math.ceil(A*U/8);var I=new Uint8Array(r*e);const o=F[p];for(let t=0;t<e;t++){w=t*r;const e=t*U;if(8==A)for(var Q=0;Q<U;Q++)I[w+Q]=o[e+Q];else if(4==A)for(Q=0;Q<U;Q++)I[w+(Q>>1)]|=o[e+Q]<<4-4*(1&Q);else if(2==A)for(Q=0;Q<U;Q++)I[w+(Q>>2)]|=o[e+Q]<<6-2*(3&Q);else if(1==A)for(Q=0;Q<U;Q++)I[w+(Q>>3)]|=o[e+Q]<<7-1*(7&Q);}t=I,d=3,i=1;}else if(0==v&&1==b.length){I=new Uint8Array(U*e*3);const o=U*e;for(w=0;w<o;w++){const e=3*w,r=4*w;I[e]=t[r],I[e+1]=t[r+1],I[e+2]=t[r+2];}t=I,d=2,i=3,r=3*U;}B.img=t,B.bpl=r,B.bpp=i;}return {ctype:d,depth:A,plte:E,frames:b}}function _updateFrame(t,r,i,o,a,s,f){const l=Uint8Array,c=Uint32Array,u=new l(t[a-1]),h=new c(t[a-1]),d=a+1<t.length?new l(t[a+1]):null,A=new l(t[a]),g=new c(A.buffer);let p=r,m=i,w=-1,v=-1;for(let e=0;e<s.height;e++)for(let t=0;t<s.width;t++){const i=s.x+t,f=s.y+e,l=f*r+i,c=g[l];0==c||0==o[a-1].dispose&&h[l]==c&&(null==d||0!=d[4*l+3])||(i<p&&(p=i),i>w&&(w=i),f<m&&(m=f),f>v&&(v=f));} -1==w&&(p=m=w=v=0),f&&(1==(1&p)&&p--,1==(1&m)&&m--),s={x:p,y:m,width:w-p+1,height:v-m+1};const b=o[a];b.rect=s,b.blend=1,b.img=new Uint8Array(s.width*s.height*4),0==o[a-1].dispose?(e(u,r,i,b.img,s.width,s.height,-s.x,-s.y,0),_prepareDiff(A,r,i,b.img,s)):e(A,r,i,b.img,s.width,s.height,-s.x,-s.y,0);}function _prepareDiff(t,r,i,o,a){e(t,r,i,o,a.width,a.height,-a.x,-a.y,2);}function _filterZero(e,t,r,i,o,a,s){const f=[];let l,c=[0,1,2,3,4];-1!=a?c=[a]:(t*i>5e5||1==r)&&(c=[0]),s&&(l={level:0});const u=UZIP;for(var h=0;h<c.length;h++){for(let a=0;a<t;a++)_filterLine(o,e,a,i,r,c[h]);f.push(u.deflate(o,l));}let d,A=1e9;for(h=0;h<f.length;h++)f[h].length<A&&(d=h,A=f[h].length);return f[d]}function _filterLine(e,t,i,o,a,s){const f=i*o;let l=f+i;if(e[l]=s,l++,0==s)if(o<500)for(var c=0;c<o;c++)e[l+c]=t[f+c];else e.set(new Uint8Array(t.buffer,f,o),l);else if(1==s){for(c=0;c<a;c++)e[l+c]=t[f+c];for(c=a;c<o;c++)e[l+c]=t[f+c]-t[f+c-a]+256&255;}else if(0==i){for(c=0;c<a;c++)e[l+c]=t[f+c];if(2==s)for(c=a;c<o;c++)e[l+c]=t[f+c];if(3==s)for(c=a;c<o;c++)e[l+c]=t[f+c]-(t[f+c-a]>>1)+256&255;if(4==s)for(c=a;c<o;c++)e[l+c]=t[f+c]-r(t[f+c-a],0,0)+256&255;}else {if(2==s)for(c=0;c<o;c++)e[l+c]=t[f+c]+256-t[f+c-o]&255;if(3==s){for(c=0;c<a;c++)e[l+c]=t[f+c]+256-(t[f+c-o]>>1)&255;for(c=a;c<o;c++)e[l+c]=t[f+c]+256-(t[f+c-o]+t[f+c-a]>>1)&255;}if(4==s){for(c=0;c<a;c++)e[l+c]=t[f+c]+256-r(0,t[f+c-o],0)&255;for(c=a;c<o;c++)e[l+c]=t[f+c]+256-r(t[f+c-a],t[f+c-o],t[f+c-a-o])&255;}}}function quantize(e,t){const r=new Uint8Array(e),i=r.slice(0),o=new Uint32Array(i.buffer),a=getKDtree(i,t),s=a[0],f=a[1],l=r.length,c=new Uint8Array(l>>2);let u;if(r.length<2e7)for(var h=0;h<l;h+=4){u=getNearest(s,d=r[h]*(1/255),A=r[h+1]*(1/255),g=r[h+2]*(1/255),p=r[h+3]*(1/255)),c[h>>2]=u.ind,o[h>>2]=u.est.rgba;}else for(h=0;h<l;h+=4){var d=r[h]*(1/255),A=r[h+1]*(1/255),g=r[h+2]*(1/255),p=r[h+3]*(1/255);for(u=s;u.left;)u=planeDst(u.est,d,A,g,p)<=0?u.left:u.right;c[h>>2]=u.ind,o[h>>2]=u.est.rgba;}return {abuf:i.buffer,inds:c,plte:f}}function getKDtree(e,t,r){null==r&&(r=1e-4);const i=new Uint32Array(e.buffer),o={i0:0,i1:e.length,bst:null,est:null,tdst:0,left:null,right:null};o.bst=stats(e,o.i0,o.i1),o.est=estats(o.bst);const a=[o];for(;a.length<t;){let t=0,o=0;for(var s=0;s<a.length;s++)a[s].est.L>t&&(t=a[s].est.L,o=s);if(t<r)break;const f=a[o],l=splitPixels(e,i,f.i0,f.i1,f.est.e,f.est.eMq255);if(f.i0>=l||f.i1<=l){f.est.L=0;continue}const c={i0:f.i0,i1:l,bst:null,est:null,tdst:0,left:null,right:null};c.bst=stats(e,c.i0,c.i1),c.est=estats(c.bst);const u={i0:l,i1:f.i1,bst:null,est:null,tdst:0,left:null,right:null};u.bst={R:[],m:[],N:f.bst.N-c.bst.N};for(s=0;s<16;s++)u.bst.R[s]=f.bst.R[s]-c.bst.R[s];for(s=0;s<4;s++)u.bst.m[s]=f.bst.m[s]-c.bst.m[s];u.est=estats(u.bst),f.left=c,f.right=u,a[o]=c,a.push(u);}a.sort(((e,t)=>t.bst.N-e.bst.N));for(s=0;s<a.length;s++)a[s].ind=s;return [o,a]}function getNearest(e,t,r,i,o){if(null==e.left)return e.tdst=function dist(e,t,r,i,o){const a=t-e[0],s=r-e[1],f=i-e[2],l=o-e[3];return a*a+s*s+f*f+l*l}(e.est.q,t,r,i,o),e;const a=planeDst(e.est,t,r,i,o);let s=e.left,f=e.right;a>0&&(s=e.right,f=e.left);const l=getNearest(s,t,r,i,o);if(l.tdst<=a*a)return l;const c=getNearest(f,t,r,i,o);return c.tdst<l.tdst?c:l}function planeDst(e,t,r,i,o){const{e:a}=e;return a[0]*t+a[1]*r+a[2]*i+a[3]*o-e.eMq}function splitPixels(e,t,r,i,o,a){for(i-=4;r<i;){for(;vecDot(e,r,o)<=a;)r+=4;for(;vecDot(e,i,o)>a;)i-=4;if(r>=i)break;const s=t[r>>2];t[r>>2]=t[i>>2],t[i>>2]=s,r+=4,i-=4;}for(;vecDot(e,r,o)>a;)r-=4;return r+4}function vecDot(e,t,r){return e[t]*r[0]+e[t+1]*r[1]+e[t+2]*r[2]+e[t+3]*r[3]}function stats(e,t,r){const i=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],o=[0,0,0,0],a=r-t>>2;for(let a=t;a<r;a+=4){const t=e[a]*(1/255),r=e[a+1]*(1/255),s=e[a+2]*(1/255),f=e[a+3]*(1/255);o[0]+=t,o[1]+=r,o[2]+=s,o[3]+=f,i[0]+=t*t,i[1]+=t*r,i[2]+=t*s,i[3]+=t*f,i[5]+=r*r,i[6]+=r*s,i[7]+=r*f,i[10]+=s*s,i[11]+=s*f,i[15]+=f*f;}return i[4]=i[1],i[8]=i[2],i[9]=i[6],i[12]=i[3],i[13]=i[7],i[14]=i[11],{R:i,m:o,N:a}}function estats(e){const{R:t}=e,{m:r}=e,{N:i}=e,a=r[0],s=r[1],f=r[2],l=r[3],c=0==i?0:1/i,u=[t[0]-a*a*c,t[1]-a*s*c,t[2]-a*f*c,t[3]-a*l*c,t[4]-s*a*c,t[5]-s*s*c,t[6]-s*f*c,t[7]-s*l*c,t[8]-f*a*c,t[9]-f*s*c,t[10]-f*f*c,t[11]-f*l*c,t[12]-l*a*c,t[13]-l*s*c,t[14]-l*f*c,t[15]-l*l*c],h=u,d=o;let A=[Math.random(),Math.random(),Math.random(),Math.random()],g=0,p=0;if(0!=i)for(let e=0;e<16&&(A=d.multVec(h,A),p=Math.sqrt(d.dot(A,A)),A=d.sml(1/p,A),!(0!=e&&Math.abs(p-g)<1e-9));e++)g=p;const m=[a*c,s*c,f*c,l*c];return {Cov:u,q:m,e:A,L:g,eMq255:d.dot(d.sml(255,m),A),eMq:d.dot(A,m),rgba:(Math.round(255*m[3])<<24|Math.round(255*m[2])<<16|Math.round(255*m[1])<<8|Math.round(255*m[0])<<0)>>>0}}var o={multVec:(e,t)=>[e[0]*t[0]+e[1]*t[1]+e[2]*t[2]+e[3]*t[3],e[4]*t[0]+e[5]*t[1]+e[6]*t[2]+e[7]*t[3],e[8]*t[0]+e[9]*t[1]+e[10]*t[2]+e[11]*t[3],e[12]*t[0]+e[13]*t[1]+e[14]*t[2]+e[15]*t[3]],dot:(e,t)=>e[0]*t[0]+e[1]*t[1]+e[2]*t[2]+e[3]*t[3],sml:(e,t)=>[e*t[0],e*t[1],e*t[2],e*t[3]]};UPNG.encode=function encode(e,t,r,i,o,a,s){null==i&&(i=0),null==s&&(s=false);const f=compress(e,t,r,i,[false,false,false,0,s,false]);return compressPNG(f,-1),_main(f,t,r,o,a)},UPNG.encodeLL=function encodeLL(e,t,r,i,o,a,s,f){const l={ctype:0+(1==i?0:2)+(0==o?0:4),depth:a,frames:[]},c=(i+o)*a,u=c*t;for(let i=0;i<e.length;i++)l.frames.push({rect:{x:0,y:0,width:t,height:r},img:new Uint8Array(e[i]),blend:0,dispose:1,bpp:Math.ceil(c/8),bpl:Math.ceil(u/8)});return compressPNG(l,0,true),_main(l,t,r,s,f)},UPNG.encode.compress=compress,UPNG.encode.dither=dither,UPNG.quantize=quantize,UPNG.quantize.getKDtree=getKDtree,UPNG.quantize.getNearest=getNearest;}();const r={toArrayBuffer(e,t){const i=e.width,o=e.height,a=i<<2,s=e.getContext("2d").getImageData(0,0,i,o),f=new Uint32Array(s.data.buffer),l=(32*i+31)/32<<2,c=l*o,u=122+c,h=new ArrayBuffer(u),d=new DataView(h),A=1<<20;let g,p,m,w,v=A,b=0,y=0,E=0;function set16(e){d.setUint16(y,e,true),y+=2;}function set32(e){d.setUint32(y,e,true),y+=4;}function seek(e){y+=e;}set16(19778),set32(u),seek(4),set32(122),set32(108),set32(i),set32(-o>>>0),set16(1),set16(32),set32(3),set32(c),set32(2835),set32(2835),seek(8),set32(16711680),set32(65280),set32(255),set32(4278190080),set32(1466527264),function convert(){for(;b<o&&v>0;){for(w=122+b*l,g=0;g<a;)v--,p=f[E++],m=p>>>24,d.setUint32(w+g,p<<8|m),g+=4;b++;}E<f.length?(v=A,setTimeout(convert,r._dly)):t(h);}();},toBlob(e,t){this.toArrayBuffer(e,(e=>{t(new Blob([e],{type:"image/bmp"}));}));},_dly:9};var i={CHROME:"CHROME",FIREFOX:"FIREFOX",DESKTOP_SAFARI:"DESKTOP_SAFARI",IE:"IE",IOS:"IOS",ETC:"ETC"},o={[i.CHROME]:16384,[i.FIREFOX]:11180,[i.DESKTOP_SAFARI]:16384,[i.IE]:8192,[i.IOS]:4096,[i.ETC]:8192};const a="undefined"!=typeof window,s="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope,f=a&&window.cordova&&window.cordova.require&&window.cordova.require("cordova/modulemapper"),CustomFile=(a||s)&&(f&&f.getOriginalSymbol(window,"File")||"undefined"!=typeof File&&File),CustomFileReader=(a||s)&&(f&&f.getOriginalSymbol(window,"FileReader")||"undefined"!=typeof FileReader&&FileReader);function getFilefromDataUrl(e,t,r=Date.now()){return new Promise((i=>{const o=e.split(","),a=o[0].match(/:(.*?);/)[1],s=globalThis.atob(o[1]);let f=s.length;const l=new Uint8Array(f);for(;f--;)l[f]=s.charCodeAt(f);const c=new Blob([l],{type:a});c.name=t,c.lastModified=r,i(c);}))}function getDataUrlFromFile(e){return new Promise(((t,r)=>{const i=new CustomFileReader;i.onload=()=>t(i.result),i.onerror=e=>r(e),i.readAsDataURL(e);}))}function loadImage(e){return new Promise(((t,r)=>{const i=new Image;i.onload=()=>t(i),i.onerror=e=>r(e),i.src=e;}))}function getBrowserName(){if(void 0!==getBrowserName.cachedResult)return getBrowserName.cachedResult;let e=i.ETC;const{userAgent:t}=navigator;return /Chrom(e|ium)/i.test(t)?e=i.CHROME:/iP(ad|od|hone)/i.test(t)&&/WebKit/i.test(t)?e=i.IOS:/Safari/i.test(t)?e=i.DESKTOP_SAFARI:/Firefox/i.test(t)?e=i.FIREFOX:(/MSIE/i.test(t)||true==!!document.documentMode)&&(e=i.IE),getBrowserName.cachedResult=e,getBrowserName.cachedResult}function approximateBelowMaximumCanvasSizeOfBrowser(e,t){const r=getBrowserName(),i=o[r];let a=e,s=t,f=a*s;const l=a>s?s/a:a/s;for(;f>i*i;){const e=(i+a)/2,t=(i+s)/2;e<t?(s=t,a=t*l):(s=e*l,a=e),f=a*s;}return {width:a,height:s}}function getNewCanvasAndCtx(e,t){let r,i;try{if(r=new OffscreenCanvas(e,t),i=r.getContext("2d"),null===i)throw new Error("getContext of OffscreenCanvas returns null")}catch(e){r=document.createElement("canvas"),i=r.getContext("2d");}return r.width=e,r.height=t,[r,i]}function drawImageInCanvas(e,t){const{width:r,height:i}=approximateBelowMaximumCanvasSizeOfBrowser(e.width,e.height),[o,a]=getNewCanvasAndCtx(r,i);return t&&/jpe?g/.test(t)&&(a.fillStyle="white",a.fillRect(0,0,o.width,o.height)),a.drawImage(e,0,0,o.width,o.height),o}function isIOS(){return void 0!==isIOS.cachedResult||(isIOS.cachedResult=["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"undefined"!=typeof document&&"ontouchend"in document),isIOS.cachedResult}function drawFileInCanvas(e,t={}){return new Promise((function(r,o){let a,s;var $Try_2_Post=function(){try{return s=drawImageInCanvas(a,t.fileType||e.type),r([a,s])}catch(e){return o(e)}},$Try_2_Catch=function(t){try{var $Try_3_Catch=function(e){try{throw e}catch(e){return o(e)}};try{let t;return getDataUrlFromFile(e).then((function(e){try{return t=e,loadImage(t).then((function(e){try{return a=e,function(){try{return $Try_2_Post()}catch(e){return o(e)}}()}catch(e){return $Try_3_Catch(e)}}),$Try_3_Catch)}catch(e){return $Try_3_Catch(e)}}),$Try_3_Catch)}catch(e){$Try_3_Catch(e);}}catch(e){return o(e)}};try{if(isIOS()||[i.DESKTOP_SAFARI,i.MOBILE_SAFARI].includes(getBrowserName()))throw new Error("Skip createImageBitmap on IOS and Safari");return createImageBitmap(e).then((function(e){try{return a=e,$Try_2_Post()}catch(e){return $Try_2_Catch()}}),$Try_2_Catch)}catch(e){$Try_2_Catch();}}))}function canvasToFile(e,t,i,o,a=1){return new Promise((function(s,f){let l;if("image/png"===t){let c,u,h;return c=e.getContext("2d"),({data:u}=c.getImageData(0,0,e.width,e.height)),h=UPNG.encode([u.buffer],e.width,e.height,4096*a),l=new Blob([h],{type:t}),l.name=i,l.lastModified=o,$If_4.call(this)}{if("image/bmp"===t)return new Promise((t=>r.toBlob(e,t))).then(function(e){try{return l=e,l.name=i,l.lastModified=o,$If_5.call(this)}catch(e){return f(e)}}.bind(this),f);{if("function"==typeof OffscreenCanvas&&e instanceof OffscreenCanvas)return e.convertToBlob({type:t,quality:a}).then(function(e){try{return l=e,l.name=i,l.lastModified=o,$If_6.call(this)}catch(e){return f(e)}}.bind(this),f);{let d;return d=e.toDataURL(t,a),getFilefromDataUrl(d,i,o).then(function(e){try{return l=e,$If_6.call(this)}catch(e){return f(e)}}.bind(this),f)}function $If_6(){return $If_5.call(this)}}function $If_5(){return $If_4.call(this)}}function $If_4(){return s(l)}}))}function cleanupCanvasMemory(e){e.width=0,e.height=0;}function isAutoOrientationInBrowser(){return new Promise((function(e,t){let i,o,a,s;return void 0!==isAutoOrientationInBrowser.cachedResult?e(isAutoOrientationInBrowser.cachedResult):(getFilefromDataUrl("data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAEAAgMBEQACEQEDEQH/xABKAAEAAAAAAAAAAAAAAAAAAAALEAEAAAAAAAAAAAAAAAAAAAAAAQEAAAAAAAAAAAAAAAAAAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwA/8H//2Q==","test.jpg",Date.now()).then((function(r){try{return i=r,drawFileInCanvas(i).then((function(r){try{return o=r[1],canvasToFile(o,i.type,i.name,i.lastModified).then((function(r){try{return a=r,cleanupCanvasMemory(o),drawFileInCanvas(a).then((function(r){try{return s=r[0],isAutoOrientationInBrowser.cachedResult=1===s.width&&2===s.height,e(isAutoOrientationInBrowser.cachedResult)}catch(e){return t(e)}}),t)}catch(e){return t(e)}}),t)}catch(e){return t(e)}}),t)}catch(e){return t(e)}}),t))}))}function getExifOrientation(e){return new Promise(((t,r)=>{const i=new CustomFileReader;i.onload=e=>{const r=new DataView(e.target.result);if(65496!=r.getUint16(0,false))return t(-2);const i=r.byteLength;let o=2;for(;o<i;){if(r.getUint16(o+2,false)<=8)return t(-1);const e=r.getUint16(o,false);if(o+=2,65505==e){if(1165519206!=r.getUint32(o+=2,false))return t(-1);const e=18761==r.getUint16(o+=6,false);o+=r.getUint32(o+4,e);const i=r.getUint16(o,e);o+=2;for(let a=0;a<i;a++)if(274==r.getUint16(o+12*a,e))return t(r.getUint16(o+12*a+8,e))}else {if(65280!=(65280&e))break;o+=r.getUint16(o,false);}}return t(-1)},i.onerror=e=>r(e),i.readAsArrayBuffer(e);}))}function handleMaxWidthOrHeight(e,t){const{width:r}=e,{height:i}=e,{maxWidthOrHeight:o}=t;let a,s=e;return isFinite(o)&&(r>o||i>o)&&([s,a]=getNewCanvasAndCtx(r,i),r>i?(s.width=o,s.height=i/r*o):(s.width=r/i*o,s.height=o),a.drawImage(e,0,0,s.width,s.height),cleanupCanvasMemory(e)),s}function followExifOrientation(e,t){const{width:r}=e,{height:i}=e,[o,a]=getNewCanvasAndCtx(r,i);switch(t>4&&t<9?(o.width=i,o.height=r):(o.width=r,o.height=i),t){case 2:a.transform(-1,0,0,1,r,0);break;case 3:a.transform(-1,0,0,-1,r,i);break;case 4:a.transform(1,0,0,-1,0,i);break;case 5:a.transform(0,1,1,0,0,0);break;case 6:a.transform(0,1,-1,0,i,0);break;case 7:a.transform(0,-1,-1,0,i,r);break;case 8:a.transform(0,-1,1,0,0,r);}return a.drawImage(e,0,0,r,i),cleanupCanvasMemory(e),o}function compress(e,t,r=0){return new Promise((function(i,o){let a,s,f,l,c,u,h,d,A,g,p,m,w,v,b,y,E,F,_,B;function incProgress(e=5){if(t.signal&&t.signal.aborted)throw t.signal.reason;a+=e,t.onProgress(Math.min(a,100));}function setProgress(e){if(t.signal&&t.signal.aborted)throw t.signal.reason;a=Math.min(Math.max(e,a),100),t.onProgress(a);}return a=r,s=t.maxIteration||10,f=1024*t.maxSizeMB*1024,incProgress(),drawFileInCanvas(e,t).then(function(r){try{return [,l]=r,incProgress(),c=handleMaxWidthOrHeight(l,t),incProgress(),new Promise((function(r,i){var o;if(!(o=t.exifOrientation))return getExifOrientation(e).then(function(e){try{return o=e,$If_2.call(this)}catch(e){return i(e)}}.bind(this),i);function $If_2(){return r(o)}return $If_2.call(this)})).then(function(r){try{return u=r,incProgress(),isAutoOrientationInBrowser().then(function(r){try{return h=r?c:followExifOrientation(c,u),incProgress(),d=t.initialQuality||1,A=t.fileType||e.type,canvasToFile(h,A,e.name,e.lastModified,d).then(function(r){try{{if(g=r,incProgress(),p=g.size>f,m=g.size>e.size,!p&&!m)return setProgress(100),i(g);var a;function $Loop_3(){if(s--&&(b>f||b>w)){let t,r;return t=B?.95*_.width:_.width,r=B?.95*_.height:_.height,[E,F]=getNewCanvasAndCtx(t,r),F.drawImage(_,0,0,t,r),d*="image/png"===A?.85:.95,canvasToFile(E,A,e.name,e.lastModified,d).then((function(e){try{return y=e,cleanupCanvasMemory(_),_=E,b=y.size,setProgress(Math.min(99,Math.floor((v-b)/(v-f)*100))),$Loop_3}catch(e){return o(e)}}),o)}return [1]}return w=e.size,v=g.size,b=v,_=h,B=!t.alwaysKeepResolution&&p,(a=function(e){for(;e;){if(e.then)return void e.then(a,o);try{if(e.pop){if(e.length)return e.pop()?$Loop_3_exit.call(this):e;e=$Loop_3;}else e=e.call(this);}catch(e){return o(e)}}}.bind(this))($Loop_3);function $Loop_3_exit(){return cleanupCanvasMemory(_),cleanupCanvasMemory(E),cleanupCanvasMemory(c),cleanupCanvasMemory(h),cleanupCanvasMemory(l),setProgress(100),i(y)}}}catch(u){return o(u)}}.bind(this),o)}catch(e){return o(e)}}.bind(this),o)}catch(e){return o(e)}}.bind(this),o)}catch(e){return o(e)}}.bind(this),o)}))}const l="\nlet scriptImported = false\nself.addEventListener('message', async (e) => {\n  const { file, id, imageCompressionLibUrl, options } = e.data\n  options.onProgress = (progress) => self.postMessage({ progress, id })\n  try {\n    if (!scriptImported) {\n      // console.log('[worker] importScripts', imageCompressionLibUrl)\n      self.importScripts(imageCompressionLibUrl)\n      scriptImported = true\n    }\n    // console.log('[worker] self', self)\n    const compressedFile = await imageCompression(file, options)\n    self.postMessage({ file: compressedFile, id })\n  } catch (e) {\n    // console.error('[worker] error', e)\n    self.postMessage({ error: e.message + '\\n' + e.stack, id })\n  }\n})\n";let c;function compressOnWebWorker(e,t){return new Promise(((r,i)=>{c||(c=function createWorkerScriptURL(e){const t=[];return t.push(e),URL.createObjectURL(new Blob(t))}(l));const o=new Worker(c);o.addEventListener("message",(function handler(e){if(t.signal&&t.signal.aborted)o.terminate();else if(void 0===e.data.progress){if(e.data.error)return i(new Error(e.data.error)),void o.terminate();r(e.data.file),o.terminate();}else t.onProgress(e.data.progress);})),o.addEventListener("error",i),t.signal&&t.signal.addEventListener("abort",(()=>{i(t.signal.reason),o.terminate();})),o.postMessage({file:e,imageCompressionLibUrl:t.libURL,options:{...t,onProgress:void 0,signal:void 0}});}))}function imageCompression(e,t){return new Promise((function(r,i){let o,a,s,f,l,c;if(o={...t},s=0,({onProgress:f}=o),o.maxSizeMB=o.maxSizeMB||Number.POSITIVE_INFINITY,l="boolean"!=typeof o.useWebWorker||o.useWebWorker,delete o.useWebWorker,o.onProgress=e=>{s=e,"function"==typeof f&&f(s);},!(e instanceof Blob||e instanceof CustomFile))return i(new Error("The file given is not an instance of Blob or File"));if(!/^image/.test(e.type))return i(new Error("The file given is not an image"));if(c="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope,!l||"function"!=typeof Worker||c)return compress(e,o).then(function(e){try{return a=e,$If_4.call(this)}catch(e){return i(e)}}.bind(this),i);var u=function(){try{return $If_4.call(this)}catch(e){return i(e)}}.bind(this),$Try_1_Catch=function(t){try{return compress(e,o).then((function(e){try{return a=e,u()}catch(e){return i(e)}}),i)}catch(e){return i(e)}};try{return o.libURL=o.libURL||"https://cdn.jsdelivr.net/npm/browser-image-compression@2.0.2/dist/browser-image-compression.js",compressOnWebWorker(e,o).then((function(e){try{return a=e,u()}catch(e){return $Try_1_Catch()}}),$Try_1_Catch)}catch(e){$Try_1_Catch();}function $If_4(){try{a.name=e.name,a.lastModified=e.lastModified;}catch(e){}try{o.preserveExif&&"image/jpeg"===e.type&&(!o.fileType||o.fileType&&o.fileType===e.type)&&(a=copyExifWithoutOrientation(e,a));}catch(e){}return r(a)}}))}imageCompression.getDataUrlFromFile=getDataUrlFromFile,imageCompression.getFilefromDataUrl=getFilefromDataUrl,imageCompression.loadImage=loadImage,imageCompression.drawImageInCanvas=drawImageInCanvas,imageCompression.drawFileInCanvas=drawFileInCanvas,imageCompression.canvasToFile=canvasToFile,imageCompression.getExifOrientation=getExifOrientation,imageCompression.handleMaxWidthOrHeight=handleMaxWidthOrHeight,imageCompression.followExifOrientation=followExifOrientation,imageCompression.cleanupCanvasMemory=cleanupCanvasMemory,imageCompression.isAutoOrientationInBrowser=isAutoOrientationInBrowser,imageCompression.approximateBelowMaximumCanvasSizeOfBrowser=approximateBelowMaximumCanvasSizeOfBrowser,imageCompression.copyExifWithoutOrientation=copyExifWithoutOrientation,imageCompression.getBrowserName=getBrowserName,imageCompression.version="2.0.2";
+
+class KritzelImageTool extends KritzelBaseTool {
+    fileInput = null;
+    maxCompressionSize = 300;
     constructor(core) {
         super(core);
+        this.setupFileInput();
     }
-    reset() {
-        this.initialMouseX = 0;
-        this.initialMouseY = 0;
-        this.initialSize = { x: 0, y: 0, width: 0, height: 0 };
-        this.newSize = { x: 0, y: 0, width: 0, height: 0 };
-        this.hasResized = false;
+    onActivate() {
+        this.openFilePicker();
     }
-    handlePointerDown(event) {
-        if (event.pointerType === 'mouse') {
-            if (KritzelEventHelper.isLeftClick(event)) {
-                const selectionGroup = this._core.store.selectionGroup;
-                if (selectionGroup && this._core.store.state.isResizeHandleSelected) {
-                    const clientX = event.clientX - this._core.store.offsetX;
-                    const clientY = event.clientY - this._core.store.offsetY;
-                    this._core.store.state.isResizing = true;
-                    this.initialMouseX = clientX;
-                    this.initialMouseY = clientY;
-                    this.initialSize.width = selectionGroup.width;
-                    this.initialSize.height = selectionGroup.height;
-                    this.initialSize.x = selectionGroup.translateX;
-                    this.initialSize.y = selectionGroup.translateY;
-                }
-            }
-        }
-        if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._core.store.state.pointers.values());
-            const firstTouch = activePointers[0];
-            if (!firstTouch) {
-                return;
-            }
-            if (activePointers.length === 1) {
-                const selectionGroup = this._core.store.selectionGroup;
-                if (selectionGroup && this._core.store.state.isResizeHandleSelected) {
-                    const clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);
-                    const clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);
-                    this._core.store.state.isResizing = true;
-                    this.initialMouseX = clientX;
-                    this.initialMouseY = clientY;
-                    this.initialSize.width = selectionGroup.width;
-                    this.initialSize.height = selectionGroup.height;
-                    this.initialSize.x = selectionGroup.translateX;
-                    this.initialSize.y = selectionGroup.translateY;
-                    clearTimeout(this._core.store.state.longTouchTimeout);
-                }
-            }
+    openFilePicker() {
+        if (this._core.store.isDisabled) {
+            return;
         }
+        this.fileInput.click();
     }
-    handlePointerMove(event) {
-        if (event.pointerType === 'mouse') {
-            const selectionGroup = this._core.store.selectionGroup;
-            if (this._core.store.state.isResizing && selectionGroup) {
-                const clientX = event.clientX - this._core.store.offsetX;
-                const clientY = event.clientY - this._core.store.offsetY;
-                const dx = clientX - this.initialMouseX;
-                const dy = clientY - this.initialMouseY;
-                const resizeDeltaX = Math.abs(dx);
-                const resizeDeltaY = Math.abs(dy);
-                const resizeThreshold = 5;
-                if (resizeDeltaX > resizeThreshold || resizeDeltaY > resizeThreshold) {
-                    this.hasResized = true;
-                }
-                if (!this.hasResized) {
-                    return;
-                }
-                const rotation = selectionGroup.rotation;
-                const sin = Math.sin(rotation);
-                const cos = Math.cos(rotation);
-                const activeScale = selectionGroup.scale || this._core.store.state.scale;
-                // Calculate delta in local unrotated space
-                // We rotate the screen delta by -rotation to align with the object's axes
-                const localDx = dx * cos + dy * sin;
-                const localDy = -dx * sin + dy * cos;
-                // Calculate the center of the selection group before resize
-                const initialCenterX = this.initialSize.x + this.initialSize.width / activeScale / 2;
-                const initialCenterY = this.initialSize.y + this.initialSize.height / activeScale / 2;
-                // The center moves by half of the screen delta (scaled)
-                // This is true regardless of rotation because the resize happens symmetrically around the center
-                // relative to the fixed point logic
-                const newCenterX = initialCenterX + dx / activeScale / 2;
-                const newCenterY = initialCenterY + dy / activeScale / 2;
-                switch (this._core.store.state.resizeHandleType) {
-                    case KritzelHandleType.TopLeft:
-                        this.newSize.width = this.initialSize.width - localDx;
-                        this.newSize.height = this.initialSize.height - localDy;
-                        break;
-                    case KritzelHandleType.TopRight:
-                        this.newSize.width = this.initialSize.width + localDx;
-                        this.newSize.height = this.initialSize.height - localDy;
-                        break;
-                    case KritzelHandleType.BottomLeft:
-                        this.newSize.width = this.initialSize.width - localDx;
-                        this.newSize.height = this.initialSize.height + localDy;
-                        break;
-                    case KritzelHandleType.BottomRight:
-                        this.newSize.width = this.initialSize.width + localDx;
-                        this.newSize.height = this.initialSize.height + localDy;
-                        break;
-                }
-                this.newSize.x = newCenterX - this.newSize.width / activeScale / 2;
-                this.newSize.y = newCenterY - this.newSize.height / activeScale / 2;
-                selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);
-            }
-        }
-        if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._core.store.state.pointers.values());
-            const oneFingerTouch = activePointers[0];
-            if (!oneFingerTouch) {
-                return;
-            }
-            const selectionGroup = this._core.store.selectionGroup;
-            if (this._core.store.state.isResizing && selectionGroup) {
-                const clientX = Math.round(oneFingerTouch.clientX - this._core.store.offsetX);
-                const clientY = Math.round(oneFingerTouch.clientY - this._core.store.offsetY);
-                const dx = clientX - this.initialMouseX;
-                const dy = clientY - this.initialMouseY;
-                const resizeDeltaX = Math.abs(dx);
-                const resizeDeltaY = Math.abs(dy);
-                const resizeThreshold = 5;
-                if (resizeDeltaX > resizeThreshold || resizeDeltaY > resizeThreshold) {
-                    clearTimeout(this._core.store.state.longTouchTimeout);
-                    this.hasResized = true;
-                }
-                if (!this.hasResized) {
-                    return;
-                }
-                const rotation = selectionGroup.rotation;
-                const sin = Math.sin(rotation);
-                const cos = Math.cos(rotation);
-                const activeScale = selectionGroup.scale || this._core.store.state.scale;
-                const localDx = dx * cos + dy * sin;
-                const localDy = -dx * sin + dy * cos;
-                const initialCenterX = this.initialSize.x + this.initialSize.width / activeScale / 2;
-                const initialCenterY = this.initialSize.y + this.initialSize.height / activeScale / 2;
-                const newCenterX = initialCenterX + dx / activeScale / 2;
-                const newCenterY = initialCenterY + dy / activeScale / 2;
-                switch (this._core.store.state.resizeHandleType) {
-                    case KritzelHandleType.TopLeft:
-                        this.newSize.width = this.initialSize.width - localDx;
-                        this.newSize.height = this.initialSize.height - localDy;
-                        break;
-                    case KritzelHandleType.TopRight:
-                        this.newSize.width = this.initialSize.width + localDx;
-                        this.newSize.height = this.initialSize.height - localDy;
-                        break;
-                    case KritzelHandleType.BottomLeft:
-                        this.newSize.width = this.initialSize.width - localDx;
-                        this.newSize.height = this.initialSize.height + localDy;
-                        break;
-                    case KritzelHandleType.BottomRight:
-                        this.newSize.width = this.initialSize.width + localDx;
-                        this.newSize.height = this.initialSize.height + localDy;
-                        break;
-                }
-                this.newSize.x = newCenterX - this.newSize.width / activeScale / 2;
-                this.newSize.y = newCenterY - this.newSize.height / activeScale / 2;
-                selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);
-            }
-        }
+    setupFileInput() {
+        this.fileInput = document.createElement('input');
+        this.fileInput.type = 'file';
+        this.fileInput.accept = 'image/*';
+        this.fileInput.style.display = 'none';
+        this.fileInput.addEventListener('change', this.handleFileSelect.bind(this));
+        this.fileInput.addEventListener('cancel', this.handleCancel.bind(this));
+        document.body.appendChild(this.fileInput);
     }
-    handlePointerUp(event) {
-        if (event.pointerType === 'mouse') {
-            if (this._core.store.state.isResizing) {
-                this._core.store.state.isResizing = false;
-                if (this.hasResized) {
-                    this._core.store.selectionGroup.update();
-                    this._core.engine.emitObjectsChange();
-                    this._core.store.state.hasObjectsChanged = true;
-                }
-                this.reset();
-            }
+    handleFileSelect(event) {
+        const input = event.target;
+        if (input.files && input.files[0]) {
+            const file = input.files[0];
+            imageCompression(file, {
+                maxWidthOrHeight: this.maxCompressionSize,
+            })
+                .then(compressedFile => {
+                this.readFile(compressedFile);
+            })
+                .catch(error => {
+                console.error('Error during image compression or processing:', error);
+                this.handleCancel();
+            });
         }
-        if (event.pointerType === 'touch') {
-            if (this._core.store.state.isResizing) {
-                this._core.store.state.isResizing = false;
-                if (this.hasResized) {
-                    this._core.store.selectionGroup.update();
-                    this._core.engine.emitObjectsChange();
-                    this._core.store.state.hasObjectsChanged = true;
-                }
-                this.reset();
-                clearTimeout(this._core.store.state.longTouchTimeout);
-            }
+        else {
+            console.info('File selection cancelled by user.');
+            this.handleCancel();
+        }
+        if (input) {
+            input.value = '';
         }
     }
+    readFile(file) {
+        const reader = new FileReader();
+        reader.onload = e => {
+            const img = new Image();
+            img.src = e.target?.result;
+            img.onload = () => this.createKritzelImage(img);
+        };
+        reader.readAsDataURL(file);
+    }
+    createKritzelImage(img) {
+        const image = KritzelImage.create(this._core);
+        const { scaledWidth, scaledHeight } = image.calculateScaledDimensions(img);
+        image.src = img.src;
+        image.width = scaledWidth;
+        image.height = scaledHeight;
+        image.zIndex = this._core.store.currentZIndex;
+        image.centerInViewport();
+        this.addImageToStore(image);
+        return image;
+    }
+    addImageToStore(image) {
+        this._core.addObject(image);
+        this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
+        this._core.selectObjects([image]);
+        this._core.engine.emitObjectsChange();
+    }
+    handleCancel() {
+        this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
+    }
 }
 
-class KritzelRotationHandler extends KritzelBaseHandler {
-    initialRotation = 0;
-    rotation = 0;
-    unchangedObjects = [];
-    initialSelectionGroupRotation = 0;
+class KritzelTextTool extends KritzelBaseTool {
+    fontFamily = 'Arial';
+    fontSize = 16;
+    fontColor = '#000000';
+    palette = [
+        '#000000',
+        '#FFFFFF',
+        '#FF0000',
+        '#00FF00',
+        '#0000FF',
+        '#FFFF00',
+        '#FF00FF',
+        '#00FFFF',
+        '#808080',
+        '#C0C0C0',
+        '#800000',
+        '#008000',
+        '#000080',
+        '#808000',
+        '#800080',
+    ];
     constructor(core) {
         super(core);
     }
-    reset() {
-        this.initialRotation = 0;
-        this.rotation = 0;
-        this.unchangedObjects = [];
-    }
     handlePointerDown(event) {
+        if (event.cancelable) {
+            event.preventDefault();
+        }
         if (event.pointerType === 'mouse') {
-            if (KritzelEventHelper.isLeftClick(event)) {
-                const selectionGroup = this._core.store.selectionGroup;
-                if (selectionGroup && this._core.store.state.isRotationHandleSelected) {
-                    const clientX = event.clientX - this._core.store.offsetX;
-                    const clientY = event.clientY - this._core.store.offsetY;
-                    this._core.store.state.isRotating = true;
-                    const centerX = selectionGroup.translateX + selectionGroup.width / 2 / this._core.store.state.scale;
-                    const centerY = selectionGroup.translateY + selectionGroup.height / 2 / this._core.store.state.scale;
-                    const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
-                    const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
-                    this.initialSelectionGroupRotation = selectionGroup.rotation;
-                    this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - selectionGroup.rotation;
-                    this.unchangedObjects = selectionGroup.objects.map(obj => obj.clone());
-                }
+            const path = event.composedPath().slice(1);
+            const objectElement = path.find(element => element.classList && element.classList.contains('object'));
+            const object = this._core.findObjectById(objectElement?.id);
+            const activeText = this._core.store.activeText;
+            if (activeText === null && object instanceof KritzelText) {
+                object.edit(event);
+                return;
             }
-        }
+            if (activeText !== null && object instanceof KritzelText) {
+                activeText.save();
+                object.edit(event);
+                return;
+            }
+            if (activeText !== null && object instanceof KritzelText === false) {
+                this._core.resetActiveText();
+                this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
+                return;
+            }
+            if (KritzelEventHelper.isLeftClick(event) === false) {
+                return;
+            }
+            const clientX = event.clientX - this._core.store.offsetX;
+            const clientY = event.clientY - this._core.store.offsetY;
+            const text = KritzelText.create(this._core, this.fontSize, this.fontFamily);
+            text.fontColor = this.fontColor;
+            text.translateX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
+            text.translateY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
+            text.zIndex = this._core.store.currentZIndex;
+            this._core.store.state.objects.insert(text);
+            this._core.rerender();
+            text.edit(event);
+        }
         if (event.pointerType === 'touch') {
             const activePointers = Array.from(this._core.store.state.pointers.values());
-            const firstTouch = activePointers[0];
-            if (!firstTouch) {
+            const path = event.composedPath().slice(1);
+            const objectElement = path.find(element => element.classList && element.classList.contains('object'));
+            const object = this._core.findObjectById(objectElement?.id);
+            const activeText = this._core.store.activeText;
+            if (activeText === null && object instanceof KritzelText) {
+                object.edit(event);
                 return;
             }
-            if (activePointers.length === 1) {
+            if (activeText !== null && object instanceof KritzelText) {
+                activeText.save();
+                object.edit(event);
+                return;
+            }
+            if (activeText !== null && object instanceof KritzelText === false) {
+                this._core.resetActiveText();
+                this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
+                return;
+            }
+            if (activePointers.length > 1) {
+                return;
+            }
+            const clientX = Math.round(activePointers[0].clientX - this._core.store.offsetX);
+            const clientY = Math.round(activePointers[0].clientY - this._core.store.offsetY);
+            const text = KritzelText.create(this._core, this.fontSize, this.fontFamily);
+            text.fontColor = this.fontColor;
+            text.translateX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
+            text.translateY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
+            text.zIndex = this._core.store.currentZIndex;
+            this._core.store.state.objects.insert(text);
+            this._core.rerender();
+            text.edit(event);
+        }
+    }
+    handlePointerUp(event) {
+        if (event.cancelable) {
+            event.preventDefault();
+        }
+        this._core.store.activeText?.edit(event);
+    }
+}
+
+class KritzelIconRegistry {
+    static registry = new Map();
+    static register(name, svgContent) {
+        if (this.registry.has(name)) {
+            console.warn(`[IconRegistry] Icon "${name}" is already registered. It will be overwritten.`);
+        }
+        this.registry.set(name, svgContent);
+    }
+    static get(name) {
+        return this.registry.get(name);
+    }
+    static registerIcons(icons) {
+        for (const name in icons) {
+            if (Object.prototype.hasOwnProperty.call(icons, name)) {
+                this.register(name, icons[name]);
+            }
+        }
+    }
+    static has(name) {
+        return this.registry.has(name);
+    }
+}
+KritzelIconRegistry.registerIcons({
+    'cursor': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z"/></svg>',
+    'pen': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/></svg>',
+    'arrow': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="19" x2="19" y2="5"/><path d="M15 5h4v4"/></svg>',
+    'highlighter': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-highlighter-icon lucide-highlighter"><path d="m9 11-6 6v3h9l3-3"/><path d="m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4"/></svg>',
+    'eraser': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21"/><path d="M22 21H7"/><path d="m5 11 9 9"/></svg>',
+    'type': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg>',
+    'image': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>',
+    'chevron-down': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>',
+    'chevron-up': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>',
+    'copy': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy-icon lucide-copy"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>',
+    'paste': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-paste-icon lucide-clipboard-paste"><path d="M11 14h10"/><path d="M16 4h2a2 2 0 0 1 2 2v1.344"/><path d="m17 18 4-4-4-4"/><path d="M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113"/><rect x="8" y="2" width="8" height="4" rx="1"/></svg>',
+    'cut': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scissors-icon lucide-scissors"><circle cx="6" cy="6" r="3"/><path d="M8.12 8.12 12 12"/><path d="M20 4 8.12 15.88"/><circle cx="6" cy="18" r="3"/><path d="M14.8 14.8 20 20"/></svg>',
+    'delete': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash2-icon lucide-trash-2"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>',
+    'bring-to-front': '<svg  width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-to-line-icon lucide-arrow-up-to-line"><path d="M5 3h14"/><path d="m18 13-6-6-6 6"/><path d="M12 7v14"/></svg>',
+    'send-to-back': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down-to-line-icon lucide-arrow-down-to-line"><path d="M12 17V3"/><path d="m6 11 6 6 6-6"/><path d="M19 21H5"/></svg>',
+    'select-all': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-mouse-pointer-icon lucide-square-mouse-pointer"><path d="M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z"/><path d="M21 11V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6"/></svg>',
+    'download': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download-icon lucide-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>',
+    'undo': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-undo-icon lucide-undo"><path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"/></svg>',
+    'redo': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-redo-icon lucide-redo"><path d="M21 7v6h-6"/><path d="M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7"/></svg>',
+    'plus': '<svg  width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus-icon lucide-plus"><path d="M5 12h14"/><path d="M12 5v14"/></svg>',
+    'ellipsis-vertical': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis-vertical-icon lucide-ellipsis-vertical"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>',
+    'x': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x-icon lucide-x"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>',
+    'check': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-icon lucide-check"><path d="M20 6 9 17l-5-5"/></svg>',
+    'move-vertical': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-move-vertical-icon lucide-move-vertical" version="1.1" id="svg3"> <defs id="defs3" /> <path d="M12 2v20" id="path1" /> <path style="fill:#ffffff;stroke-width:2.5;stroke-dasharray:none;stroke-linejoin:round;paint-order:stroke fill markers" d="m 11.735575,22.661865 c -0.09259,-0.02798 -0.204674,-0.07661 -0.249076,-0.108068 -0.04441,-0.03147 -1.167275,-0.979853 -2.4952713,-2.10755 -1.8557024,-1.57581 -2.4300904,-2.079639 -2.4817336,-2.17687 -0.086514,-0.162885 -0.089504,-0.422449 -0.00664,-0.576334 0.1483053,-0.275409 0.437667,-0.436207 0.7830634,-0.435147 0.3692925,0.0011 0.3517326,-0.01122 2.168748,1.525599 L 11.12348,20.194964 V 11.999996 3.8050256 L 9.4546663,5.2164943 C 7.6376509,6.7533118 7.6552109,6.7409594 7.2859184,6.7420935 6.6681409,6.7439906 6.253658,6.1955854 6.5159903,5.723396 6.5738626,5.6192278 7.1368766,5.1267427 9.0629381,3.4955044 11.738128,1.2298067 11.640395,1.3026868 12.00355,1.3026868 c 0.363154,0 0.265421,-0.07288 2.940611,2.1928176 1.926062,1.6312383 2.489076,2.1237234 2.546948,2.2278916 0.262332,0.4721894 -0.15215,1.0205946 -0.769928,1.0186975 -0.369293,-0.00114 -0.351733,0.011218 -2.168748,-1.5255992 L 12.88362,3.8050256 v 8.1949704 8.194968 l 1.668813,-1.411469 c 1.817015,-1.536817 1.799455,-1.524464 2.168748,-1.525599 0.617772,-0.0019 1.032269,0.546521 0.769928,1.018687 -0.103474,0.18623 -4.919006,4.273935 -5.130582,4.355136 -0.20796,0.07981 -0.425829,0.09033 -0.624952,0.03014 z" id="path4" /> </svg>',
+    'hand': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hand-icon lucide-hand" version="1.1" id="svg4"> <defs id="defs4" /> <path d="M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2" id="path1" /> <path d="M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" id="path2" /> <path d="M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8" id="path3" /> <path d="M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15" id="path4" /> <path style="fill:#ffffff;stroke-width:0.0423032" d="M 11.478261,21.222477 C 9.6854059,21.139331 8.3341788,20.647346 7.1297169,19.639159 6.9698298,19.505327 5.949644,18.508708 4.8626374,17.42445 3.0780314,15.644357 2.8775851,15.435367 2.7968392,15.270602 2.5896561,14.847836 2.616354,14.436649 2.8771894,14.033085 c 0.136522,-0.211226 0.3837159,-0.398688 0.6367632,-0.482897 0.1529977,-0.05091 0.2326803,-0.05992 0.4470908,-0.05054 0.2250407,0.0098 0.2876577,0.02439 0.4554568,0.105827 0.1747854,0.08483 0.2933718,0.192702 1.1675186,1.062064 0.7182021,0.714271 1.0062041,0.982633 1.0998825,1.024878 0.1680197,0.07577 0.4756439,0.07817 0.6368269,0.005 0.1370772,-0.06226 0.2976691,-0.220818 0.3691296,-0.364463 0.072561,-0.145855 0.071573,-0.543545 -0.00169,-0.681911 -0.028747,-0.05429 -0.2476439,-0.296131 -0.4864385,-0.537426 l -0.4341716,-0.438718 0.00753,-3.989014 0.00753,-3.9890137 0.089246,-0.1883791 c 0.244787,-0.516692 0.7711718,-0.809716 1.3059705,-0.7269981 0.3973687,0.061462 0.7569953,0.3284904 0.9363122,0.6952277 l 0.093853,0.1919473 0.014101,2.4958872 0.014101,2.4958877 0.067385,0.149123 c 0.1186861,0.262654 0.4140438,0.457222 0.6940724,0.457222 0.2764172,0 0.5690532,-0.187563 0.6965992,-0.446482 l 0.06486,-0.131661 0.0141,-3.4970626 0.0141,-3.4970623 0.08982,-0.1896121 C 11.096301,3.0422103 11.506844,2.7755634 12,2.7755634 c 0.493156,0 0.903699,0.2666469 1.122868,0.7293016 l 0.08982,0.1896121 0.0141,3.2432432 c 0.01405,3.2315947 0.01432,3.2437077 0.07397,3.3726737 0.124721,0.269649 0.355908,0.424566 0.661411,0.443206 0.237954,0.01452 0.429018,-0.0627 0.591626,-0.239109 0.223655,-0.242637 0.208338,-0.06565 0.224113,-2.5896966 l 0.0141,-2.2561693 0.09385,-0.1919473 c 0.179317,-0.3667373 0.538944,-0.6337662 0.936313,-0.6952277 0.609359,-0.09425 1.208067,0.3054956 1.370981,0.9153772 0.03013,0.1127929 0.03773,0.6662436 0.038,2.7657391 3.74e-4,2.9328416 -0.008,2.8034316 0.197044,3.0364016 0.234927,0.266892 0.603828,0.337117 0.920407,0.175213 0.181933,-0.09304 0.329759,-0.261686 0.376309,-0.4293 0.01848,-0.06654 0.02929,-0.683932 0.0295,-1.684364 1.78e-4,-0.8783075 0.01239,-1.6530128 0.02751,-1.745346 0.08579,-0.5238478 0.505382,-0.9420803 1.039546,-1.0361716 0.607538,-0.1070155 1.25615,0.3485846 1.385876,0.973471 0.02211,0.1064847 0.02843,1.1397236 0.02169,3.5455556 -0.0093,3.324725 -0.01078,3.403075 -0.07062,3.770606 -0.126399,0.776213 -0.328814,1.41352 -0.669031,2.106456 -0.36657,0.746612 -0.72118,1.250303 -1.297841,1.843464 -1.185731,1.21966 -2.604527,1.933174 -4.300822,2.162889 -0.38234,0.05178 -2.604621,0.0785 -3.412456,0.04104 z" id="path16" /> </svg>',
+    'hand-grab': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hand-grab-icon lucide-hand-grab" version="1.1" id="svg5"> <defs id="defs5" /> <path d="M18 11.5V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1.4" id="path1" /> <path d="M14 10V8a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" id="path2" /> <path d="M10 9.9V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v5" id="path3" /> <path d="M6 14a2 2 0 0 0-2-2a2 2 0 0 0-2 2" id="path4" /> <path d="M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8 2 2 0 1 1 4 0" id="path5" /> <path style="fill:#ffffff;stroke-width:0.0423032" d="M 9.5887192,21.221364 C 8.0526856,21.128375 6.6533474,20.587008 5.4571093,19.622953 5.3019976,19.497947 5.0101058,19.225967 4.8084606,19.018552 4.2300382,18.423579 3.8474097,17.879011 3.4960953,17.150756 3.1017715,16.333345 2.9014937,15.633198 2.8052391,14.735605 c -0.097577,-0.909922 -0.019834,-1.263323 0.3569794,-1.622742 0.753018,-0.718257 1.9463784,-0.256949 2.0619296,0.797066 0.037839,0.345154 0.089701,0.477674 0.2472582,0.631806 0.2464521,0.241095 0.5958008,0.287445 0.9036474,0.119894 0.1478567,-0.08047 0.2303871,-0.16866 0.3266699,-0.349056 0.050118,-0.0939 0.05337,-0.2326 0.066784,-2.848413 L 6.7826087,8.7144536 6.8458627,8.559342 C 6.9736603,8.2459558 7.2463773,7.9734987 7.5581669,7.8477164 c 0.1253804,-0.050581 0.2118709,-0.062705 0.4512338,-0.063254 0.275392,-6.312e-4 0.3094658,0.00564 0.4867271,0.089609 0.264676,0.1253746 0.4771417,0.334346 0.6070085,0.5970252 l 0.1048543,0.212087 0.017338,0.7488899 c 0.019395,0.8377165 0.026343,0.8713745 0.2242006,1.0860245 0.1591067,0.172611 0.3522021,0.249908 0.5883018,0.235502 0.305503,-0.01864 0.53669,-0.173557 0.661411,-0.443206 0.05734,-0.123963 0.0605,-0.181852 0.07486,-1.3703236 0.01626,-1.3456629 0.0141,-1.3267758 0.182667,-1.5938092 0.257891,-0.4085268 0.77099,-0.6442307 1.228943,-0.5645435 0.471012,0.08196 0.850379,0.4102836 0.989676,0.8565175 0.04663,0.149383 0.0514,0.2860903 0.0514,1.4721724 0,0.8344844 0.01108,1.3591794 0.03064,1.4503554 0.04109,0.191585 0.179844,0.390224 0.342505,0.490321 0.27721,0.170587 0.693425,0.126085 0.92529,-0.09893 0.228986,-0.222224 0.234357,-0.25046 0.251582,-1.3227071 l 0.0152,-0.9463484 0.104855,-0.2120434 c 0.129872,-0.2626357 0.342372,-0.471626 0.607008,-0.5969817 0.177262,-0.083967 0.211335,-0.09024 0.486727,-0.089609 0.239363,5.486e-4 0.325854,0.012673 0.451234,0.063254 0.31179,0.1257823 0.584507,0.3982394 0.712304,0.7116256 0.0621,0.1522783 0.06351,0.1824139 0.07736,1.649824 0.01408,1.492435 0.0142,1.494914 0.07947,1.627432 0.0771,0.156535 0.2216,0.291061 0.395058,0.367789 0.09695,0.04289 0.169789,0.05275 0.325757,0.04411 0.230544,-0.01277 0.363779,-0.06826 0.506411,-0.21089 0.177062,-0.177061 0.198302,-0.25307 0.219359,-0.784959 0.02002,-0.505773 0.05012,-0.6549 0.175297,-0.868492 0.498409,-0.850471 1.728484,-0.8041941 2.173478,0.08177 0.131751,0.262312 0.134447,0.313526 0.122615,2.328965 -0.0104,1.771638 -0.01517,1.923481 -0.0714,2.273746 -0.123689,0.770512 -0.327108,1.411813 -0.668163,2.106456 -0.36657,0.746612 -0.72118,1.250303 -1.297841,1.843464 -1.180268,1.214041 -2.600612,1.930754 -4.287083,2.163284 -0.28697,0.03957 -0.685446,0.04782 -2.636536,0.05459 -1.26416,0.0044 -2.4698005,-0.0024 -2.6792012,-0.01507 z" id="path6" /> </svg>',
+    'mouse-pointer': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mouse-pointer2-icon lucide-mouse-pointer-2" version="1.1" id="svg1"> <defs id="defs1" /> <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" id="path1" /> <path style="fill:#ffffff;stroke-width:0.0972651;stroke-linejoin:round;paint-order:stroke fill markers" d="M 7.8509196,12.314844 C 6.127071,8.1920568 4.7235325,4.8125504 4.7319449,4.8048299 c 0.01847,-0.016951 15.4787861,6.0801241 15.4610371,6.0973581 -0.0069,0.0067 -1.32633,0.341226 -2.93219,0.743509 -1.858829,0.465652 -3.011462,0.772855 -3.172161,0.845453 -0.688426,0.310999 -1.245788,0.879167 -1.498145,1.527185 -0.06251,0.160512 -0.440389,1.529576 -0.839733,3.042364 -0.399346,1.512788 -0.734966,2.750433 -0.745822,2.750322 -0.01086,-1.09e-4 -1.430163,-3.373391 -3.1540114,-7.496177 z" id="path2" /> <path style="fill:#ffffff;stroke-width:0.0705053;stroke-linejoin:round;paint-order:stroke fill markers" d="M 10.777831,19.240865 C 9.3899089,15.977493 4.7567738,4.8648478 4.7760705,4.8455511 c 0.013084,-0.013084 4.7618079,1.8507077 10.7773965,4.2299406 4.467495,1.7669453 4.558837,1.8037523 4.533848,1.8269883 -0.01183,0.011 -0.96064,0.257045 -2.108467,0.546768 -3.445281,0.869623 -3.777157,0.960825 -4.075205,1.119907 -0.597122,0.31871 -1.103666,0.864485 -1.309236,1.410635 -0.09642,0.256167 -0.312339,1.032806 -0.943226,3.392713 -0.641066,2.39798 -0.629171,2.354884 -0.649929,2.354849 -0.0091,-1.5e-5 -0.10963,-0.218934 -0.223421,-0.486487 z" id="path6" /> </svg>',
+    'pointer': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pointer-icon lucide-pointer" version="1.1" id="svg5"> <defs id="defs5" /> <path d="M22 14a8 8 0 0 1-8 8" id="path1" /> <path d="M18 11v-1a2 2 0 0 0-2-2a2 2 0 0 0-2 2" id="path2" /> <path d="M14 10V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1" id="path3" /> <path d="M10 9.5V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v10" id="path4" /> <path d="M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15" id="path5" /> <path style="fill:#ffffff;stroke-width:0.0930233;stroke-linejoin:round;paint-order:stroke fill markers" d="M 11.2,21.203517 C 9.5092536,21.041493 8.4838422,20.667261 7.3116279,19.784423 7.1888372,19.691945 6.139155,18.670017 4.9790008,17.513473 2.5649891,15.106974 2.6562686,15.220427 2.6869266,14.664621 c 0.020277,-0.367608 0.1272548,-0.601802 0.3822766,-0.836873 0.2609241,-0.240511 0.4631523,-0.319555 0.8191689,-0.320185 0.509345,-9.02e-4 0.5815472,0.04845 1.7102825,1.168976 0.532833,0.528958 1.0223742,0.98871 1.0878697,1.021671 0.1699959,0.08555 0.4741793,0.07658 0.6733897,-0.01985 0.303161,-0.146758 0.4720469,-0.543298 0.3791811,-0.890307 -0.036373,-0.135913 -0.1250717,-0.246717 -0.506083,-0.632208 l -0.4619807,-0.467411 0.00983,-5.002356 0.00983,-5.0023561 0.080405,-0.1739784 C 6.9849846,3.2633288 7.2288893,3.0140593 7.4738043,2.8937849 7.6531903,2.8056908 7.7297209,2.7906977 8,2.7906977 c 0.2702791,0 0.3468097,0.014993 0.5261957,0.1030872 0.244915,0.1202744 0.4888197,0.3695439 0.6027014,0.6159576 0.079998,0.1730976 0.080499,0.1905559 0.09901,3.448397 0.020472,3.6031325 0.00418,3.3665775 0.2478407,3.5980265 0.2810043,0.266918 0.6822132,0.283308 1.0083162,0.04119 0.232339,-0.172501 0.25913,-0.280173 0.275933,-1.1089849 0.01456,-0.7180841 0.01869,-0.7520168 0.117805,-0.9674419 0.454637,-0.9881395 1.789759,-0.9881395 2.244396,0 0.09912,0.2154251 0.103248,0.2493578 0.117805,0.9674419 0.0168,0.8288119 0.04359,0.9364839 0.275933,1.1089849 0.326103,0.242117 0.727312,0.225727 1.008316,-0.04119 0.160426,-0.152384 0.218977,-0.294978 0.250819,-0.610832 C 14.845142,9.2502593 15.336916,8.7840275 16,8.7840275 c 0.478554,0 0.847992,0.2240614 1.082489,0.6565225 l 0.126813,0.2338686 0.01869,0.7813954 c 0.02069,0.865066 0.03258,0.913549 0.276595,1.127795 0.239244,0.210059 0.56665,0.239738 0.88018,0.07979 0.219744,-0.112104 0.324993,-0.301479 0.383515,-0.690054 0.06437,-0.427406 0.125794,-0.56694 0.357358,-0.811785 C 19.38604,9.8862229 19.614832,9.7882106 20,9.7869898 c 0.380153,-0.0012 0.636641,0.1145641 0.905451,0.4086842 0.318537,0.348531 0.317259,0.340596 0.332734,2.064791 0.02055,2.290001 -0.04576,2.983129 -0.383655,4.009983 -0.878739,2.670467 -3.284504,4.613238 -6.090273,4.918188 -0.322415,0.03504 -3.227312,0.04717 -3.564257,0.01488 z" id="path6" /> <path style="fill:#ffffff;stroke-width:0.0705053;stroke-linejoin:round;paint-order:stroke fill markers" d="m 11.942854,21.190957 c -1.015003,-0.01704 -1.131723,-0.02688 -1.806535,-0.1522 C 9.5352183,20.927122 8.8225664,20.681951 8.319624,20.413766 7.7570149,20.113766 7.3758537,19.827607 6.7836127,19.260598 5.774345,18.294328 3.1746828,15.68636 2.994305,15.459184 2.7288345,15.124838 2.6970674,15.049109 2.7026798,14.763988 c 0.00827,-0.420163 0.1162058,-0.679868 0.3844475,-0.925026 0.2382303,-0.217729 0.416008,-0.293073 0.7303102,-0.309513 0.5101451,-0.02668 0.6329728,0.04799 1.5378542,0.934977 0.8479274,0.831158 1.2429087,1.199656 1.342282,1.252283 0.11819,0.06259 0.4442817,0.06081 0.6122724,-0.0033 0.1482348,-0.05661 0.3410696,-0.248342 0.4107195,-0.408368 0.063024,-0.144802 0.06179,-0.498 -0.00216,-0.618376 C 7.6917315,14.63641 7.4736023,14.388937 7.2336742,14.136678 L 6.797441,13.678026 6.7970753,8.6903755 6.7967098,3.7027253 6.9021002,3.502167 C 7.0320375,3.2548956 7.2343175,3.0487286 7.4743519,2.9189189 c 0.1797064,-0.097185 0.1877434,-0.098707 0.5209477,-0.098707 0.3169743,0 0.349151,0.00524 0.5076381,0.082665 0.2190605,0.1070166 0.4871239,0.3748528 0.5931342,0.592632 l 0.081613,0.1676584 0.019992,1.3834579 c 0.010995,0.7609018 0.021403,2.0560783 0.023128,2.87817 0.00341,1.6233162 0.028863,2.2876938 0.093598,2.4426258 0.089047,0.213119 0.4255042,0.419889 0.683247,0.419889 0.1563141,0 0.3731941,-0.08265 0.5187231,-0.197689 0.205546,-0.162474 0.225694,-0.250142 0.256177,-1.1146856 C 10.79418,8.8613623 10.8052,8.7492253 10.85668,8.6186115 11.053264,8.1198873 11.50183,7.7978848 12,7.7978848 c 0.49817,0 0.946736,0.3220025 1.143315,0.8207259 0.05148,0.1306138 0.0625,0.2427508 0.08413,0.8563239 0.02897,0.8216044 0.05497,0.9507864 0.218548,1.0859664 0.341252,0.282005 0.756809,0.293493 1.057036,0.02922 0.169206,-0.148941 0.234219,-0.2921 0.288276,-0.6347773 0.103115,-0.6536616 0.472737,-1.0621772 1.030077,-1.1384664 0.547738,-0.074975 0.986339,0.1608863 1.276145,0.6862578 l 0.105758,0.1917223 7.68e-4,0.3699606 c 0.0011,0.553623 0.04553,1.179579 0.09141,1.289176 0.04428,0.105777 0.219161,0.276182 0.364423,0.355092 0.06913,0.03755 0.155512,0.05067 0.333059,0.05055 0.204058,-1.3e-4 0.260695,-0.01118 0.380729,-0.07426 0.239564,-0.12591 0.320531,-0.265583 0.407786,-0.703455 0.08382,-0.420648 0.125337,-0.527172 0.279883,-0.718174 0.321102,-0.3968443 0.77117,-0.5469022 1.259123,-0.4198065 0.21344,0.055594 0.39756,0.1739295 0.578279,0.3716645 0.286251,0.313205 0.299377,0.389392 0.324444,1.883099 0.02888,1.721047 -0.03379,2.808669 -0.20314,3.525265 -0.307591,1.301561 -0.970113,2.493177 -1.91312,3.440943 -1.060413,1.065767 -2.34115,1.742909 -3.849589,2.035329 -0.348478,0.06755 -0.462014,0.07524 -1.340342,0.09078 -0.527787,0.0093 -1.416154,0.0093 -1.974148,-6.4e-5 z" id="path7" /> </svg>'
+});
+
+class KritzelCursorHelper {
+    static _pointerCursor = null;
+    /**
+     * Returns the custom pointer cursor CSS value.
+     * This can be used instead of `cursor: pointer` for consistent styling.
+     */
+    static getPointerCursor() {
+        if (!this._pointerCursor) {
+            this._pointerCursor = this.getCursor({ iconName: 'pointer' });
+        }
+        return this._pointerCursor;
+    }
+    /**
+     * Returns a custom cursor CSS value with support for rotation.
+     * The icon is retrieved from the KritzelIconRegistry.
+     */
+    static getCursor(options) {
+        const iconName = options.iconName === 'default' ? 'mouse-pointer' : options.iconName;
+        const iconSvg = KritzelIconRegistry.get(iconName);
+        if (!iconSvg) {
+            console.warn(`Icon "${iconName}" not found in registry.`);
+            return 'auto';
+        }
+        const size = options.size || 24;
+        const rotation = options.rotation || 0;
+        const color = options.color || 'black';
+        // Default cursor (mouse-pointer) has hotspot at (4, 4), others at center
+        const hotspot = options.hotspot || (options.iconName === 'default' ? { x: 4, y: 4 } : { x: size / 2, y: size / 2 });
+        // Modify the SVG string to set size and color
+        // We replace width and height to match the requested size
+        // We replace currentColor with the requested color
+        let content = iconSvg
+            .replace(/width="\d+"/, `width="${size}"`)
+            .replace(/height="\d+"/, `height="${size}"`)
+            .replace(/currentColor/g, color);
+        // Create the SVG string
+        // We rotate around the center of the SVG canvas
+        const center = size / 2;
+        // We use a group to apply the rotation
+        const svg = `
+      <svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}">
+        <g transform="rotate(${rotation} ${center} ${center})">
+          ${content}
+        </g>
+      </svg>
+    `;
+        // Encode the SVG for use in a data URI
+        // We need to be careful with encoding to ensure it works across browsers
+        const encodedSvg = encodeURIComponent(svg.replace(/\s+/g, ' ').trim())
+            .replace(/'/g, '%27')
+            .replace(/"/g, '%22');
+        const dataUri = `data:image/svg+xml;charset=utf-8,${encodedSvg}`;
+        // Return the cursor style string
+        return `url('${dataUri}') ${hotspot.x} ${hotspot.y}, auto`;
+    }
+}
+
+class KritzelBaseHandler {
+    _core;
+    constructor(core) {
+        this._core = core;
+    }
+}
+
+class KritzelMoveHandler extends KritzelBaseHandler {
+    dragStartX;
+    dragStartY;
+    startX;
+    startY;
+    endX;
+    endY;
+    hasMoved = false;
+    trackedPointerId = null;
+    constructor(core) {
+        super(core);
+    }
+    reset() {
+        this.dragStartX = 0;
+        this.dragStartY = 0;
+        this.startX = 0;
+        this.startY = 0;
+        this.endX = 0;
+        this.endY = 0;
+        this.hasMoved = false;
+        this.trackedPointerId = null;
+    }
+    cancelPendingDrag() {
+        this._core.store.state.isDragging = false;
+        this.reset();
+    }
+    handlePointerDown(event) {
+        if (event.pointerType === 'mouse') {
+            if (KritzelEventHelper.isLeftClick(event)) {
                 const selectionGroup = this._core.store.selectionGroup;
-                if (selectionGroup && this._core.store.state.isRotationHandleSelected) {
-                    const clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);
-                    const clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);
-                    this._core.store.state.isRotating = true;
-                    const centerX = selectionGroup.translateX + selectionGroup.width / 2 / this._core.store.state.scale;
-                    const centerY = selectionGroup.translateY + selectionGroup.height / 2 / this._core.store.state.scale;
-                    const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
-                    const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
-                    this.initialSelectionGroupRotation = selectionGroup.rotation;
-                    this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - selectionGroup.rotation;
-                    this.unchangedObjects = selectionGroup.objects.map(obj => obj.clone());
-                    clearTimeout(this._core.store.state.longTouchTimeout);
+                if (selectionGroup?.isSelected && !this._core.store.state.isResizeHandleSelected && !this._core.store.state.isRotationHandleSelected && !this._core.store.state.isLineHandleSelected) {
+                    const clientX = event.clientX - this._core.store.offsetX;
+                    const clientY = event.clientY - this._core.store.offsetY;
+                    this._core.store.state.isDragging = true;
+                    this.dragStartX = clientX;
+                    this.dragStartY = clientY;
+                    this.startX = this.dragStartX;
+                    this.startY = this.dragStartY;
+                    this.trackedPointerId = event.pointerId;
+                }
+                else {
+                    this.trackedPointerId = null;
+                }
+            }
+            else {
+                this.trackedPointerId = null;
+            }
+        }
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            if (this._core.store.state.pointers.size === 1) {
+                if (this._core.store.state.isScaling) {
+                    this.trackedPointerId = null;
+                    return;
+                }
+                const selectionGroup = this._core.store.selectionGroup;
+                if (selectionGroup?.isSelected && !this._core.store.state.isResizeHandleSelected && !this._core.store.state.isRotationHandleSelected && !this._core.store.state.isLineHandleSelected) {
+                    const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
+                    const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
+                    this.dragStartX = x;
+                    this.dragStartY = y;
+                    this.startX = x;
+                    this.startY = y;
+                    this.trackedPointerId = event.pointerId;
+                }
+                else {
+                    this.trackedPointerId = null;
                 }
             }
         }
     }
     handlePointerMove(event) {
+        if (this.trackedPointerId === null || this.trackedPointerId !== event.pointerId) {
+            return;
+        }
         if (event.pointerType === 'mouse') {
             const selectionGroup = this._core.store.selectionGroup;
-            if (this._core.store.state.isRotating && selectionGroup) {
+            if (this._core.store.state.isDragging && selectionGroup) {
                 const clientX = event.clientX - this._core.store.offsetX;
                 const clientY = event.clientY - this._core.store.offsetY;
-                const groupCenterX = selectionGroup.translateX + selectionGroup.width / 2 / this._core.store.state.scale;
-                const groupCenterY = selectionGroup.translateY + selectionGroup.height / 2 / this._core.store.state.scale;
-                const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
-                const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
-                const currentRotation = Math.atan2(groupCenterY - cursorY, groupCenterX - cursorX);
-                this.rotation = currentRotation - this.initialRotation;
-                selectionGroup.rotate(this.rotation);
+                this.endX = clientX;
+                this.endY = clientY;
+                const moveDeltaX = Math.abs(clientX - this.startX);
+                const moveDeltaY = Math.abs(clientY - this.startY);
+                const moveThreshold = 5;
+                if (moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) {
+                    selectionGroup.move(clientX, clientY, this.dragStartX, this.dragStartY);
+                    this.dragStartX = clientX;
+                    this.dragStartY = clientY;
+                    this.hasMoved = true;
+                }
             }
         }
         if (event.pointerType === 'touch') {
             const activePointers = Array.from(this._core.store.state.pointers.values());
-            const firstTouch = activePointers[0];
-            if (!firstTouch) {
-                return;
-            }
             const selectionGroup = this._core.store.selectionGroup;
-            if (this._core.store.state.isRotating && selectionGroup) {
-                const clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);
-                const clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);
-                const groupCenterX = selectionGroup.translateX + selectionGroup.width / 2 / this._core.store.state.scale;
-                const groupCenterY = selectionGroup.translateY + selectionGroup.height / 2 / this._core.store.state.scale;
-                const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
-                const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
-                const currentRotation = Math.atan2(groupCenterY - cursorY, groupCenterX - cursorX);
-                this.rotation = currentRotation - this.initialRotation;
-                selectionGroup.rotate(this.rotation);
-                clearTimeout(this._core.store.state.longTouchTimeout);
+            if (this._core.store.state.pointers.size === 1 &&
+                selectionGroup &&
+                !this._core.store.state.isResizeHandleSelected &&
+                !this._core.store.state.isRotationHandleSelected &&
+                !this._core.store.state.isScaling) {
+                const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
+                const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
+                this._core.store.state.isDragging = true;
+                this.endX = x;
+                this.endY = y;
+                const moveDeltaX = Math.abs(x - this.startX);
+                const moveDeltaY = Math.abs(y - this.startY);
+                const moveThreshold = 5;
+                if (moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) {
+                    clearTimeout(this._core.store.state.longTouchTimeout);
+                    selectionGroup.move(x, y, this.dragStartX, this.dragStartY);
+                    this.dragStartX = x;
+                    this.dragStartY = y;
+                    this.hasMoved = true;
+                }
             }
         }
     }
     handlePointerUp(event) {
+        if (this.trackedPointerId === null || this.trackedPointerId !== event.pointerId) {
+            return;
+        }
         if (event.pointerType === 'mouse') {
-            if (this._core.store.state.isRotating) {
-                this._core.store.selectionGroup.update();
-                this._core.engine.emitObjectsChange();
-                this._core.store.state.isRotating = false;
-                this._core.store.state.hasObjectsChanged = true;
-                this.reset();
+            if (this._core.store.state.isDragging) {
+                this._core.store.state.isDragging = false;
+                if (this.hasMoved) {
+                    this._core.store.selectionGroup.update();
+                    this._core.engine.emitObjectsChange();
+                    this._core.store.state.hasObjectsChanged = true;
+                }
             }
         }
         if (event.pointerType === 'touch') {
-            if (this._core.store.state.isRotating) {
-                this._core.store.selectionGroup.update();
-                this._core.engine.emitObjectsChange();
-                this._core.store.state.isRotating = false;
-                this._core.store.state.hasObjectsChanged = true;
-                this.reset();
-                clearTimeout(this._core.store.state.longTouchTimeout);
+            if (this._core.store.state.isDragging) {
+                this._core.store.state.isDragging = false;
+                if (this.hasMoved) {
+                    this._core.store.selectionGroup.update();
+                    this._core.engine.emitObjectsChange();
+                    this._core.store.state.hasObjectsChanged = true;
+                }
             }
         }
+        this.reset();
     }
 }
 
-class KritzelSelectionBox extends KritzelBaseObject {
-    __class__ = 'KritzelSelectionBox';
-    static create(core) {
-        const object = new KritzelSelectionBox();
-        object._core = core;
-        object.id = object.generateId();
-        object.workspaceId = core.store.state.activeWorkspace.id;
-        object.scale = core.store.state.scale;
-        object.zIndex = 99999;
-        object.backgroundColor = 'var(--kritzel-selection-box-background-color, rgba(0, 122, 255, 0.2))';
-        object.borderColor = 'var(--kritzel-selection-box-border-color, rgba(0, 122, 255, 0.5))';
-        object.borderWidth = 2;
-        object.height = 0;
-        object.width = 0;
-        return object;
-    }
-}
+var KritzelHandleType;
+(function (KritzelHandleType) {
+    KritzelHandleType["TopLeft"] = "top-left";
+    KritzelHandleType["TopRight"] = "top-right";
+    KritzelHandleType["BottomLeft"] = "bottom-left";
+    KritzelHandleType["BottomRight"] = "bottom-right";
+})(KritzelHandleType || (KritzelHandleType = {}));
 
-class KritzelSelectionGroup extends KritzelBaseObject {
-    __class__ = 'KritzelSelectionGroup';
-    // Store only object IDs instead of full objects
-    objectIds = [];
-    // Store snapshots of object state for transformations (rotation, resize)
-    unchangedObjectSnapshots = new Map();
-    snapshotRotation = 0;
-    minX;
-    maxX;
-    minY;
-    maxY;
-    // Getter to retrieve actual objects from the store by their IDs
-    get objects() {
-        return this.objectIds
-            .map(id => {
-            const found = this._core.store.state.objects.filter(obj => obj.id === id);
-            return found.length > 0 ? found[0] : null;
-        })
-            .filter(obj => obj !== null);
-    }
-    get length() {
-        return this.objectIds.length;
+class KritzelResizeHandler extends KritzelBaseHandler {
+    initialMouseX = 0;
+    initialMouseY = 0;
+    initialSize = { x: 0, y: 0, width: 0, height: 0 };
+    newSize = { x: 0, y: 0, width: 0, height: 0 };
+    hasResized = false;
+    constructor(core) {
+        super(core);
     }
-    static create(core) {
-        const object = new KritzelSelectionGroup();
-        object._core = core;
-        object.id = object.generateId();
-        object.workspaceId = core.store.state.activeWorkspace.id;
-        object.scale = core.store.state.scale;
-        object.zIndex = 99999;
-        return object;
+    reset() {
+        this.initialMouseX = 0;
+        this.initialMouseY = 0;
+        this.initialSize = { x: 0, y: 0, width: 0, height: 0 };
+        this.newSize = { x: 0, y: 0, width: 0, height: 0 };
+        this.hasResized = false;
     }
-    addOrRemove(object) {
-        const index = this.objectIds.findIndex(id => id === object.id);
-        if (index === -1) {
-            this.objectIds.push(object.id);
+    handlePointerDown(event) {
+        if (event.pointerType === 'mouse') {
+            if (KritzelEventHelper.isLeftClick(event)) {
+                const selectionGroup = this._core.store.selectionGroup;
+                if (selectionGroup && this._core.store.state.isResizeHandleSelected) {
+                    const clientX = event.clientX - this._core.store.offsetX;
+                    const clientY = event.clientY - this._core.store.offsetY;
+                    this._core.store.state.isResizing = true;
+                    this.initialMouseX = clientX;
+                    this.initialMouseY = clientY;
+                    this.initialSize.width = selectionGroup.width;
+                    this.initialSize.height = selectionGroup.height;
+                    this.initialSize.x = selectionGroup.translateX;
+                    this.initialSize.y = selectionGroup.translateY;
+                }
+            }
         }
-        else {
-            this.objectIds.splice(index, 1);
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            const firstTouch = activePointers[0];
+            if (!firstTouch) {
+                return;
+            }
+            if (activePointers.length === 1) {
+                const selectionGroup = this._core.store.selectionGroup;
+                if (selectionGroup && this._core.store.state.isResizeHandleSelected) {
+                    const clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);
+                    const clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);
+                    this._core.store.state.isResizing = true;
+                    this.initialMouseX = clientX;
+                    this.initialMouseY = clientY;
+                    this.initialSize.width = selectionGroup.width;
+                    this.initialSize.height = selectionGroup.height;
+                    this.initialSize.x = selectionGroup.translateX;
+                    this.initialSize.y = selectionGroup.translateY;
+                    clearTimeout(this._core.store.state.longTouchTimeout);
+                }
+            }
         }
-        this.captureUnchangedSnapshots();
-        this.refreshObjectDimensions();
     }
-    deselectAllChildren() {
-        this.objects.forEach(obj => (obj.isSelected = false));
-    }
-    updateWorkspaceId(workspaceId) {
-        this.workspaceId = workspaceId;
-        this.objects.forEach(obj => (obj.workspaceId = workspaceId));
-    }
-    updateZIndices(startZIndex) {
-        this.objects.forEach((obj, i) => {
-            obj.zIndex = startZIndex + i;
-        });
-    }
-    updatePosition(x, y) {
-        this.objects.forEach(obj => {
-            const deltaX = obj.translateX - this.translateX;
-            const deltaY = obj.translateY - this.translateY;
-            obj.updatePosition(x + deltaX, y + deltaY);
-        });
-        // Update snapshots
-        this.unchangedObjectSnapshots.forEach(snapshot => {
-            const deltaX = snapshot.translateX - this.translateX;
-            const deltaY = snapshot.translateY - this.translateY;
-            snapshot.translateX = x + deltaX;
-            snapshot.translateY = x + deltaY;
-        });
-        this.translateX = x;
-        this.translateY = y;
-        this._core.store.state.objects.update(this);
-    }
-    /**
-     * Capture snapshots of current object states for undo/redo operations
-     */
-    captureUnchangedSnapshots() {
-        this.unchangedObjectSnapshots.clear();
-        this.snapshotRotation = this.rotation;
-        this.objects.forEach(obj => {
-            this.unchangedObjectSnapshots.set(obj.id, {
-                id: obj.id,
-                translateX: obj.translateX,
-                translateY: obj.translateY,
-                rotation: obj.rotation,
-                width: obj.width,
-                height: obj.height,
-                totalWidth: obj.totalWidth,
-                totalHeight: obj.totalHeight,
-                scale: obj.scale,
-            });
-        });
-    }
-    serialize() {
-        const { _core, _elementRef, element, totalWidth, totalHeight, unchangedObjectSnapshots, ...remainingProps } = this;
-        const clonedProps = structuredClone(remainingProps);
-        if (element && typeof element === 'object' && 'nodeType' in element && element.nodeType === 1) {
-            clonedProps.element = element.cloneNode(true);
+    handlePointerMove(event) {
+        if (event.pointerType === 'mouse') {
+            const selectionGroup = this._core.store.selectionGroup;
+            if (this._core.store.state.isResizing && selectionGroup) {
+                const clientX = event.clientX - this._core.store.offsetX;
+                const clientY = event.clientY - this._core.store.offsetY;
+                const dx = clientX - this.initialMouseX;
+                const dy = clientY - this.initialMouseY;
+                const resizeDeltaX = Math.abs(dx);
+                const resizeDeltaY = Math.abs(dy);
+                const resizeThreshold = 5;
+                if (resizeDeltaX > resizeThreshold || resizeDeltaY > resizeThreshold) {
+                    this.hasResized = true;
+                }
+                if (!this.hasResized) {
+                    return;
+                }
+                const rotation = selectionGroup.rotation;
+                const sin = Math.sin(rotation);
+                const cos = Math.cos(rotation);
+                const objectScale = selectionGroup.scale || 1;
+                const currentScale = this._core.store.state.scale;
+                // Calculate delta in local unrotated space
+                // We rotate the screen delta by -rotation to align with the object's axes
+                const localDx = (dx * cos + dy * sin) / currentScale;
+                const localDy = (-dx * sin + dy * cos) / currentScale;
+                // Calculate the center of the selection group before resize
+                const initialCenterX = this.initialSize.x + this.initialSize.width / objectScale / 2;
+                const initialCenterY = this.initialSize.y + this.initialSize.height / objectScale / 2;
+                // The center moves by half of the screen delta (scaled)
+                // This is true regardless of rotation because the resize happens symmetrically around the center
+                // relative to the fixed point logic
+                const newCenterX = initialCenterX + dx / currentScale / 2;
+                const newCenterY = initialCenterY + dy / currentScale / 2;
+                switch (this._core.store.state.resizeHandleType) {
+                    case KritzelHandleType.TopLeft:
+                        this.newSize.width = this.initialSize.width - localDx * objectScale;
+                        this.newSize.height = this.initialSize.height - localDy * objectScale;
+                        break;
+                    case KritzelHandleType.TopRight:
+                        this.newSize.width = this.initialSize.width + localDx * objectScale;
+                        this.newSize.height = this.initialSize.height - localDy * objectScale;
+                        break;
+                    case KritzelHandleType.BottomLeft:
+                        this.newSize.width = this.initialSize.width - localDx * objectScale;
+                        this.newSize.height = this.initialSize.height + localDy * objectScale;
+                        break;
+                    case KritzelHandleType.BottomRight:
+                        this.newSize.width = this.initialSize.width + localDx * objectScale;
+                        this.newSize.height = this.initialSize.height + localDy * objectScale;
+                        break;
+                }
+                this.newSize.x = newCenterX - this.newSize.width / objectScale / 2;
+                this.newSize.y = newCenterY - this.newSize.height / objectScale / 2;
+                selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);
+            }
         }
-        // Convert Map to plain object for serialization
-        clonedProps.unchangedObjectSnapshots = Object.fromEntries(this.unchangedObjectSnapshots);
-        return clonedProps;
-    }
-    deserialize(object) {
-        // First, deserialize all base properties using parent's deserialize
-        super.deserialize(object);
-        // Restore the Map from serialized object
-        if (object.unchangedObjectSnapshots) {
-            this.unchangedObjectSnapshots = new Map(Object.entries(object.unchangedObjectSnapshots));
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            const oneFingerTouch = activePointers[0];
+            if (!oneFingerTouch) {
+                return;
+            }
+            const selectionGroup = this._core.store.selectionGroup;
+            if (this._core.store.state.isResizing && selectionGroup) {
+                const clientX = Math.round(oneFingerTouch.clientX - this._core.store.offsetX);
+                const clientY = Math.round(oneFingerTouch.clientY - this._core.store.offsetY);
+                const dx = clientX - this.initialMouseX;
+                const dy = clientY - this.initialMouseY;
+                const resizeDeltaX = Math.abs(dx);
+                const resizeDeltaY = Math.abs(dy);
+                const resizeThreshold = 5;
+                if (resizeDeltaX > resizeThreshold || resizeDeltaY > resizeThreshold) {
+                    clearTimeout(this._core.store.state.longTouchTimeout);
+                    this.hasResized = true;
+                }
+                if (!this.hasResized) {
+                    return;
+                }
+                const rotation = selectionGroup.rotation;
+                const sin = Math.sin(rotation);
+                const cos = Math.cos(rotation);
+                const objectScale = selectionGroup.scale || 1;
+                const currentScale = this._core.store.state.scale;
+                // Calculate delta in local unrotated space
+                // We rotate the screen delta by -rotation to align with the object's axes
+                const localDx = (dx * cos + dy * sin) / currentScale;
+                const localDy = (-dx * sin + dy * cos) / currentScale;
+                // Calculate the center of the selection group before resize
+                const initialCenterX = this.initialSize.x + this.initialSize.width / objectScale / 2;
+                const initialCenterY = this.initialSize.y + this.initialSize.height / objectScale / 2;
+                // The center moves by half of the screen delta (scaled)
+                // This is true regardless of rotation because the resize happens symmetrically around the center
+                // relative to the fixed point logic
+                const newCenterX = initialCenterX + dx / currentScale / 2;
+                const newCenterY = initialCenterY + dy / currentScale / 2;
+                switch (this._core.store.state.resizeHandleType) {
+                    case KritzelHandleType.TopLeft:
+                        this.newSize.width = this.initialSize.width - localDx * objectScale;
+                        this.newSize.height = this.initialSize.height - localDy * objectScale;
+                        break;
+                    case KritzelHandleType.TopRight:
+                        this.newSize.width = this.initialSize.width + localDx * objectScale;
+                        this.newSize.height = this.initialSize.height - localDy * objectScale;
+                        break;
+                    case KritzelHandleType.BottomLeft:
+                        this.newSize.width = this.initialSize.width - localDx * objectScale;
+                        this.newSize.height = this.initialSize.height + localDy * objectScale;
+                        break;
+                    case KritzelHandleType.BottomRight:
+                        this.newSize.width = this.initialSize.width + localDx * objectScale;
+                        this.newSize.height = this.initialSize.height + localDy * objectScale;
+                        break;
+                }
+                this.newSize.x = newCenterX - this.newSize.width / objectScale / 2;
+                this.newSize.y = newCenterY - this.newSize.height / objectScale / 2;
+                selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);
+            }
         }
-        return this;
-    }
-    update() {
-        // Only update the selection group itself
-        // Child objects are already updated during move/resize/rotate operations
-        // Updating them again here would create redundant y.js updates
-        this._core.store.state.objects.update(this);
     }
-    move(startX, startY, endX, endY) {
-        const deltaX = (startX - endX) / this._core.store.state.scale;
-        const deltaY = (startY - endY) / this._core.store.state.scale;
-        this.translateX += deltaX;
-        this.translateY += deltaY;
-        this._core.store.state.objects.transaction(() => {
-            this._core.store.state.objects.update(this);
-            this.objects.forEach(obj => {
-                obj.move(startX, startY, endX, endY);
-            });
-        });
-        // Update snapshots
-        this.unchangedObjectSnapshots.forEach(snapshot => {
-            snapshot.translateX += deltaX;
-            snapshot.translateY += deltaY;
-        });
+    handlePointerUp(event) {
+        if (event.pointerType === 'mouse') {
+            if (this._core.store.state.isResizing) {
+                this._core.store.state.isResizing = false;
+                if (this.hasResized) {
+                    this._core.store.selectionGroup.update();
+                    this._core.engine.emitObjectsChange();
+                    this._core.store.state.hasObjectsChanged = true;
+                }
+                this.reset();
+            }
+        }
+        if (event.pointerType === 'touch') {
+            if (this._core.store.state.isResizing) {
+                this._core.store.state.isResizing = false;
+                if (this.hasResized) {
+                    this._core.store.selectionGroup.update();
+                    this._core.engine.emitObjectsChange();
+                    this._core.store.state.hasObjectsChanged = true;
+                }
+                this.reset();
+                clearTimeout(this._core.store.state.longTouchTimeout);
+            }
+        }
     }
-    resize(x, y, width, height) {
-        const widthScaleFactor = width / this.width;
-        const heightScaleFactor = height / this.height;
-        // Calculate old center
-        const oldCenterX = this.translateX + this.totalWidth / 2 / this.scale;
-        const oldCenterY = this.translateY + this.totalHeight / 2 / this.scale;
-        // Calculate new center
-        const newTotalWidth = width + this.padding * 2;
-        const newTotalHeight = height + this.padding * 2;
-        const newCenterX = x + newTotalWidth / 2 / this.scale;
-        const newCenterY = y + newTotalHeight / 2 / this.scale;
-        const rotation = this.rotation;
-        const cos = Math.cos(-rotation);
-        const sin = Math.sin(-rotation);
-        const cosR = Math.cos(rotation);
-        const sinR = Math.sin(rotation);
-        this._core.store.state.objects.transaction(() => {
-            this.objects.forEach(child => {
-                // Calculate child center
-                const childCenterX = child.translateX + child.totalWidth / 2 / child.scale;
-                const childCenterY = child.translateY + child.totalHeight / 2 / child.scale;
-                // Vector from old group center to child center
-                const dx = childCenterX - oldCenterX;
-                const dy = childCenterY - oldCenterY;
-                // Rotate to local space (align with group axes)
-                const localX = dx * cos - dy * sin;
-                const localY = dx * sin + dy * cos;
-                // Scale in local space
-                const scaledLocalX = localX * widthScaleFactor;
-                const scaledLocalY = localY * heightScaleFactor;
-                // Rotate back to world space
-                const rotatedX = scaledLocalX * cosR - scaledLocalY * sinR;
-                const rotatedY = scaledLocalX * sinR + scaledLocalY * cosR;
-                // New child center
-                const newChildCenterX = newCenterX + rotatedX;
-                const newChildCenterY = newCenterY + rotatedY;
-                // New child top-left
-                // Calculate relative rotation
-                const relativeRotation = child.rotation - rotation;
-                const cosRel = Math.cos(relativeRotation);
-                const sinRel = Math.sin(relativeRotation);
-                // Project the group's scale factors onto the child's local axes
-                // We use absolute values because scaling is magnitude-based
-                // If the child is aligned (0 deg), cos=1, sin=0 -> scales match
-                // If the child is 90 deg, cos=0, sin=1 -> scales swap
-                const newChildWidthScale = Math.sqrt(Math.pow(widthScaleFactor * cosRel, 2) + Math.pow(heightScaleFactor * sinRel, 2));
-                const newChildHeightScale = Math.sqrt(Math.pow(widthScaleFactor * sinRel, 2) + Math.pow(heightScaleFactor * cosRel, 2));
-                const updatedWidth = child.width * newChildWidthScale;
-                const updatedHeight = child.height * newChildHeightScale;
-                const updatedTotalWidth = updatedWidth + child.padding * 2;
-                const updatedTotalHeight = updatedHeight + child.padding * 2;
-                const updatedX = newChildCenterX - updatedTotalWidth / 2 / child.scale;
-                const updatedY = newChildCenterY - updatedTotalHeight / 2 / child.scale;
-                child.resize(updatedX, updatedY, updatedWidth, updatedHeight);
-            });
-            // Refresh dimensions and update the SelectionGroup to propagate changes to other tabs
-            this.refreshObjectDimensions();
-            this.captureUnchangedSnapshots();
-            this._core.store.state.objects.update(this);
-        });
+}
+
+class KritzelRotationHandler extends KritzelBaseHandler {
+    initialRotation = 0;
+    rotation = 0;
+    unchangedObjects = [];
+    initialSelectionGroupRotation = 0;
+    constructor(core) {
+        super(core);
     }
-    rotate(value) {
-        this.rotation = value;
-        const centerX = this.translateX + this.totalWidth / 2 / this.scale;
-        const centerY = this.translateY + this.totalHeight / 2 / this.scale;
-        const angle = value - this.snapshotRotation;
-        const cos = Math.cos(angle);
-        const sin = Math.sin(angle);
-        this._core.store.state.objects.transaction(() => {
-            // Update the SelectionGroup itself to propagate rotation to other tabs
-            this._core.store.state.objects.update(this);
-            this.objects.forEach(child => {
-                const unchangedSnapshot = this.unchangedObjectSnapshots.get(child.id);
-                if (!unchangedSnapshot)
-                    return;
-                const offsetX = this.getOffsetXToCenterFromSnapshot(unchangedSnapshot);
-                const offsetY = this.getOffsetYToCenterFromSnapshot(unchangedSnapshot);
-                const rotatedX = cos * offsetX - sin * offsetY;
-                const rotatedY = sin * offsetX + cos * offsetY;
-                child.translateX = centerX + rotatedX - child.totalWidth / 2 / child.scale;
-                child.translateY = centerY + rotatedY - child.totalHeight / 2 / child.scale;
-                child.rotate(this.objects.length === 1 ? value : unchangedSnapshot.rotation + angle);
-            });
-        });
+    reset() {
+        this.initialRotation = 0;
+        this.rotation = 0;
+        this.unchangedObjects = [];
     }
-    copy() {
-        const selectionGroup = KritzelSelectionGroup.create(this._core);
-        this.objects
-            .sort((a, b) => a.zIndex - b.zIndex)
-            .forEach(obj => {
-            const copiedObject = obj.copy();
-            selectionGroup.addOrRemove(copiedObject);
-        });
-        selectionGroup.captureUnchangedSnapshots();
-        if (this.objects.length === 1) {
-            selectionGroup.rotation = this.objects[0].rotation;
+    handlePointerDown(event) {
+        if (event.pointerType === 'mouse') {
+            if (KritzelEventHelper.isLeftClick(event)) {
+                const selectionGroup = this._core.store.selectionGroup;
+                if (selectionGroup && this._core.store.state.isRotationHandleSelected) {
+                    const clientX = event.clientX - this._core.store.offsetX;
+                    const clientY = event.clientY - this._core.store.offsetY;
+                    this._core.store.state.isRotating = true;
+                    const objectScale = selectionGroup.scale || 1;
+                    const centerX = selectionGroup.translateX + selectionGroup.width / 2 / objectScale;
+                    const centerY = selectionGroup.translateY + selectionGroup.height / 2 / objectScale;
+                    const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
+                    const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
+                    this.initialSelectionGroupRotation = selectionGroup.rotation;
+                    this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - selectionGroup.rotation;
+                    this.unchangedObjects = selectionGroup.objects.map(obj => obj.clone());
+                }
+            }
+        }
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            const firstTouch = activePointers[0];
+            if (!firstTouch) {
+                return;
+            }
+            if (activePointers.length === 1) {
+                const selectionGroup = this._core.store.selectionGroup;
+                if (selectionGroup && this._core.store.state.isRotationHandleSelected) {
+                    const clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);
+                    const clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);
+                    this._core.store.state.isRotating = true;
+                    const objectScale = selectionGroup.scale || 1;
+                    const centerX = selectionGroup.translateX + selectionGroup.width / 2 / objectScale;
+                    const centerY = selectionGroup.translateY + selectionGroup.height / 2 / objectScale;
+                    const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
+                    const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
+                    this.initialSelectionGroupRotation = selectionGroup.rotation;
+                    this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - selectionGroup.rotation;
+                    this.unchangedObjects = selectionGroup.objects.map(obj => obj.clone());
+                    clearTimeout(this._core.store.state.longTouchTimeout);
+                }
+            }
         }
-        return selectionGroup;
     }
-    refreshObjectDimensions() {
-        if (this.objects.length === 1) {
-            const obj = this.objects[0];
-            this.minX = obj.boundingBox.x / this.scale;
-            this.maxX = obj.boundingBox.x / this.scale + obj.boundingBox.width;
-            this.minY = obj.boundingBox.y / this.scale;
-            this.maxY = obj.boundingBox.y / this.scale + obj.boundingBox.height;
-            this.translateX = (this.minX - this.padding) * this.scale;
-            this.translateY = (this.minY - this.padding) * this.scale;
-            this.width = (this.maxX - this.minX - this.padding) * this.scale;
-            this.height = (this.maxY - this.minY - this.padding) * this.scale;
+    handlePointerMove(event) {
+        if (event.pointerType === 'mouse') {
+            const selectionGroup = this._core.store.selectionGroup;
+            if (this._core.store.state.isRotating && selectionGroup) {
+                const clientX = event.clientX - this._core.store.offsetX;
+                const clientY = event.clientY - this._core.store.offsetY;
+                const objectScale = selectionGroup.scale || 1;
+                const groupCenterX = selectionGroup.translateX + selectionGroup.width / 2 / objectScale;
+                const groupCenterY = selectionGroup.translateY + selectionGroup.height / 2 / objectScale;
+                const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
+                const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
+                const currentRotation = Math.atan2(groupCenterY - cursorY, groupCenterX - cursorX);
+                this.rotation = currentRotation - this.initialRotation;
+                selectionGroup.rotate(this.rotation);
+            }
         }
-        else {
-            const rotation = this.rotation;
-            const cos = Math.cos(-rotation);
-            const sin = Math.sin(-rotation);
-            let minX = Infinity;
-            let maxX = -Infinity;
-            let minY = Infinity;
-            let maxY = -Infinity;
-            this.objects.forEach(obj => {
-                const polygon = obj.rotatedPolygon;
-                const corners = [polygon.topLeft, polygon.topRight, polygon.bottomRight, polygon.bottomLeft];
-                corners.forEach(corner => {
-                    // Rotate corner into local space (aligned with group rotation)
-                    const rx = corner.x * cos - corner.y * sin;
-                    const ry = corner.x * sin + corner.y * cos;
-                    if (rx < minX)
-                        minX = rx;
-                    if (rx > maxX)
-                        maxX = rx;
-                    if (ry < minY)
-                        minY = ry;
-                    if (ry > maxY)
-                        maxY = ry;
-                });
-            });
-            // Dimensions in world units (unrotated)
-            const worldWidth = maxX - minX;
-            const worldHeight = maxY - minY;
-            this.width = (worldWidth - this.padding) * this.scale;
-            this.height = (worldHeight - this.padding) * this.scale;
-            // Center of the box in rotated space
-            const cRx = (minX + maxX) / 2;
-            const cRy = (minY + maxY) / 2;
-            // Rotate center back to world space
-            const cosR = Math.cos(rotation);
-            const sinR = Math.sin(rotation);
-            const cx = cRx * cosR - cRy * sinR;
-            const cy = cRx * sinR + cRy * cosR;
-            this.translateX = cx - (this.width / this.scale + 2 * this.padding) / 2;
-            this.translateY = cy - (this.height / this.scale + 2 * this.padding) / 2;
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            const firstTouch = activePointers[0];
+            if (!firstTouch) {
+                return;
+            }
+            const selectionGroup = this._core.store.selectionGroup;
+            if (this._core.store.state.isRotating && selectionGroup) {
+                const clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);
+                const clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);
+                const objectScale = selectionGroup.scale || 1;
+                const groupCenterX = selectionGroup.translateX + selectionGroup.width / 2 / objectScale;
+                const groupCenterY = selectionGroup.translateY + selectionGroup.height / 2 / objectScale;
+                const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
+                const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
+                const currentRotation = Math.atan2(groupCenterY - cursorY, groupCenterX - cursorX);
+                this.rotation = currentRotation - this.initialRotation;
+                selectionGroup.rotate(this.rotation);
+                clearTimeout(this._core.store.state.longTouchTimeout);
+            }
         }
-        this._core.store.state.objects.update(this);
     }
-    getOffsetXToCenterFromSnapshot(snapshot) {
-        const objCenterX = snapshot.translateX + snapshot.totalWidth / snapshot.scale / 2;
-        const groupCenterX = this.translateX + this.totalWidth / this.scale / 2;
-        return objCenterX - groupCenterX;
+    handlePointerUp(event) {
+        if (event.pointerType === 'mouse') {
+            if (this._core.store.state.isRotating) {
+                this._core.store.selectionGroup.update();
+                this._core.engine.emitObjectsChange();
+                this._core.store.state.isRotating = false;
+                this._core.store.state.hasObjectsChanged = true;
+                this.reset();
+            }
+        }
+        if (event.pointerType === 'touch') {
+            if (this._core.store.state.isRotating) {
+                this._core.store.selectionGroup.update();
+                this._core.engine.emitObjectsChange();
+                this._core.store.state.isRotating = false;
+                this._core.store.state.hasObjectsChanged = true;
+                this.reset();
+                clearTimeout(this._core.store.state.longTouchTimeout);
+            }
+        }
     }
-    getOffsetYToCenterFromSnapshot(snapshot) {
-        const objCenterY = snapshot.translateY + snapshot.totalHeight / snapshot.scale / 2;
-        const groupCenterY = this.translateY + this.totalHeight / this.scale / 2;
-        return objCenterY - groupCenterY;
+}
+
+class KritzelSelectionBox extends KritzelBaseObject {
+    __class__ = 'KritzelSelectionBox';
+    static create(core) {
+        const object = new KritzelSelectionBox();
+        object._core = core;
+        object.id = object.generateId();
+        object.workspaceId = core.store.state.activeWorkspace.id;
+        object.scale = core.store.state.scale;
+        object.zIndex = 99999;
+        object.backgroundColor = 'var(--kritzel-selection-box-background-color, rgba(0, 122, 255, 0.2))';
+        object.borderColor = 'var(--kritzel-selection-box-border-color, rgba(0, 122, 255, 0.5))';
+        object.borderWidth = 2;
+        object.height = 0;
+        object.width = 0;
+        return object;
     }
 }
 
@@ -15998,12 +16897,393 @@ class KritzelHoverHandler extends KritzelBaseHandler {
     }
 }
 
+class KritzelLineHandleHandler extends KritzelBaseHandler {
+    initialMouseX = 0;
+    initialMouseY = 0;
+    initialStartX = 0;
+    initialStartY = 0;
+    initialEndX = 0;
+    initialEndY = 0;
+    initialControlX;
+    initialControlY;
+    initialTranslateX = 0;
+    initialTranslateY = 0;
+    hasMoved = false;
+    /** Current snap target during drag, if any */
+    currentSnapTarget = null;
+    constructor(core) {
+        super(core);
+    }
+    reset() {
+        this.initialMouseX = 0;
+        this.initialMouseY = 0;
+        this.initialStartX = 0;
+        this.initialStartY = 0;
+        this.initialEndX = 0;
+        this.initialEndY = 0;
+        this.initialControlX = undefined;
+        this.initialControlY = undefined;
+        this.initialTranslateX = 0;
+        this.initialTranslateY = 0;
+        this.hasMoved = false;
+        this.currentSnapTarget = null;
+        this._core.anchorManager.clearSnapCandidate();
+    }
+    handlePointerDown(event) {
+        if (event.pointerType === 'mouse') {
+            if (KritzelEventHelper.isLeftClick(event)) {
+                this.startHandleDrag(event);
+            }
+        }
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            if (activePointers.length === 1) {
+                this.startHandleDrag(event);
+            }
+        }
+    }
+    startHandleDrag(event) {
+        const line = this.getSelectedLine();
+        if (!line || !this._core.store.state.isLineHandleSelected) {
+            return;
+        }
+        const clientX = event.clientX - this._core.store.offsetX;
+        const clientY = event.clientY - this._core.store.offsetY;
+        this._core.store.state.isLineHandleDragging = true;
+        this.initialMouseX = clientX;
+        this.initialMouseY = clientY;
+        // Store initial line state
+        this.initialStartX = line.startX;
+        this.initialStartY = line.startY;
+        this.initialEndX = line.endX;
+        this.initialEndY = line.endY;
+        this.initialControlX = line.controlX;
+        this.initialControlY = line.controlY;
+        this.initialTranslateX = line.translateX;
+        this.initialTranslateY = line.translateY;
+        // Remove existing anchor for this endpoint when starting to drag
+        const handleType = this._core.store.state.lineHandleType;
+        if (handleType === 'start' || handleType === 'end') {
+            this._core.anchorManager.removeAnchor(line.id, handleType);
+        }
+        clearTimeout(this._core.store.state.longTouchTimeout);
+    }
+    handlePointerMove(event) {
+        const line = this.getSelectedLine();
+        if (!line || !this._core.store.state.isLineHandleDragging) {
+            return;
+        }
+        const clientX = event.clientX - this._core.store.offsetX;
+        const clientY = event.clientY - this._core.store.offsetY;
+        const dx = clientX - this.initialMouseX;
+        const dy = clientY - this.initialMouseY;
+        const moveThreshold = 3;
+        if (Math.abs(dx) > moveThreshold || Math.abs(dy) > moveThreshold) {
+            this.hasMoved = true;
+        }
+        if (!this.hasMoved) {
+            return;
+        }
+        const viewportScale = this._core.store.state.scale;
+        const objectScale = line.scale || 1;
+        const rotation = line.rotation;
+        // Convert mouse delta to world coordinates
+        const worldDx = dx / viewportScale;
+        const worldDy = dy / viewportScale;
+        // Rotate the delta into the line's local coordinate system
+        const cos = Math.cos(-rotation);
+        const sin = Math.sin(-rotation);
+        const localDx = (worldDx * cos - worldDy * sin) * objectScale;
+        const localDy = (worldDx * sin + worldDy * cos) * objectScale;
+        const handleType = this._core.store.state.lineHandleType;
+        if (handleType === 'start') {
+            // Calculate world position directly from mouse position for snap detection
+            const worldX = (clientX - this._core.store.state.translateX) / viewportScale;
+            const worldY = (clientY - this._core.store.state.translateY) / viewportScale;
+            // Get other endpoint's anchor to prevent anchoring both to same object
+            const otherAnchorId = line.endAnchor?.objectId;
+            // Check for snap target
+            const snapTarget = this._core.anchorManager.findSnapTarget(worldX, worldY, line.id, otherAnchorId);
+            this.currentSnapTarget = snapTarget;
+            if (snapTarget) {
+                // Snap to target center - convert world coords to local
+                const localCoords = this.worldToLineLocal(line, snapTarget.centerX, snapTarget.centerY);
+                this.updateLineEndpoint(line, localCoords.x, localCoords.y, this.initialEndX, this.initialEndY);
+                // Get the other endpoint's world position for edge intersection calculation
+                const otherEndpointWorld = this.lineLocalToWorld(line, this.initialEndX, this.initialEndY);
+                // Calculate edge intersection point using AnchorManager to support curves
+                const targetObject = this._core.store.allNonSelectionObjects.find(obj => obj.id === snapTarget.objectId);
+                let edgeX;
+                let edgeY;
+                let t;
+                if (targetObject) {
+                    const clipInfo = this._core.anchorManager.computeAnchorClipInfo(line, 'start', targetObject);
+                    if (clipInfo) {
+                        edgeX = clipInfo.worldX;
+                        edgeY = clipInfo.worldY;
+                        t = clipInfo.t;
+                    }
+                }
+                // Calculate control point in world coordinates if it exists
+                let controlWorld = undefined;
+                if (line.controlX !== undefined && line.controlY !== undefined) {
+                    controlWorld = this.lineLocalToWorld(line, line.controlX, line.controlY);
+                }
+                // Update snap indicator
+                this._core.anchorManager.setSnapCandidate({
+                    objectId: snapTarget.objectId,
+                    endpoint: 'start',
+                    centerX: snapTarget.centerX,
+                    centerY: snapTarget.centerY,
+                    lineEndpointX: otherEndpointWorld.x,
+                    lineEndpointY: otherEndpointWorld.y,
+                    controlX: controlWorld?.x,
+                    controlY: controlWorld?.y,
+                    t,
+                    edgeX,
+                    edgeY,
+                    lineStroke: line.stroke,
+                    lineStrokeWidth: line.strokeWidth / line.scale,
+                    arrowOffset: line.hasStartArrow ? line.getArrowSize('start') / line.scale : undefined,
+                    arrowStyle: line.hasStartArrow ? line.arrows?.start?.style : undefined,
+                    arrowFill: line.hasStartArrow ? line.getArrowFill('start') : undefined,
+                });
+            }
+            else {
+                // No snap - use regular position
+                const newStartX = this.initialStartX + localDx;
+                const newStartY = this.initialStartY + localDy;
+                this.updateLineEndpoint(line, newStartX, newStartY, this.initialEndX, this.initialEndY);
+                // Clear snap indicator
+                this._core.anchorManager.clearSnapCandidate();
+            }
+        }
+        else if (handleType === 'end') {
+            // Calculate world position directly from mouse position for snap detection
+            const worldX = (clientX - this._core.store.state.translateX) / viewportScale;
+            const worldY = (clientY - this._core.store.state.translateY) / viewportScale;
+            // Get other endpoint's anchor to prevent anchoring both to same object
+            const otherAnchorId = line.startAnchor?.objectId;
+            // Check for snap target
+            const snapTarget = this._core.anchorManager.findSnapTarget(worldX, worldY, line.id, otherAnchorId);
+            this.currentSnapTarget = snapTarget;
+            if (snapTarget) {
+                // Snap to target center - convert world coords to local
+                const localCoords = this.worldToLineLocal(line, snapTarget.centerX, snapTarget.centerY);
+                this.updateLineEndpoint(line, this.initialStartX, this.initialStartY, localCoords.x, localCoords.y);
+                // Get the other endpoint's world position for edge intersection calculation
+                const otherEndpointWorld = this.lineLocalToWorld(line, this.initialStartX, this.initialStartY);
+                // Calculate edge intersection point using AnchorManager to support curves
+                const targetObject = this._core.store.allNonSelectionObjects.find(obj => obj.id === snapTarget.objectId);
+                let edgeX;
+                let edgeY;
+                let t;
+                if (targetObject) {
+                    const clipInfo = this._core.anchorManager.computeAnchorClipInfo(line, 'end', targetObject);
+                    if (clipInfo) {
+                        edgeX = clipInfo.worldX;
+                        edgeY = clipInfo.worldY;
+                        t = clipInfo.t;
+                    }
+                }
+                // Calculate control point in world coordinates if it exists
+                let controlWorld = undefined;
+                if (line.controlX !== undefined && line.controlY !== undefined) {
+                    controlWorld = this.lineLocalToWorld(line, line.controlX, line.controlY);
+                }
+                // Update snap indicator
+                this._core.anchorManager.setSnapCandidate({
+                    objectId: snapTarget.objectId,
+                    endpoint: 'end',
+                    centerX: snapTarget.centerX,
+                    centerY: snapTarget.centerY,
+                    lineEndpointX: otherEndpointWorld.x,
+                    lineEndpointY: otherEndpointWorld.y,
+                    controlX: controlWorld?.x,
+                    controlY: controlWorld?.y,
+                    t,
+                    edgeX,
+                    edgeY,
+                    lineStroke: line.stroke,
+                    lineStrokeWidth: line.strokeWidth / line.scale,
+                    arrowOffset: line.hasEndArrow ? line.getArrowSize('end') / line.scale : undefined,
+                    arrowStyle: line.hasEndArrow ? line.arrows?.end?.style : undefined,
+                    arrowFill: line.hasEndArrow ? line.getArrowFill('end') : undefined,
+                });
+            }
+            else {
+                // No snap - use regular position
+                const newEndX = this.initialEndX + localDx;
+                const newEndY = this.initialEndY + localDy;
+                this.updateLineEndpoint(line, this.initialStartX, this.initialStartY, newEndX, newEndY);
+                // Clear snap indicator
+                this._core.anchorManager.clearSnapCandidate();
+            }
+        }
+        else if (handleType === 'center') {
+            const startControlX = this.initialControlX ?? (this.initialStartX + this.initialEndX) / 2;
+            const startControlY = this.initialControlY ?? (this.initialStartY + this.initialEndY) / 2;
+            const newControlX = startControlX + localDx * 2;
+            const newControlY = startControlY + localDy * 2;
+            // Check distance to line segment for snapping back to straight
+            const x1 = line.startX;
+            const y1 = line.startY;
+            const x2 = line.endX;
+            const y2 = line.endY;
+            const A = newControlX - x1;
+            const B = newControlY - y1;
+            const C = x2 - x1;
+            const D = y2 - y1;
+            const dot = A * C + B * D;
+            const len_sq = C * C + D * D;
+            let param = -1;
+            if (len_sq !== 0) {
+                param = dot / len_sq;
+            }
+            let xx, yy;
+            if (param < 0) {
+                xx = x1;
+                yy = y1;
+            }
+            else if (param > 1) {
+                xx = x2;
+                yy = y2;
+            }
+            else {
+                xx = x1 + param * C;
+                yy = y1 + param * D;
+            }
+            const dx = newControlX - xx;
+            const dy = newControlY - yy;
+            const distance = Math.sqrt(dx * dx + dy * dy);
+            // Threshold for snapping back to straight line
+            const snapToStraightThreshold = 15;
+            if (distance < snapToStraightThreshold) {
+                line.updateControlPoint(undefined, undefined);
+            }
+            else {
+                line.updateControlPoint(newControlX, newControlY);
+            }
+        }
+        this._core.rerender();
+    }
+    /**
+     * Converts world coordinates to a line's local coordinate system.
+     */
+    worldToLineLocal(line, worldX, worldY) {
+        const dx = (worldX - line.translateX) * line.scale;
+        const dy = (worldY - line.translateY) * line.scale;
+        const cx = line.totalWidth / 2;
+        const cy = line.totalHeight / 2;
+        const cos = Math.cos(-line.rotation);
+        const sin = Math.sin(-line.rotation);
+        const rotatedX = (dx - cx) * cos - (dy - cy) * sin + cx;
+        const rotatedY = (dx - cx) * sin + (dy - cy) * cos + cy;
+        return {
+            x: rotatedX + line.x,
+            y: rotatedY + line.y,
+        };
+    }
+    /**
+     * Converts a line's local coordinate system to world coordinates.
+     */
+    lineLocalToWorld(line, localX, localY) {
+        const px = localX - line.x;
+        const py = localY - line.y;
+        const cx = line.totalWidth / 2;
+        const cy = line.totalHeight / 2;
+        const cos = Math.cos(line.rotation);
+        const sin = Math.sin(line.rotation);
+        const rotatedX = (px - cx) * cos - (py - cy) * sin + cx;
+        const rotatedY = (px - cx) * sin + (py - cy) * cos + cy;
+        return {
+            x: rotatedX / line.scale + line.translateX,
+            y: rotatedY / line.scale + line.translateY,
+        };
+    }
+    updateLineEndpoint(line, startX, startY, endX, endY) {
+        // Calculate new bounding box using the static method that accounts for curve extrema
+        const { minX, minY, maxX, maxY } = KritzelLine.calculateBoundingBox(startX, startY, endX, endY, line.controlX, line.controlY, line.strokeWidth);
+        const newWidth = maxX - minX;
+        const newHeight = maxY - minY;
+        // Calculate old bounding box
+        const { minX: oldMinX, minY: oldMinY, maxX: oldMaxX, maxY: oldMaxY, } = KritzelLine.calculateBoundingBox(this.initialStartX, this.initialStartY, this.initialEndX, this.initialEndY, this.initialControlX, this.initialControlY, line.strokeWidth);
+        const oldWidth = oldMaxX - oldMinX;
+        const oldHeight = oldMaxY - oldMinY;
+        // Calculate center shift in local space
+        const shiftX = minX - oldMinX;
+        const shiftY = minY - oldMinY;
+        const deltaCx = shiftX + (newWidth - oldWidth) / 2;
+        const deltaCy = shiftY + (newHeight - oldHeight) / 2;
+        // Convert the center shift to world coordinates
+        const rotation = line.rotation;
+        const cos = Math.cos(rotation);
+        const sin = Math.sin(rotation);
+        const scale = 1 / line.scale;
+        const rotatedDeltaCx = deltaCx * cos - deltaCy * sin;
+        const rotatedDeltaCy = deltaCx * sin + deltaCy * cos;
+        // Calculate new translate
+        const newTranslateX = this.initialTranslateX + scale * (oldWidth - newWidth) / 2 + scale * rotatedDeltaCx;
+        const newTranslateY = this.initialTranslateY + scale * (oldHeight - newHeight) / 2 + scale * rotatedDeltaCy;
+        // Update the line properties
+        line.startX = startX;
+        line.startY = startY;
+        line.endX = endX;
+        line.endY = endY;
+        line.x = minX;
+        line.y = minY;
+        line.width = newWidth;
+        line.height = newHeight;
+        // Adjust translateX/Y to compensate for the bounding box shift
+        line.translateX = newTranslateX;
+        line.translateY = newTranslateY;
+        // Clear cached adjusted points
+        line._adjustedPoints = null;
+        this._core.store.state.objects.update(line);
+    }
+    handlePointerUp(_event) {
+        if (this._core.store.state.isLineHandleDragging) {
+            const line = this.getSelectedLine();
+            const handleType = this._core.store.state.lineHandleType;
+            if (line && this.hasMoved) {
+                // If we were snapped to a target, create the anchor
+                if (this.currentSnapTarget && (handleType === 'start' || handleType === 'end')) {
+                    this._core.anchorManager.setAnchor(line.id, handleType, this.currentSnapTarget.objectId);
+                }
+                // Refresh the selection group dimensions after line endpoint change
+                const selectionGroup = this._core.store.selectionGroup;
+                if (selectionGroup) {
+                    selectionGroup.refreshObjectDimensions();
+                    selectionGroup.update();
+                    this._core.engine.emitObjectsChange();
+                    this._core.store.state.hasObjectsChanged = true;
+                }
+            }
+            this._core.store.state.isLineHandleDragging = false;
+            this.reset();
+            this._core.rerender();
+        }
+    }
+    getSelectedLine() {
+        const selectionGroup = this._core.store.selectionGroup;
+        if (!selectionGroup || selectionGroup.objects.length !== 1) {
+            return null;
+        }
+        const object = selectionGroup.objects[0];
+        if (object instanceof KritzelLine) {
+            return object;
+        }
+        return null;
+    }
+}
+
 class KritzelSelectionTool extends KritzelBaseTool {
     selectionHandler;
     moveHandler;
     hoverHandler;
     resizeHandler;
     rotationHandler;
+    lineHandleHandler;
     constructor(core) {
         super(core);
         this.selectionHandler = new KritzelSelectionHandler(this._core);
@@ -16011,6 +17291,7 @@ class KritzelSelectionTool extends KritzelBaseTool {
         this.hoverHandler = new KritzelHoverHandler(this._core);
         this.resizeHandler = new KritzelResizeHandler(this._core);
         this.rotationHandler = new KritzelRotationHandler(this._core);
+        this.lineHandleHandler = new KritzelLineHandleHandler(this._core);
     }
     handlePointerDown(event) {
         if (event.cancelable) {
@@ -16020,14 +17301,17 @@ class KritzelSelectionTool extends KritzelBaseTool {
             if (KritzelEventHelper.isLeftClick(event)) {
                 this._core.store.state.isResizeHandleSelected = this.isHandleSelected(event);
                 this._core.store.state.isRotationHandleSelected = this.isRotationHandleSelected(event);
+                this._core.store.state.isLineHandleSelected = this.isLineHandleSelected(event);
                 this._core.store.state.resizeHandleType = this.getHandleType(event);
+                this._core.store.state.lineHandleType = this.getLineHandleType(event);
                 const selectedObject = this.getSelectedObject(event);
                 const selectionGroup = this._core.store.selectionGroup;
                 const isDifferentObject = selectedObject && selectionGroup && selectedObject.id !== selectionGroup.id;
                 if ((selectedObject === null || isDifferentObject) &&
                     selectionGroup &&
                     !this._core.store.state.isResizeHandleSelected &&
-                    !this._core.store.state.isRotationHandleSelected) {
+                    !this._core.store.state.isRotationHandleSelected &&
+                    !this._core.store.state.isLineHandleSelected) {
                     this._core.removeSelectionGroup();
                     this._core.rerender();
                 }
@@ -16035,6 +17319,7 @@ class KritzelSelectionTool extends KritzelBaseTool {
                     return;
                 }
             }
+            this.lineHandleHandler.handlePointerDown(event);
             this.moveHandler.handlePointerDown(event);
             this.selectionHandler.handlePointerDown(event);
             this.resizeHandler.handlePointerDown(event);
@@ -16048,7 +17333,9 @@ class KritzelSelectionTool extends KritzelBaseTool {
             if (this._core.store.state.pointers.size === 1) {
                 this._core.store.state.isResizeHandleSelected = this.isHandleSelected(event);
                 this._core.store.state.isRotationHandleSelected = this.isRotationHandleSelected(event);
+                this._core.store.state.isLineHandleSelected = this.isLineHandleSelected(event);
                 this._core.store.state.resizeHandleType = this.getHandleType(event);
+                this._core.store.state.lineHandleType = this.getLineHandleType(event);
                 const selectedObject = this.getSelectedObject(event);
                 const selectionGroup = this._core.store.selectionGroup;
                 const isDifferentObject = selectedObject && selectionGroup && selectedObject.id !== selectionGroup.id;
@@ -16058,11 +17345,13 @@ class KritzelSelectionTool extends KritzelBaseTool {
                 if ((selectedObject === null || isDifferentObject) &&
                     selectionGroup &&
                     !this._core.store.state.isResizeHandleSelected &&
-                    !this._core.store.state.isRotationHandleSelected) {
+                    !this._core.store.state.isRotationHandleSelected &&
+                    !this._core.store.state.isLineHandleSelected) {
                     this._core.removeSelectionGroup();
                     this._core.rerender();
                 }
             }
+            this.lineHandleHandler.handlePointerDown(event);
             this.rotationHandler.handlePointerDown(event);
             this.resizeHandler.handlePointerDown(event);
             this.moveHandler.handlePointerDown(event);
@@ -16075,6 +17364,7 @@ class KritzelSelectionTool extends KritzelBaseTool {
             event.preventDefault();
         }
         if (event.pointerType === 'mouse') {
+            this.lineHandleHandler.handlePointerMove(event);
             this.moveHandler.handlePointerMove(event);
             this.hoverHandler.handlePointerMove(event);
             this.selectionHandler.handlePointerMove(event);
@@ -16086,6 +17376,7 @@ class KritzelSelectionTool extends KritzelBaseTool {
             if (this._core.store.state.isScaling === true) {
                 return;
             }
+            this.lineHandleHandler.handlePointerMove(event);
             this.rotationHandler.handlePointerMove(event);
             this.resizeHandler.handlePointerMove(event);
             this.moveHandler.handlePointerMove(event);
@@ -16098,6 +17389,7 @@ class KritzelSelectionTool extends KritzelBaseTool {
             event.preventDefault();
         }
         if (event.pointerType === 'mouse') {
+            this.lineHandleHandler.handlePointerUp(event);
             this.moveHandler.handlePointerUp(event);
             this.resizeHandler.handlePointerUp(event);
             this.rotationHandler.handlePointerUp(event);
@@ -16108,6 +17400,7 @@ class KritzelSelectionTool extends KritzelBaseTool {
             if (this._core.store.state.isScaling === true) {
                 return;
             }
+            this.lineHandleHandler.handlePointerUp(event);
             this.rotationHandler.handlePointerUp(event);
             this.resizeHandler.handlePointerUp(event);
             this.moveHandler.handlePointerUp(event);
@@ -16137,20 +17430,38 @@ class KritzelSelectionTool extends KritzelBaseTool {
         const shadowRoot = this._core.store.state.host?.shadowRoot;
         if (!shadowRoot)
             return;
-        const elementAtPoint = shadowRoot.elementFromPoint(event.clientX, event.clientY);
-        const handle = elementAtPoint?.closest('.resize-handle-overlay');
+        const elementsAtPoint = shadowRoot.elementsFromPoint(event.clientX, event.clientY);
+        const handle = elementsAtPoint.find(el => el.classList.contains('resize-handle-overlay'));
         return handle?.classList[1];
     }
     isHandleSelected(event) {
         const shadowRoot = this._core.store.state.host?.shadowRoot;
         if (!shadowRoot)
             return false;
-        const elementAtPoint = shadowRoot.elementFromPoint(event.clientX, event.clientY);
-        return !!elementAtPoint?.classList.contains('resize-handle-overlay');
+        const elementsAtPoint = shadowRoot.elementsFromPoint(event.clientX, event.clientY);
+        return elementsAtPoint.some(el => el.classList.contains('resize-handle-overlay'));
+    }
+    isRotationHandleSelected(event) {
+        const shadowRoot = this._core.store.state.host?.shadowRoot;
+        if (!shadowRoot)
+            return false;
+        const elementsAtPoint = shadowRoot.elementsFromPoint(event.clientX, event.clientY);
+        return elementsAtPoint.some(el => el.classList.contains('rotation-handle-overlay'));
+    }
+    isLineHandleSelected(event) {
+        const shadowRoot = this._core.store.state.host?.shadowRoot;
+        if (!shadowRoot)
+            return false;
+        const elementsAtPoint = shadowRoot.elementsFromPoint(event.clientX, event.clientY);
+        return elementsAtPoint.some(el => el.classList.contains('selection-line-handle-overlay'));
     }
-    isRotationHandleSelected(event) {
-        const path = event.composedPath();
-        return !!path.find(element => element.classList && element.classList.contains('rotation-handle-overlay'));
+    getLineHandleType(event) {
+        const shadowRoot = this._core.store.state.host?.shadowRoot;
+        if (!shadowRoot)
+            return;
+        const elementsAtPoint = shadowRoot.elementsFromPoint(event.clientX, event.clientY);
+        const handle = elementsAtPoint.find(el => el.classList.contains('selection-line-handle-overlay'));
+        return handle?.classList[1];
     }
 }
 
@@ -31199,6 +32510,881 @@ class KritzelAppStateMap {
     }
 }
 
+class KritzelClassHelper {
+    static isInstanceOf(object, className) {
+        return !!object && object.__class__ === className;
+    }
+}
+
+/**
+ * Manages anchor connections between line endpoints and other objects.
+ * Maintains a runtime index for efficient reverse lookups and handles
+ * snap detection during line endpoint dragging.
+ */
+class KritzelAnchorManager {
+    _core;
+    /**
+     * Runtime index mapping objectId to the lines anchored to it.
+     * This is derived from the anchor properties on lines and rebuilt as needed.
+     */
+    _anchorIndex = new Map();
+    constructor(core) {
+        this._core = core;
+    }
+    // ============================================
+    // Anchor CRUD Operations
+    // ============================================
+    /**
+     * Sets an anchor from a line endpoint to a target object's center.
+     * Updates both the line's anchor property and the internal index.
+     */
+    setAnchor(lineId, endpoint, targetObjectId) {
+        const line = this.getLineById(lineId);
+        if (!line) {
+            return;
+        }
+        // Prevent anchoring both endpoints to the same object
+        if (endpoint === 'start' && line.endAnchor?.objectId === targetObjectId) {
+            return;
+        }
+        if (endpoint === 'end' && line.startAnchor?.objectId === targetObjectId) {
+            return;
+        }
+        // Remove existing anchor if any
+        this.removeAnchor(lineId, endpoint);
+        // Set the anchor on the line
+        const anchor = { objectId: targetObjectId };
+        if (endpoint === 'start') {
+            line.startAnchor = anchor;
+        }
+        else {
+            line.endAnchor = anchor;
+        }
+        // Update the index
+        this.addToIndex(targetObjectId, lineId, endpoint);
+        // Snap the endpoint to the target's center
+        this.snapEndpointToObject(line, endpoint, targetObjectId);
+        // Persist the change
+        this._core.store.state.objects.update(line);
+    }
+    /**
+     * Removes an anchor from a line endpoint.
+     * Updates both the line's anchor property and the internal index.
+     */
+    removeAnchor(lineId, endpoint) {
+        const line = this.getLineById(lineId);
+        if (!line) {
+            return;
+        }
+        const anchor = endpoint === 'start' ? line.startAnchor : line.endAnchor;
+        if (!anchor) {
+            return;
+        }
+        // Remove from index
+        this.removeFromIndex(anchor.objectId, lineId, endpoint);
+        // Clear the anchor on the line
+        if (endpoint === 'start') {
+            line.startAnchor = undefined;
+        }
+        else {
+            line.endAnchor = undefined;
+        }
+    }
+    /**
+     * Gets the anchor for a specific line endpoint.
+     */
+    getAnchor(lineId, endpoint) {
+        const line = this.getLineById(lineId);
+        if (!line) {
+            return null;
+        }
+        const anchor = endpoint === 'start' ? line.startAnchor : line.endAnchor;
+        return anchor ?? null;
+    }
+    // ============================================
+    // Query Operations
+    // ============================================
+    /**
+     * Gets all lines that have an endpoint anchored to the specified object.
+     */
+    getLinesAnchoredTo(objectId) {
+        const entries = this._anchorIndex.get(objectId);
+        return entries ? Array.from(entries) : [];
+    }
+    // ============================================
+    // Position Updates
+    // ============================================
+    /**
+     * Updates all line endpoints that are anchored to the specified object.
+     * Should be called when an object moves.
+     */
+    updateAnchorsForObject(objectId) {
+        const entries = this.getLinesAnchoredTo(objectId);
+        if (entries.length === 0) {
+            return;
+        }
+        const targetObject = this.getObjectById(objectId);
+        if (!targetObject) {
+            return;
+        }
+        for (const entry of entries) {
+            const line = this.getLineById(entry.lineId);
+            if (!line) {
+                continue;
+            }
+            this.snapEndpointToObject(line, entry.endpoint, objectId);
+        }
+    }
+    /**
+     * Snaps a line endpoint to an object's center.
+     */
+    snapEndpointToObject(line, endpoint, targetObjectId) {
+        const targetObject = this.getObjectById(targetObjectId);
+        if (!targetObject) {
+            return;
+        }
+        // Get target center in world coordinates
+        const targetCenterX = targetObject.centerX;
+        const targetCenterY = targetObject.centerY;
+        // Convert world coordinates to line's local coordinate system
+        const localCoords = this.worldToLineLocal(line, targetCenterX, targetCenterY);
+        // Update the endpoint
+        line.updateEndpoint(endpoint, localCoords.x, localCoords.y);
+    }
+    /**
+     * Converts world coordinates to a line's local coordinate system.
+     */
+    worldToLineLocal(line, worldX, worldY) {
+        // Get line center in world coordinates
+        const cx = line.centerX;
+        const cy = line.centerY;
+        // Translate to center
+        const dx = worldX - cx;
+        const dy = worldY - cy;
+        // Apply inverse rotation
+        const cos = Math.cos(-line.rotation);
+        const sin = Math.sin(-line.rotation);
+        const rotatedX = dx * cos - dy * sin;
+        const rotatedY = dx * sin + dy * cos;
+        // Calculate local coordinates relative to the unrotated bounding box top-left
+        const relativeX = rotatedX + (line.totalWidth / 2) / line.scale;
+        const relativeY = rotatedY + (line.totalHeight / 2) / line.scale;
+        // Convert to internal coordinates
+        const localX = relativeX * line.scale + line.x;
+        const localY = relativeY * line.scale + line.y;
+        return { x: localX, y: localY };
+    }
+    // ============================================
+    // Snap Detection
+    // ============================================
+    /**
+     * Finds the nearest object that can be snapped to within the snap threshold.
+     * Returns null if no suitable snap target is found.
+     *
+     * @param worldX - X coordinate in world space
+     * @param worldY - Y coordinate in world space
+     * @param excludeLineId - ID of the line being edited (to exclude from snap targets)
+     * @param otherEndpointAnchorId - ID of object anchored to the other endpoint (to prevent same-object anchoring)
+     */
+    findSnapTarget(worldX, worldY, excludeLineId, otherEndpointAnchorId) {
+        let bestTarget = null;
+        let highestZIndex = -Infinity;
+        const objects = this._core.store.allNonSelectionObjects;
+        for (const object of objects) {
+            // Skip the line being edited
+            if (object.id === excludeLineId) {
+                continue;
+            }
+            // Skip if this is the object anchored to the other endpoint
+            if (otherEndpointAnchorId && object.id === otherEndpointAnchorId) {
+                continue;
+            }
+            // Skip non-anchorable objects
+            if (!this.isAnchorable(object)) {
+                continue;
+            }
+            // Check if point is inside the object's rotated polygon
+            const polygon = object.rotatedPolygon;
+            const points = [polygon.topLeft, polygon.topRight, polygon.bottomRight, polygon.bottomLeft];
+            if (KritzelGeometryHelper.isPointInPolygon({ x: worldX, y: worldY }, points)) {
+                // If inside, check if this object is "above" the current best target
+                if (object.zIndex > highestZIndex) {
+                    highestZIndex = object.zIndex;
+                    bestTarget = {
+                        objectId: object.id,
+                        centerX: object.centerX,
+                        centerY: object.centerY,
+                    };
+                }
+            }
+        }
+        return bestTarget;
+    }
+    /**
+     * Sets the current snap candidate for visual feedback.
+     */
+    setSnapCandidate(candidate) {
+        this._core.store.state.snapCandidate = candidate;
+        this._core.rerender();
+    }
+    /**
+     * Gets the current snap candidate.
+     */
+    getSnapCandidate() {
+        return this._core.store.state.snapCandidate ?? null;
+    }
+    /**
+     * Clears the snap candidate.
+     */
+    clearSnapCandidate() {
+        this._core.store.state.snapCandidate = null;
+        this._core.rerender();
+    }
+    // ============================================
+    // Render Data
+    // ============================================
+    /**
+     * Gets render data for anchor lines visualization.
+     * Returns null if there's no selected line with anchors or if snap is in progress.
+     */
+    getAnchorLinesRenderData() {
+        const selectionGroup = this._core.store.selectionGroup;
+        if (!selectionGroup || selectionGroup.objects.length !== 1)
+            return null;
+        const selectedObject = selectionGroup.objects[0];
+        if (!KritzelClassHelper.isInstanceOf(selectedObject, 'KritzelLine'))
+            return null;
+        const line = selectedObject;
+        const startAnchorViz = this.computeAnchorVisualization(line, 'start');
+        const endAnchorViz = this.computeAnchorVisualization(line, 'end');
+        if (!startAnchorViz && !endAnchorViz)
+            return null;
+        const scale = this._core.store.state.scale;
+        const lineStrokeWidth = line.strokeWidth / line.scale;
+        const indicatorStrokeWidth = `${2 / scale}`;
+        const dashLength = Math.max(lineStrokeWidth * 2, 4 / scale);
+        const dashArray = `${dashLength} ${dashLength}`;
+        const indicatorRadius = 8 / scale;
+        return {
+            lineStrokeWidth,
+            indicatorStrokeWidth,
+            dashArray,
+            indicatorRadius,
+            startAnchorViz,
+            endAnchorViz,
+        };
+    }
+    /**
+     * Gets render data for snap indicator visualization.
+     * Returns null if there's no snap candidate.
+     */
+    getSnapIndicatorRenderData() {
+        const snapCandidate = this.getSnapCandidate();
+        if (!snapCandidate)
+            return null;
+        const scale = this._core.store.state.scale;
+        const indicatorRadius = 8 / scale;
+        const indicatorStrokeWidth = `${2 / scale}`;
+        const lineStrokeWidth = snapCandidate.lineStrokeWidth
+            ? `${snapCandidate.lineStrokeWidth}`
+            : `${4 / scale}`;
+        const lineStrokeWidthNum = snapCandidate.lineStrokeWidth || (4 / scale);
+        const dashLength = Math.max(lineStrokeWidthNum * 2, 4 / scale);
+        const dashArray = `${dashLength} ${dashLength}`;
+        const lineStroke = snapCandidate.lineStroke || '#000000';
+        let solidLineEndX = snapCandidate.edgeX;
+        let solidLineEndY = snapCandidate.edgeY;
+        let arrowPoints;
+        if (snapCandidate.arrowOffset && snapCandidate.edgeX !== undefined && snapCandidate.edgeY !== undefined) {
+            const dx = snapCandidate.lineEndpointX - snapCandidate.edgeX;
+            const dy = snapCandidate.lineEndpointY - snapCandidate.edgeY;
+            const length = Math.sqrt(dx * dx + dy * dy);
+            if (length > snapCandidate.arrowOffset) {
+                solidLineEndX = snapCandidate.edgeX + (dx / length) * snapCandidate.arrowOffset;
+                solidLineEndY = snapCandidate.edgeY + (dy / length) * snapCandidate.arrowOffset;
+            }
+            // Calculate arrow head points
+            // Direction from line endpoint to edge (arrow direction)
+            const arrowDx = snapCandidate.edgeX - snapCandidate.lineEndpointX;
+            const arrowDy = snapCandidate.edgeY - snapCandidate.lineEndpointY;
+            const arrowLengthTotal = Math.sqrt(arrowDx * arrowDx + arrowDy * arrowDy);
+            if (arrowLengthTotal > 0) {
+                const ux = arrowDx / arrowLengthTotal;
+                const uy = arrowDy / arrowLengthTotal;
+                // Perpendicular vector
+                const px = -uy;
+                const py = ux;
+                // Arrow dimensions
+                const arrowLength = snapCandidate.arrowOffset;
+                const arrowWidth = arrowLength; // 1:1 ratio
+                // Arrow tip at edge
+                const tipX = snapCandidate.edgeX;
+                const tipY = snapCandidate.edgeY;
+                // Arrow base
+                const baseX = tipX - ux * arrowLength;
+                const baseY = tipY - uy * arrowLength;
+                // Arrow wings
+                const leftX = baseX + px * arrowWidth / 2;
+                const leftY = baseY + py * arrowWidth / 2;
+                const rightX = baseX - px * arrowWidth / 2;
+                const rightY = baseY - py * arrowWidth / 2;
+                arrowPoints = `${tipX},${tipY} ${leftX},${leftY} ${rightX},${rightY}`;
+            }
+        }
+        return {
+            indicatorRadius,
+            indicatorStrokeWidth,
+            lineStrokeWidth,
+            dashArray,
+            lineStroke,
+            centerX: snapCandidate.centerX,
+            centerY: snapCandidate.centerY,
+            lineEndpointX: snapCandidate.lineEndpointX,
+            lineEndpointY: snapCandidate.lineEndpointY,
+            edgeX: snapCandidate.edgeX,
+            edgeY: snapCandidate.edgeY,
+            arrowOffset: snapCandidate.arrowOffset,
+            arrowStyle: snapCandidate.arrowStyle,
+            arrowFill: snapCandidate.arrowFill,
+            solidLineEndX,
+            solidLineEndY,
+            arrowPoints,
+            snapLinePath: (() => {
+                if (snapCandidate.controlX !== undefined &&
+                    snapCandidate.controlY !== undefined &&
+                    snapCandidate.t !== undefined) {
+                    const startT = snapCandidate.endpoint === 'start' ? 1 - snapCandidate.t : snapCandidate.t;
+                    // Ensure meaningful range
+                    if (startT >= 1)
+                        return undefined;
+                    const segment = this.extractQuadraticSegment({ x: snapCandidate.lineEndpointX, y: snapCandidate.lineEndpointY }, { x: snapCandidate.controlX, y: snapCandidate.controlY }, { x: snapCandidate.centerX, y: snapCandidate.centerY }, startT, 1);
+                    return `M ${segment.start.x} ${segment.start.y} Q ${segment.control.x} ${segment.control.y} ${segment.end.x} ${segment.end.y}`;
+                }
+                return undefined;
+            })(),
+        };
+    }
+    // ============================================
+    // Cleanup Operations
+    // ============================================
+    /**
+     * Handles cleanup when an object is deleted.
+     * Detaches all lines that were anchored to the deleted object.
+     */
+    handleObjectDeleted(objectId) {
+        const entries = this.getLinesAnchoredTo(objectId);
+        for (const entry of entries) {
+            this.removeAnchor(entry.lineId, entry.endpoint);
+            // Update the line to persist the change
+            const line = this.getLineById(entry.lineId);
+            if (line) {
+                this._core.store.state.objects.update(line);
+            }
+        }
+        // Remove the object from the index
+        this._anchorIndex.delete(objectId);
+    }
+    /**
+     * Handles cleanup when a line is deleted.
+     * Removes all anchor index entries for the line.
+     */
+    handleLineDeleted(lineId) {
+        const line = this.getLineById(lineId);
+        if (!line) {
+            return;
+        }
+        if (line.startAnchor) {
+            this.removeFromIndex(line.startAnchor.objectId, lineId, 'start');
+        }
+        if (line.endAnchor) {
+            this.removeFromIndex(line.endAnchor.objectId, lineId, 'end');
+        }
+    }
+    // ============================================
+    // Index Management
+    // ============================================
+    /**
+     * Rebuilds the anchor index from all lines in the object map.
+     * Should be called after loading/deserializing objects.
+     */
+    rebuildIndex() {
+        this._anchorIndex.clear();
+        const objects = this._core.store.allObjects;
+        for (const object of objects) {
+            if (object instanceof KritzelLine) {
+                if (object.startAnchor) {
+                    this.addToIndex(object.startAnchor.objectId, object.id, 'start');
+                }
+                if (object.endAnchor) {
+                    this.addToIndex(object.endAnchor.objectId, object.id, 'end');
+                }
+            }
+        }
+    }
+    /**
+     * Adds an entry to the anchor index.
+     */
+    addToIndex(objectId, lineId, endpoint) {
+        if (!this._anchorIndex.has(objectId)) {
+            this._anchorIndex.set(objectId, new Set());
+        }
+        const entries = this._anchorIndex.get(objectId);
+        // Check if entry already exists
+        for (const entry of entries) {
+            if (entry.lineId === lineId && entry.endpoint === endpoint) {
+                return;
+            }
+        }
+        entries.add({ lineId, endpoint });
+    }
+    /**
+     * Removes an entry from the anchor index.
+     */
+    removeFromIndex(objectId, lineId, endpoint) {
+        const entries = this._anchorIndex.get(objectId);
+        if (!entries) {
+            return;
+        }
+        for (const entry of entries) {
+            if (entry.lineId === lineId && entry.endpoint === endpoint) {
+                entries.delete(entry);
+                break;
+            }
+        }
+        // Clean up empty sets
+        if (entries.size === 0) {
+            this._anchorIndex.delete(objectId);
+        }
+    }
+    // ============================================
+    // Helper Methods
+    // ============================================
+    /**
+     * Gets a line by its ID.
+     */
+    getLineById(lineId) {
+        const objects = this._core.store.state.objects.filter(o => o.id === lineId);
+        if (objects.length === 0) {
+            return null;
+        }
+        const object = objects[0];
+        return object instanceof KritzelLine ? object : null;
+    }
+    /**
+     * Gets an object by its ID.
+     */
+    getObjectById(objectId) {
+        const objects = this._core.store.state.objects.filter(o => o.id === objectId);
+        return objects.length > 0 ? objects[0] : null;
+    }
+    findAnchorTarget(line, endpoint) {
+        const anchor = endpoint === 'start' ? line.startAnchor : line.endAnchor;
+        if (!anchor) {
+            return null;
+        }
+        return this._core.store.allNonSelectionObjects.find(obj => obj.id === anchor.objectId) ?? null;
+    }
+    // ============================================
+    // Visualization Helpers
+    // ============================================
+    /**
+     * Computes anchor visualization data for a line with anchors.
+     * Returns edge intersection points for rendering dashed lines from edge to center.
+     */
+    computeAnchorVisualization(line, endpoint) {
+        const anchor = endpoint === 'start' ? line.startAnchor : line.endAnchor;
+        if (!anchor)
+            return null;
+        const targetObject = this.findAnchorTarget(line, endpoint);
+        if (!targetObject)
+            return null;
+        const clipInfo = this.computeAnchorClipInfo(line, endpoint, targetObject);
+        if (!clipInfo)
+            return null;
+        const centerX = targetObject.centerX;
+        const centerY = targetObject.centerY;
+        return {
+            edgeX: clipInfo.worldX,
+            edgeY: clipInfo.worldY,
+            centerX,
+            centerY,
+            pathD: this.buildAnchorPath(line, endpoint, clipInfo, targetObject) ?? undefined,
+        };
+    }
+    /**
+     * Computes a clipped line path that stops at anchor edges instead of going to anchor centers.
+     * When arrows are present on anchored ends, the line is shortened so the arrow tip appears at the edge.
+     * Returns the SVG path 'd' attribute string, or the original path if no clipping is needed.
+     * @param line The line object
+     * @param offsetByViewBox If true, subtracts line.x and line.y from coordinates (for selection UI)
+     */
+    computeClippedLinePath(line, offsetByViewBox = false) {
+        // Check for snap candidate first - this applies during drag operations even without anchors
+        const snapCandidate = this.getSnapCandidate();
+        const selectionGroup = this._core.store.selectionGroup;
+        const hasActiveSnapCandidate = snapCandidate && selectionGroup && selectionGroup.objects.length === 1 && selectionGroup.objects[0].id === line.id;
+        // If no anchors and no active snap candidate, return original path (with or without offset)
+        if (!line.startAnchor && !line.endAnchor && !hasActiveSnapCandidate) {
+            if (offsetByViewBox) {
+                if (line.controlX !== undefined && line.controlY !== undefined) {
+                    return `M ${line.startX - line.x} ${line.startY - line.y} Q ${line.controlX - line.x} ${line.controlY - line.y} ${line.endX - line.x} ${line.endY - line.y}`;
+                }
+                return `M ${line.startX - line.x} ${line.startY - line.y} L ${line.endX - line.x} ${line.endY - line.y}`;
+            }
+            return line.d;
+        }
+        const startTarget = line.startAnchor ? this.findAnchorTarget(line, 'start') : null;
+        const endTarget = line.endAnchor ? this.findAnchorTarget(line, 'end') : null;
+        let startClip = startTarget ? this.computeAnchorClipInfo(line, 'start', startTarget) : null;
+        let endClip = endTarget ? this.computeAnchorClipInfo(line, 'end', endTarget) : null;
+        // Apply snap candidate if present and matches this line
+        if (hasActiveSnapCandidate) {
+            if (snapCandidate.edgeX !== undefined && snapCandidate.edgeY !== undefined) {
+                const localEdge = this.lineWorldToLocal(line, snapCandidate.edgeX, snapCandidate.edgeY);
+                const clipInfo = {
+                    worldX: snapCandidate.edgeX,
+                    worldY: snapCandidate.edgeY,
+                    localX: localEdge.x,
+                    localY: localEdge.y,
+                    t: snapCandidate.t
+                };
+                if (snapCandidate.endpoint === 'start') {
+                    startClip = clipInfo;
+                }
+                else {
+                    endClip = clipInfo;
+                }
+            }
+        }
+        // Apply offset if requested (for selection UI which uses coordinates relative to 0,0)
+        const offsetX = offsetByViewBox ? line.x : 0;
+        const offsetY = offsetByViewBox ? line.y : 0;
+        // Handle curved lines by splitting the quadratic at the clipped parameters
+        if (line.controlX !== undefined && line.controlY !== undefined) {
+            let startT = startClip?.t ?? 0;
+            let endT = endClip?.t ?? 1;
+            // Adjust for start arrow
+            if (startClip && line.hasStartArrow) {
+                const arrowOffset = line.getArrowSize('start');
+                const speed = this.evaluateDerivativeSpeedAtT(line, startT);
+                if (speed > 0) {
+                    startT += arrowOffset / speed;
+                }
+            }
+            // Adjust for end arrow
+            if (endClip && line.hasEndArrow) {
+                const arrowOffset = line.getArrowSize('end');
+                const speed = this.evaluateDerivativeSpeedAtT(line, endT);
+                if (speed > 0) {
+                    endT -= arrowOffset / speed;
+                }
+            }
+            // Ensure valid range
+            if (startT < 0)
+                startT = 0;
+            if (endT > 1)
+                endT = 1;
+            // Handle overlap or invalid range
+            if (endT <= startT) {
+                // If the arrow adjustment caused them to cross, or they were already crossed/close
+                // We can either effectively hide the line, or just clamp them.
+                // If we clamp them to the midpoint, the line becomes a point.
+                // Let's ensure a minimal gap or just set them equal.
+                const mid = (startT + endT) / 2;
+                startT = mid;
+                endT = mid;
+            }
+            const segment = this.extractQuadraticSegment({ x: line.startX, y: line.startY }, { x: line.controlX, y: line.controlY }, { x: line.endX, y: line.endY }, startT, endT);
+            return `M ${segment.start.x - offsetX} ${segment.start.y - offsetY} Q ${segment.control.x - offsetX} ${segment.control.y - offsetY} ${segment.end.x - offsetX} ${segment.end.y - offsetY}`;
+        }
+        // Straight lines fall back to linear interpolation
+        let startX = startClip?.localX ?? line.startX;
+        let startY = startClip?.localY ?? line.startY;
+        let endX = endClip?.localX ?? line.endX;
+        let endY = endClip?.localY ?? line.endY;
+        if (startClip && line.hasStartArrow) {
+            const arrowOffset = line.getArrowSize('start');
+            const dx = endX - startX;
+            const dy = endY - startY;
+            const length = Math.sqrt(dx * dx + dy * dy);
+            if (length > arrowOffset) {
+                startX += (dx / length) * arrowOffset;
+                startY += (dy / length) * arrowOffset;
+            }
+        }
+        if (endClip && line.hasEndArrow) {
+            const arrowOffset = line.getArrowSize('end');
+            const dx = startX - endX;
+            const dy = startY - endY;
+            const length = Math.sqrt(dx * dx + dy * dy);
+            if (length > arrowOffset) {
+                endX += (dx / length) * arrowOffset;
+                endY += (dy / length) * arrowOffset;
+            }
+        }
+        return `M ${startX - offsetX} ${startY - offsetY} L ${endX - offsetX} ${endY - offsetY}`;
+    }
+    computeAnchorClipInfo(line, endpoint, targetObject) {
+        if (line.controlX !== undefined && line.controlY !== undefined) {
+            return this.computeCurvedClipInfo(line, endpoint, targetObject);
+        }
+        return this.computeStraightClipInfo(line, endpoint, targetObject);
+    }
+    computeStraightClipInfo(line, endpoint, targetObject) {
+        const reference = endpoint === 'start'
+            ? this.lineLocalToWorld(line, line.endX, line.endY)
+            : this.lineLocalToWorld(line, line.startX, line.startY);
+        const edgeIntersection = KritzelGeometryHelper.getLinePolygonIntersection(reference, { x: targetObject.centerX, y: targetObject.centerY }, targetObject.rotatedPolygon);
+        if (!edgeIntersection) {
+            return null;
+        }
+        const localEdge = this.lineWorldToLocal(line, edgeIntersection.x, edgeIntersection.y);
+        const totalLength = Math.sqrt(Math.pow(line.endX - line.startX, 2) +
+            Math.pow(line.endY - line.startY, 2));
+        const distanceFromStart = Math.sqrt(Math.pow(localEdge.x - line.startX, 2) +
+            Math.pow(localEdge.y - line.startY, 2));
+        const t = totalLength > 0 ? distanceFromStart / totalLength : endpoint === 'start' ? 0 : 1;
+        return {
+            localX: localEdge.x,
+            localY: localEdge.y,
+            worldX: edgeIntersection.x,
+            worldY: edgeIntersection.y,
+            t,
+        };
+    }
+    computeCurvedClipInfo(line, endpoint, targetObject) {
+        const polygonPoints = this.getPolygonPoints(targetObject.rotatedPolygon);
+        const exitPoint = this.findCurveExitPoint(line, endpoint, polygonPoints);
+        if (exitPoint) {
+            return exitPoint;
+        }
+        const reference = endpoint === 'start'
+            ? this.lineLocalToWorld(line, line.endX, line.endY)
+            : this.lineLocalToWorld(line, line.startX, line.startY);
+        const fallbackIntersection = KritzelGeometryHelper.getLinePolygonIntersection(reference, { x: targetObject.centerX, y: targetObject.centerY }, targetObject.rotatedPolygon);
+        if (!fallbackIntersection) {
+            return null;
+        }
+        const localEdge = this.lineWorldToLocal(line, fallbackIntersection.x, fallbackIntersection.y);
+        const approxT = this.approximateParameterForWorldPoint(line, fallbackIntersection);
+        return {
+            localX: localEdge.x,
+            localY: localEdge.y,
+            worldX: fallbackIntersection.x,
+            worldY: fallbackIntersection.y,
+            t: approxT,
+        };
+    }
+    findCurveExitPoint(line, endpoint, polygonPoints) {
+        const steps = 64;
+        const initialT = endpoint === 'start' ? 0 : 1;
+        const initialSample = this.evaluateLineAtT(line, initialT);
+        let prevInside = KritzelGeometryHelper.isPointInPolygon({ x: initialSample.worldX, y: initialSample.worldY }, polygonPoints);
+        let prevT = initialT;
+        for (let i = 1; i <= steps; i++) {
+            const t = endpoint === 'start' ? i / steps : 1 - i / steps;
+            const sample = this.evaluateLineAtT(line, t);
+            const inside = KritzelGeometryHelper.isPointInPolygon({ x: sample.worldX, y: sample.worldY }, polygonPoints);
+            if (prevInside && !inside) {
+                const refinedT = this.refineCurveExitParameter(line, polygonPoints, prevT, t);
+                const refinedPoint = this.evaluateLineAtT(line, refinedT);
+                return {
+                    localX: refinedPoint.localX,
+                    localY: refinedPoint.localY,
+                    worldX: refinedPoint.worldX,
+                    worldY: refinedPoint.worldY,
+                    t: refinedT,
+                };
+            }
+            prevInside = inside;
+            prevT = t;
+        }
+        return null;
+    }
+    refineCurveExitParameter(line, polygonPoints, insideT, outsideT) {
+        let tInside = insideT;
+        let tOutside = outsideT;
+        for (let i = 0; i < 8; i++) {
+            const mid = (tInside + tOutside) / 2;
+            const sample = this.evaluateLineAtT(line, mid);
+            const inside = KritzelGeometryHelper.isPointInPolygon({ x: sample.worldX, y: sample.worldY }, polygonPoints);
+            if (inside) {
+                tInside = mid;
+            }
+            else {
+                tOutside = mid;
+            }
+        }
+        return (tInside + tOutside) / 2;
+    }
+    approximateParameterForWorldPoint(line, target) {
+        const steps = 80;
+        let bestT = 0;
+        let bestDistance = Infinity;
+        for (let i = 0; i <= steps; i++) {
+            const t = i / steps;
+            const sample = this.evaluateLineAtT(line, t);
+            const distance = Math.hypot(sample.worldX - target.x, sample.worldY - target.y);
+            if (distance < bestDistance) {
+                bestDistance = distance;
+                bestT = t;
+            }
+        }
+        return bestT;
+    }
+    evaluateLineAtT(line, t) {
+        const clampedT = Math.max(0, Math.min(1, t));
+        let localX;
+        let localY;
+        if (line.controlX !== undefined && line.controlY !== undefined) {
+            const oneMinusT = 1 - clampedT;
+            localX = oneMinusT * oneMinusT * line.startX + 2 * oneMinusT * clampedT * line.controlX + clampedT * clampedT * line.endX;
+            localY = oneMinusT * oneMinusT * line.startY + 2 * oneMinusT * clampedT * line.controlY + clampedT * clampedT * line.endY;
+        }
+        else {
+            localX = line.startX + (line.endX - line.startX) * clampedT;
+            localY = line.startY + (line.endY - line.startY) * clampedT;
+        }
+        const world = this.lineLocalToWorld(line, localX, localY);
+        return { t: clampedT, localX, localY, worldX: world.x, worldY: world.y };
+    }
+    evaluateDerivativeSpeedAtT(line, t) {
+        const clampedT = Math.max(0, Math.min(1, t));
+        if (line.controlX !== undefined && line.controlY !== undefined) {
+            // Quadratic Bezier derivative: B'(t) = 2(1-t)(P1-P0) + 2t(P2-P1)
+            const p0x = line.startX;
+            const p0y = line.startY;
+            const p1x = line.controlX;
+            const p1y = line.controlY;
+            const p2x = line.endX;
+            const p2y = line.endY;
+            const dx = 2 * (1 - clampedT) * (p1x - p0x) + 2 * clampedT * (p2x - p1x);
+            const dy = 2 * (1 - clampedT) * (p1y - p0y) + 2 * clampedT * (p2y - p1y);
+            return Math.sqrt(dx * dx + dy * dy);
+        }
+        else {
+            // Straight line speed is constant length
+            const dx = line.endX - line.startX;
+            const dy = line.endY - line.startY;
+            return Math.sqrt(dx * dx + dy * dy);
+        }
+    }
+    extractQuadraticSegment(start, control, end, tStart, tEnd) {
+        let normalizedStart = Math.max(0, Math.min(1, tStart));
+        let normalizedEnd = Math.max(0, Math.min(1, tEnd));
+        if (normalizedEnd < normalizedStart) {
+            const swap = normalizedStart;
+            normalizedStart = normalizedEnd;
+            normalizedEnd = swap;
+        }
+        let segment = { start, control, end };
+        if (normalizedStart > 0) {
+            const split = this.splitQuadraticSegment(segment, normalizedStart);
+            segment = split.right;
+            const remainingRange = 1 - normalizedStart;
+            normalizedEnd = remainingRange > 0 ? (normalizedEnd - normalizedStart) / remainingRange : 1;
+        }
+        if (normalizedEnd < 1) {
+            const split = this.splitQuadraticSegment(segment, normalizedEnd);
+            segment = split.left;
+        }
+        return segment;
+    }
+    splitQuadraticSegment(segment, t) {
+        const clampedT = Math.max(0, Math.min(1, t));
+        const p0 = segment.start;
+        const p1 = segment.control;
+        const p2 = segment.end;
+        const p01 = this.lerpPoint(p0, p1, clampedT);
+        const p12 = this.lerpPoint(p1, p2, clampedT);
+        const p012 = this.lerpPoint(p01, p12, clampedT);
+        return {
+            left: { start: p0, control: p01, end: p012 },
+            right: { start: p012, control: p12, end: p2 },
+        };
+    }
+    lerpPoint(a, b, t) {
+        return {
+            x: a.x + (b.x - a.x) * t,
+            y: a.y + (b.y - a.y) * t,
+        };
+    }
+    buildAnchorPath(line, endpoint, clipInfo, targetObject) {
+        if (line.controlX === undefined || line.controlY === undefined || clipInfo.t === undefined) {
+            return `M ${clipInfo.worldX} ${clipInfo.worldY} L ${targetObject.centerX} ${targetObject.centerY}`;
+        }
+        const startT = endpoint === 'start' ? 0 : clipInfo.t;
+        const endT = endpoint === 'start' ? clipInfo.t : 1;
+        if (endT <= startT) {
+            return `M ${clipInfo.worldX} ${clipInfo.worldY} L ${targetObject.centerX} ${targetObject.centerY}`;
+        }
+        const segment = this.extractQuadraticSegment({ x: line.startX, y: line.startY }, { x: line.controlX, y: line.controlY }, { x: line.endX, y: line.endY }, startT, endT);
+        const reverse = endpoint === 'start';
+        return this.buildWorldQuadraticPath(line, segment, reverse);
+    }
+    buildWorldQuadraticPath(line, segment, reverse = false) {
+        const startPoint = reverse ? segment.end : segment.start;
+        const endPoint = reverse ? segment.start : segment.end;
+        const controlPoint = segment.control;
+        const startWorld = this.lineLocalToWorld(line, startPoint.x, startPoint.y);
+        const controlWorld = this.lineLocalToWorld(line, controlPoint.x, controlPoint.y);
+        const endWorld = this.lineLocalToWorld(line, endPoint.x, endPoint.y);
+        return `M ${startWorld.x} ${startWorld.y} Q ${controlWorld.x} ${controlWorld.y} ${endWorld.x} ${endWorld.y}`;
+    }
+    getPolygonPoints(polygon) {
+        return [polygon.topLeft, polygon.topRight, polygon.bottomRight, polygon.bottomLeft];
+    }
+    /**
+     * Converts local line coordinates to world coordinates.
+     */
+    lineLocalToWorld(line, localX, localY) {
+        const px = localX - line.x;
+        const py = localY - line.y;
+        const cx = line.totalWidth / 2;
+        const cy = line.totalHeight / 2;
+        const cos = Math.cos(line.rotation);
+        const sin = Math.sin(line.rotation);
+        const rotatedX = (px - cx) * cos - (py - cy) * sin + cx;
+        const rotatedY = (px - cx) * sin + (py - cy) * cos + cy;
+        return {
+            x: rotatedX / line.scale + line.translateX,
+            y: rotatedY / line.scale + line.translateY,
+        };
+    }
+    /**
+     * Converts world coordinates to line's local SVG coordinates.
+     */
+    lineWorldToLocal(line, worldX, worldY) {
+        const dx = (worldX - line.translateX) * line.scale;
+        const dy = (worldY - line.translateY) * line.scale;
+        const cx = line.totalWidth / 2;
+        const cy = line.totalHeight / 2;
+        const cos = Math.cos(-line.rotation);
+        const sin = Math.sin(-line.rotation);
+        const rotatedX = (dx - cx) * cos - (dy - cy) * sin + cx;
+        const rotatedY = (dx - cx) * sin + (dy - cy) * cos + cy;
+        return {
+            x: rotatedX + line.x,
+            y: rotatedY + line.y,
+        };
+    }
+    /**
+     * Checks if an object can be used as an anchor target.
+     */
+    isAnchorable(object) {
+        // Exclude selection-related objects
+        if (object instanceof KritzelSelectionBox || object instanceof KritzelSelectionGroup) {
+            return false;
+        }
+        // Exclude line objects - lines cannot be anchored to other lines
+        if (object instanceof KritzelLine) {
+            return false;
+        }
+        // All other visible objects can be anchored to
+        return object.isVisible;
+    }
+}
+
 const DEFAULT_BRUSH_CONFIG = {
     type: 'pen',
     color: '#000000',
@@ -31291,7 +33477,41 @@ const DEFAULT_TEXT_CONFIG = {
     ],
 };
 
-export { Doc as $, isNode as A, min$2 as B, pow as C, HocuspocusProviderWebsocket as D, KritzelPath as E, KritzelImage as F, KritzelBrushTool as G, HocuspocusProvider as H, KritzelEraserTool as I, KritzelImageTool as J, KritzelText as K, KritzelTextTool as L, KritzelSelectionTool as M, IndexedDBSyncProvider as N, Observable$1 as O, KritzelAppStateMap as P, KritzelWorkspace as Q, DEFAULT_BRUSH_CONFIG as R, DEFAULT_TEXT_CONFIG as S, KritzelDevicesHelper as T, KritzelMouseButton as U, KritzelKeyboardHelper as V, KritzelBaseHandler as W, KritzelToolRegistry as X, KritzelSelectionBox as Y, KritzelSelectionGroup as Z, KritzelBaseObject as _, writeVarUint8Array$2 as a, DEFAULT_SYNC_CONFIG as a0, UndoManager as a1, ObjectHelper as a2, KritzelEventHelper as a3, KritzelBaseTool as a4, readVarUint8Array$2 as b, applyUpdate as c, encodeStateVector as d, encodeStateAsUpdate as e, createEncoder$1 as f, createDecoder$1 as g, create$8 as h, fromBase64 as i, toBase64 as j, createUint8ArrayFromArrayBuffer as k, offChange as l, readVarString$2 as m, floor$2 as n, onChange as o, getUnixTime$1 as p, equalityDeep$1 as q, readVarUint$2 as r, setIfUndefined$1 as s, toUint8Array$1 as t, writeVarString$2 as u, varStorage as v, writeVarUint$2 as w, map as x, ObservableV2 as y, length$3 as z };
-//# sourceMappingURL=default-text-tool.config-DzqpOikl.js.map
+const DEFAULT_LINE_TOOL_CONFIG = {
+    color: '#000000',
+    size: 4,
+    palette: [
+        '#000000',
+        '#ff5252',
+        '#ffbc00',
+        '#00c853',
+        '#0000FF',
+        '#d500f9',
+        '#fafafa',
+        '#a52714',
+        '#ee8100',
+        '#558b2f',
+        '#01579b',
+        '#8e24aa',
+        '#90a4ae',
+        '#ff4081',
+        '#ff6e40',
+        '#aeea00',
+        '#304ffe',
+        '#7c4dff',
+        '#cfd8dc',
+        '#f8bbd0',
+        '#ffccbc',
+        '#f0f4c3',
+        '#b3e5fc',
+        '#e1bee7',
+    ],
+    arrows: {
+        end: { enabled: true, style: 'triangle' },
+    },
+};
+
+export { KritzelKeyboardHelper as $, isNode as A, min$2 as B, pow as C, HocuspocusProviderWebsocket as D, KritzelPath as E, KritzelImage as F, KritzelLine as G, HocuspocusProvider as H, KritzelBrushTool as I, KritzelLineTool as J, KritzelText as K, KritzelEraserTool as L, KritzelImageTool as M, KritzelTextTool as N, Observable$1 as O, KritzelCursorHelper as P, KritzelSelectionTool as Q, IndexedDBSyncProvider as R, KritzelAppStateMap as S, KritzelWorkspace as T, KritzelAnchorManager as U, DEFAULT_BRUSH_CONFIG as V, DEFAULT_TEXT_CONFIG as W, DEFAULT_LINE_TOOL_CONFIG as X, KritzelDevicesHelper as Y, KritzelMouseButton as Z, KritzelIconRegistry as _, writeVarUint8Array$2 as a, KritzelBaseHandler as a0, KritzelToolRegistry as a1, KritzelSelectionBox as a2, KritzelSelectionGroup as a3, KritzelBaseObject as a4, Doc as a5, DEFAULT_SYNC_CONFIG as a6, UndoManager as a7, ObjectHelper as a8, KritzelEventHelper as a9, KritzelBaseTool as aa, KritzelClassHelper as ab, readVarUint8Array$2 as b, applyUpdate as c, encodeStateVector as d, encodeStateAsUpdate as e, createEncoder$1 as f, createDecoder$1 as g, create$8 as h, fromBase64 as i, toBase64 as j, createUint8ArrayFromArrayBuffer as k, offChange as l, readVarString$2 as m, floor$2 as n, onChange as o, getUnixTime$1 as p, equalityDeep$1 as q, readVarUint$2 as r, setIfUndefined$1 as s, toUint8Array$1 as t, writeVarString$2 as u, varStorage as v, writeVarUint$2 as w, map as x, ObservableV2 as y, length$3 as z };
+//# sourceMappingURL=default-line-tool.config-C35m-d1Y.js.map
 
-//# sourceMappingURL=default-text-tool.config-DzqpOikl.js.map
+//# sourceMappingURL=default-line-tool.config-C35m-d1Y.js.map