@excalidraw/excalidraw 0.17.1-1ed53b1 → 0.17.1-22b3927

package/dist/browser/dev/excalidraw-assets-dev/{chunk-OKAZAA6U.js → chunk-VC7RRIDZ.js}

@@ -4934,6 +4934,7 @@ navigator.userAgent.includes("Mac") && "ontouchend" in document;
 var isBrave = () => navigator.brave?.isBrave?.name === "isBrave";
 var supportsResizeObserver = typeof window !== "undefined" && "ResizeObserver" in window;
 var APP_NAME = "Excalidraw";
+var TEXT_AUTOWRAP_THRESHOLD = 36;
 var DRAGGING_THRESHOLD = 10;
 var LINE_CONFIRM_THRESHOLD = 8;
 var ELEMENT_SHIFT_TRANSLATE_AMOUNT = 5;
@@ -11148,8 +11149,8 @@ var redrawTextBoundingBox = (textElement, container, elementsMap, informMutation
     angle: container?.angle ?? textElement.angle
   };
   boundTextUpdates.text = textElement.text;
-  if (container) {
-    maxWidth = getBoundTextMaxWidth(container, textElement);
+  if (container || !textElement.autoResize) {
+    maxWidth = container ? getBoundTextMaxWidth(container, textElement) : textElement.width;
     boundTextUpdates.text = wrapText(
       textElement.originalText,
       getFontString(textElement),
@@ -11161,7 +11162,9 @@ var redrawTextBoundingBox = (textElement, container, elementsMap, informMutation
     getFontString(textElement),
     textElement.lineHeight
   );
-  boundTextUpdates.width = metrics.width;
+  if (textElement.autoResize) {
+    boundTextUpdates.width = metrics.width;
+  }
   boundTextUpdates.height = metrics.height;
   if (container) {
     const maxContainerHeight = getBoundTextMaxHeight(
@@ -11707,6 +11710,9 @@ var getDefaultLineHeight = (fontFamily) => {
   }
   return DEFAULT_LINE_HEIGHT[DEFAULT_FONT_FAMILY];
 };
+var getMinTextElementWidth = (font, lineHeight) => {
+  return measureText("", font, lineHeight).width + BOUND_TEXT_PADDING * 2;
+};
 
 // renderer/renderElement.ts
 var IMAGE_INVERT_FILTER = "invert(100%) hue-rotate(180deg) saturate(1.25)";
@@ -12021,14 +12027,14 @@ var drawElementFromCanvas = (elementWithCanvas, context, renderConfig, appState,
   }
   context.restore();
 };
-var renderSelectionElement = (element, context, appState) => {
+var renderSelectionElement = (element, context, appState, selectionColor) => {
   context.save();
   context.translate(element.x + appState.scrollX, element.y + appState.scrollY);
   context.fillStyle = "rgba(0, 0, 200, 0.04)";
   const offset2 = 0.5 / appState.zoom.value;
   context.fillRect(offset2, offset2, element.width, element.height);
   context.lineWidth = 1 / appState.zoom.value;
-  context.strokeStyle = " rgb(105, 101, 219)";
+  context.strokeStyle = selectionColor;
   context.strokeRect(offset2, offset2, element.width, element.height);
   context.restore();
 };
@@ -13951,36 +13957,41 @@ var newTextElement = (opts) => {
     { textAlign, verticalAlign },
     metrics
   );
+  const textElementProps = {
+    ..._newElementBase("text", opts),
+    text,
+    fontSize,
+    fontFamily,
+    textAlign,
+    verticalAlign,
+    x: opts.x - offsets.x,
+    y: opts.y - offsets.y,
+    width: metrics.width,
+    height: metrics.height,
+    containerId: opts.containerId || null,
+    originalText: opts.originalText ?? text,
+    autoResize: opts.autoResize ?? true,
+    lineHeight
+  };
   const textElement = newElementWith(
-    {
-      ..._newElementBase("text", opts),
-      text,
-      fontSize,
-      fontFamily,
-      textAlign,
-      verticalAlign,
-      x: opts.x - offsets.x,
-      y: opts.y - offsets.y,
-      width: metrics.width,
-      height: metrics.height,
-      containerId: opts.containerId || null,
-      originalText: text,
-      lineHeight
-    },
+    textElementProps,
     {}
   );
   return textElement;
 };
 var getAdjustedDimensions = (element, elementsMap, nextText) => {
-  const { width: nextWidth, height: nextHeight } = measureText(
+  let { width: nextWidth, height: nextHeight } = measureText(
     nextText,
     getFontString(element),
     element.lineHeight
   );
+  if (!element.autoResize) {
+    nextWidth = element.width;
+  }
   const { textAlign, verticalAlign } = element;
   let x;
   let y;
-  if (textAlign === "center" && verticalAlign === VERTICAL_ALIGN.MIDDLE && !element.containerId) {
+  if (textAlign === "center" && verticalAlign === VERTICAL_ALIGN.MIDDLE && !element.containerId && element.autoResize) {
     const prevMetrics = measureText(
       element.text,
       getFontString(element),
@@ -14030,27 +14041,16 @@ var refreshTextDimensions = (textElement, container, elementsMap, text = textEle
   if (textElement.isDeleted) {
     return;
   }
-  if (container) {
+  if (container || !textElement.autoResize) {
     text = wrapText(
       text,
       getFontString(textElement),
-      getBoundTextMaxWidth(container, textElement)
+      container ? getBoundTextMaxWidth(container, textElement) : textElement.width
     );
   }
   const dimensions = getAdjustedDimensions(textElement, elementsMap, text);
   return { text, ...dimensions };
 };
-var updateTextElement = (textElement, container, elementsMap, {
-  text,
-  isDeleted,
-  originalText
-}) => {
-  return newElementWith(textElement, {
-    originalText,
-    isDeleted: isDeleted ?? textElement.isDeleted,
-    ...refreshTextDimensions(textElement, container, elementsMap, originalText)
-  });
-};
 var newFreeDrawElement = (opts) => {
   return {
     ..._newElementBase(opts.type, opts),
@@ -14519,18 +14519,10 @@ var getMovedIndicesGroups = (elements, movedElements) => {
   const indicesGroups = [];
   let i2 = 0;
   while (i2 < elements.length) {
-    if (movedElements.has(elements[i2].id) && !isValidFractionalIndex(
-      elements[i2]?.index,
-      elements[i2 - 1]?.index,
-      elements[i2 + 1]?.index
-    )) {
+    if (movedElements.has(elements[i2].id)) {
       const indicesGroup = [i2 - 1, i2];
       while (++i2 < elements.length) {
-        if (!(movedElements.has(elements[i2].id) && !isValidFractionalIndex(
-          elements[i2]?.index,
-          elements[i2 - 1]?.index,
-          elements[i2 + 1]?.index
-        ))) {
+        if (!movedElements.has(elements[i2].id)) {
           break;
         }
         indicesGroup.push(i2);
@@ -15554,12 +15546,22 @@ var ElementsChange = class _ElementsChange {
     if (!flags.containsZindexDifference) {
       return elements;
     }
-    const previous = Array.from(elements.values());
-    const reordered = orderByFractionalIndex([...previous]);
-    if (!flags.containsVisibleDifference && Delta.isRightDifferent(previous, reordered, true)) {
+    const unordered = Array.from(elements.values());
+    const ordered = orderByFractionalIndex([...unordered]);
+    const moved = Delta.getRightDifferences(unordered, ordered, true).reduce(
+      (acc, arrayIndex) => {
+        const candidate = unordered[Number(arrayIndex)];
+        if (candidate && changed.has(candidate.id)) {
+          acc.set(candidate.id, candidate);
+        }
+        return acc;
+      },
+      /* @__PURE__ */ new Map()
+    );
+    if (!flags.containsVisibleDifference && moved.size) {
       flags.containsVisibleDifference = true;
     }
-    return arrayToMap(syncMovedIndices(reordered, changed));
+    return arrayToMap(syncMovedIndices(ordered, moved));
   }
   /**
    * It is necessary to post process the partials in case of reference values,
@@ -15640,8 +15642,35 @@ var getObservedAppState = (appState) => {
 };
 var isObservedAppState = (appState) => !!Reflect.get(appState, hiddenObservedAppStateProp);
 var StoreAction = {
+  /**
+   * Immediately undoable.
+   *
+   * Use for updates which should be captured.
+   * Should be used for most of the local updates.
+   *
+   * These updates will _immediately_ make it to the local undo / redo stacks.
+   */
   CAPTURE: "capture",
+  /**
+   * Never undoable.
+   *
+   * Use for updates which should never be recorded, such as remote updates
+   * or scene initialization.
+   *
+   * These updates will _never_ make it to the local undo / redo stacks.
+   */
   UPDATE: "update",
+  /**
+   * Eventually undoable.
+   *
+   * Use for updates which should not be captured immediately - likely
+   * exceptions which are part of some async multi-step process. Otherwise, all
+   * such updates would end up being captured with the next
+   * `StoreAction.CAPTURE` - triggered either by the next `updateScene`
+   * or internally by the editor.
+   *
+   * These updates will _eventually_ make it to the local undo / redo stacks.
+   */
   NONE: "none"
 };
 var StoreIncrementEvent = class {
@@ -17691,7 +17720,7 @@ var exportToSvg = async (elements, appState, files, opts) => {
   let metadata = "";
   if (exportEmbedScene) {
     try {
-      metadata = await (await import("./image-LVS32KQQ.js")).encodeSvgMetadata({
+      metadata = await (await import("./image-J7S3ALXP.js")).encodeSvgMetadata({
         // when embedding scene, we want to embed the origionally supplied
         // elements which don't contain the temp frame labels.
         // But it also requires that the exportToSvg is being supplied with
@@ -17717,7 +17746,7 @@ var exportToSvg = async (elements, appState, files, opts) => {
   }
   let assetPath = "https://excalidraw.com/";
   if (define_import_meta_env_default.VITE_IS_EXCALIDRAW_NPM_PACKAGE) {
-    assetPath = window.EXCALIDRAW_ASSET_PATH || `https://unpkg.com/${define_import_meta_env_default.VITE_PKG_NAME}@${define_import_meta_env_default.PKG_VERSION}`;
+    assetPath = window.EXCALIDRAW_ASSET_PATH || `https://unpkg.com/${define_import_meta_env_default.VITE_PKG_NAME}@${define_import_meta_env_default.VITE_PKG_VERSION}`;
     if (assetPath?.startsWith("/")) {
       assetPath = assetPath.replace("/", `${window.location.origin}/`);
     }
@@ -17909,6 +17938,7 @@ var restoreElement = (element) => {
         verticalAlign: element.verticalAlign || DEFAULT_VERTICAL_ALIGN,
         containerId: element.containerId ?? null,
         originalText: element.originalText || text,
+        autoResize: element.autoResize ?? true,
         lineHeight
       });
       if (!text && !element.isDeleted) {
@@ -17958,7 +17988,8 @@ var restoreElement = (element) => {
         endArrowhead,
         points,
         x,
-        y
+        y,
+        ...getSizeFromPoints(points)
       });
     }
     case "ellipse":
@@ -19720,7 +19751,16 @@ var Scene = class _Scene {
     elements: null,
     cache: /* @__PURE__ */ new Map()
   };
-  versionNonce;
+  /**
+   * Random integer regenerated each scene update.
+   *
+   * Does not relate to elements versions, it's only a renderer
+   * cache-invalidation nonce at the moment.
+   */
+  sceneNonce;
+  getSceneNonce() {
+    return this.sceneNonce;
+  }
   getNonDeletedElementsMap() {
     return this.nonDeletedElementsMap;
   }
@@ -19765,9 +19805,6 @@ var Scene = class _Scene {
   getElement(id) {
     return this.elementsMap.get(id) || null;
   }
-  getVersionNonce() {
-    return this.versionNonce;
-  }
   getNonDeletedElement(id) {
     const element = this.getElement(id);
     if (element && isNonDeletedElement(element)) {
@@ -19824,15 +19861,15 @@ var Scene = class _Scene {
     this.nonDeletedElementsMap = nonDeletedElements.elementsMap;
     this.frames = nextFrameLikes;
     this.nonDeletedFramesLikes = getNonDeletedElements3(this.frames).elements;
-    this.informMutation();
+    this.triggerUpdate();
   }
-  informMutation() {
-    this.versionNonce = randomInteger();
+  triggerUpdate() {
+    this.sceneNonce = randomInteger();
     for (const callback of Array.from(this.callbacks)) {
       callback();
     }
   }
-  addCallback(cb) {
+  onUpdate(cb) {
     if (this.callbacks.has(cb)) {
       throw new Error();
     }
@@ -19965,11 +20002,11 @@ var mutateElement = (element, updates, informMutation = true) => {
   element.versionNonce = randomInteger();
   element.updated = getUpdatedTimestamp();
   if (informMutation) {
-    Scene_default.getScene(element)?.informMutation();
+    Scene_default.getScene(element)?.triggerUpdate();
   }
   return element;
 };
-var newElementWith = (element, updates) => {
+var newElementWith = (element, updates, force = false) => {
   let didChange = false;
   for (const key in updates) {
     const value = updates[key];
@@ -19981,7 +20018,7 @@ var newElementWith = (element, updates) => {
       didChange = true;
     }
   }
-  if (!didChange) {
+  if (!didChange && !force) {
     return element;
   }
   return {
@@ -20097,12 +20134,6 @@ var DEFAULT_OMIT_SIDES = {
   n: true,
   w: true
 };
-var OMIT_SIDES_FOR_TEXT_ELEMENT = {
-  e: true,
-  s: true,
-  n: true,
-  w: true
-};
 var OMIT_SIDES_FOR_LINE_SLASH = {
   e: true,
   s: true,
@@ -20263,8 +20294,6 @@ var getTransformHandles = (element, zoom, elementsMap, pointerType = "mouse", om
         omitSides = OMIT_SIDES_FOR_LINE_BACKSLASH;
       }
     }
-  } else if (isTextElement(element)) {
-    omitSides = OMIT_SIDES_FOR_TEXT_ELEMENT;
   } else if (isFrameLikeElement(element)) {
     omitSides = {
       ...omitSides,
@@ -20327,7 +20356,7 @@ var resizeTest = (element, elementsMap, appState, x, y, zoom, pointerType, devic
       element,
       elementsMap
     );
-    if (element.type !== "text" && !(isLinearElement(element) && element.points.length <= 2)) {
+    if (!(isLinearElement(element) && element.points.length <= 2)) {
       const SPACING = SIDE_RESIZING_THRESHOLD / zoom.value;
       const sides = getSelectionBorders(
         [x1 - SPACING, y1 - SPACING],
@@ -20477,8 +20506,9 @@ var transformElements = (originalElements, transformHandleType, selectedElements
         shouldRotateWithDiscreteAngle2
       );
       updateBoundElements(element, elementsMap);
-    } else if (isTextElement(element) && (transformHandleType === "nw" || transformHandleType === "ne" || transformHandleType === "sw" || transformHandleType === "se")) {
+    } else if (isTextElement(element) && transformHandleType) {
       resizeSingleTextElement(
+        originalElements,
         element,
         elementsMap,
         transformHandleType,
@@ -20580,7 +20610,7 @@ var measureFontSizeFromWidth = (element, elementsMap, nextWidth) => {
     size: nextFontSize
   };
 };
-var resizeSingleTextElement = (element, elementsMap, transformHandleType, shouldResizeFromCenter2, pointerX, pointerY) => {
+var resizeSingleTextElement = (originalElements, element, elementsMap, transformHandleType, shouldResizeFromCenter2, pointerX, pointerY) => {
   const [x1, y1, x2, y2, cx, cy] = getElementAbsoluteCoords(
     element,
     elementsMap
@@ -20594,17 +20624,19 @@ var resizeSingleTextElement = (element, elementsMap, transformHandleType, should
   );
   let scaleX = 0;
   let scaleY = 0;
-  if (transformHandleType.includes("e")) {
-    scaleX = (rotatedX - x1) / (x2 - x1);
-  }
-  if (transformHandleType.includes("w")) {
-    scaleX = (x2 - rotatedX) / (x2 - x1);
-  }
-  if (transformHandleType.includes("n")) {
-    scaleY = (y2 - rotatedY) / (y2 - y1);
-  }
-  if (transformHandleType.includes("s")) {
-    scaleY = (rotatedY - y1) / (y2 - y1);
+  if (transformHandleType !== "e" && transformHandleType !== "w") {
+    if (transformHandleType.includes("e")) {
+      scaleX = (rotatedX - x1) / (x2 - x1);
+    }
+    if (transformHandleType.includes("w")) {
+      scaleX = (x2 - rotatedX) / (x2 - x1);
+    }
+    if (transformHandleType.includes("n")) {
+      scaleY = (y2 - rotatedY) / (y2 - y1);
+    }
+    if (transformHandleType.includes("s")) {
+      scaleY = (rotatedY - y1) / (y2 - y1);
+    }
   }
   const scale = Math.max(scaleX, scaleY);
   if (scale > 0) {
@@ -20659,6 +20691,89 @@ var resizeSingleTextElement = (element, elementsMap, transformHandleType, should
       y: nextY
     });
   }
+  if (transformHandleType === "e" || transformHandleType === "w") {
+    const stateAtResizeStart = originalElements.get(element.id);
+    const [x12, y12, x22, y22] = getResizedElementAbsoluteCoords(
+      stateAtResizeStart,
+      stateAtResizeStart.width,
+      stateAtResizeStart.height,
+      true
+    );
+    const startTopLeft = [x12, y12];
+    const startBottomRight = [x22, y22];
+    const startCenter = centerPoint(startTopLeft, startBottomRight);
+    const rotatedPointer = rotatePoint(
+      [pointerX, pointerY],
+      startCenter,
+      -stateAtResizeStart.angle
+    );
+    const [esx1, , esx2] = getResizedElementAbsoluteCoords(
+      element,
+      element.width,
+      element.height,
+      true
+    );
+    const boundsCurrentWidth = esx2 - esx1;
+    const atStartBoundsWidth = startBottomRight[0] - startTopLeft[0];
+    const minWidth = getMinTextElementWidth(
+      getFontString({
+        fontSize: element.fontSize,
+        fontFamily: element.fontFamily
+      }),
+      element.lineHeight
+    );
+    let scaleX2 = atStartBoundsWidth / boundsCurrentWidth;
+    if (transformHandleType.includes("e")) {
+      scaleX2 = (rotatedPointer[0] - startTopLeft[0]) / boundsCurrentWidth;
+    }
+    if (transformHandleType.includes("w")) {
+      scaleX2 = (startBottomRight[0] - rotatedPointer[0]) / boundsCurrentWidth;
+    }
+    const newWidth = element.width * scaleX2 < minWidth ? minWidth : element.width * scaleX2;
+    const text = wrapText(
+      element.originalText,
+      getFontString(element),
+      Math.abs(newWidth)
+    );
+    const metrics = measureText(
+      text,
+      getFontString(element),
+      element.lineHeight
+    );
+    const eleNewHeight = metrics.height;
+    const [newBoundsX1, newBoundsY1, newBoundsX2, newBoundsY2] = getResizedElementAbsoluteCoords(
+      stateAtResizeStart,
+      newWidth,
+      eleNewHeight,
+      true
+    );
+    const newBoundsWidth = newBoundsX2 - newBoundsX1;
+    const newBoundsHeight = newBoundsY2 - newBoundsY1;
+    let newTopLeft = [...startTopLeft];
+    if (["n", "w", "nw"].includes(transformHandleType)) {
+      newTopLeft = [
+        startBottomRight[0] - Math.abs(newBoundsWidth),
+        startTopLeft[1]
+      ];
+    }
+    const angle = stateAtResizeStart.angle;
+    const rotatedTopLeft = rotatePoint(newTopLeft, startCenter, angle);
+    const newCenter = [
+      newTopLeft[0] + Math.abs(newBoundsWidth) / 2,
+      newTopLeft[1] + Math.abs(newBoundsHeight) / 2
+    ];
+    const rotatedNewCenter = rotatePoint(newCenter, startCenter, angle);
+    newTopLeft = rotatePoint(rotatedTopLeft, rotatedNewCenter, -angle);
+    const resizedElement = {
+      width: Math.abs(newWidth),
+      height: Math.abs(metrics.height),
+      x: newTopLeft[0],
+      y: newTopLeft[1],
+      text,
+      autoResize: false
+    };
+    mutateElement(element, resizedElement);
+  }
 };
 var resizeSingleElement = (originalElements, shouldMaintainAspectRatio2, element, elementsMap, transformHandleDirection, shouldResizeFromCenter2, pointerX, pointerY) => {
   const stateAtResizeStart = originalElements.get(element.id);
@@ -21050,7 +21165,7 @@ var resizeMultipleElements = (originalElements, selectedElements, elementsMap, t
       handleBindTextResize(element, elementsMap, transformHandleType, true);
     }
   }
-  Scene_default.getScene(elementsAndUpdates[0].element)?.informMutation();
+  Scene_default.getScene(elementsAndUpdates[0].element)?.triggerUpdate();
 };
 var rotateMultipleElements = (originalElements, elements, elementsMap, pointerX, pointerY, shouldRotateWithDiscreteAngle2, centerX, centerY) => {
   let centerAngle = 5 * Math.PI / 2 + Math.atan2(pointerY - centerY, pointerX - centerX);
@@ -21095,7 +21210,7 @@ var rotateMultipleElements = (originalElements, elements, elementsMap, pointerX,
       );
     }
   });
-  Scene_default.getScene(elements[0])?.informMutation();
+  Scene_default.getScene(elements[0])?.triggerUpdate();
 };
 var getResizeOffsetXY = (transformHandleType, selectedElements, elementsMap, x, y) => {
   const [x1, y1, x2, y2] = selectedElements.length === 1 ? getElementAbsoluteCoords(selectedElements[0], elementsMap) : getCommonBounds(selectedElements);
@@ -21209,7 +21324,7 @@ var getDragOffsetXY = (selectedElements, x, y) => {
   const [x1, y1] = getCommonBounds(selectedElements);
   return [x - x1, y - y1];
 };
-var dragNewElement = (draggingElement, elementType, originX, originY, x, y, width, height, shouldMaintainAspectRatio2, shouldResizeFromCenter2, widthAspectRatio, originOffset = null) => {
+var dragNewElement = (draggingElement, elementType, originX, originY, x, y, width, height, shouldMaintainAspectRatio2, shouldResizeFromCenter2, zoom, widthAspectRatio, originOffset = null) => {
   if (shouldMaintainAspectRatio2 && draggingElement.type !== "selection") {
     if (widthAspectRatio) {
       height = width / widthAspectRatio;
@@ -21240,12 +21355,34 @@ var dragNewElement = (draggingElement, elementType, originX, originY, x, y, widt
     newX = originX - width / 2;
     newY = originY - height / 2;
   }
+  let textAutoResize = null;
+  if (isTextElement(draggingElement)) {
+    height = draggingElement.height;
+    const minWidth = getMinTextElementWidth(
+      getFontString({
+        fontSize: draggingElement.fontSize,
+        fontFamily: draggingElement.fontFamily
+      }),
+      draggingElement.lineHeight
+    );
+    width = Math.max(width, minWidth);
+    if (Math.abs(x - originX) > TEXT_AUTOWRAP_THRESHOLD / zoom) {
+      textAutoResize = {
+        autoResize: false
+      };
+    }
+    newY = originY;
+    if (shouldResizeFromCenter2) {
+      newX = originX - width / 2;
+    }
+  }
   if (width !== 0 && height !== 0) {
     mutateElement(draggingElement, {
       x: newX + (originOffset?.x ?? 0),
       y: newY + (originOffset?.y ?? 0),
       width,
-      height
+      height,
+      ...textAutoResize
     });
   }
 };
@@ -21289,7 +21426,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES.png) {
     try {
-      return await (await import("./image-LVS32KQQ.js")).decodePngMetadata(blob);
+      return await (await import("./image-J7S3ALXP.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -21316,7 +21453,7 @@ var parseFileContents = async (blob) => {
     }
     if (blob.type === MIME_TYPES.svg) {
       try {
-        return await (await import("./image-LVS32KQQ.js")).decodeSvgMetadata({
+        return await (await import("./image-J7S3ALXP.js")).decodeSvgMetadata({
           svg: contents
         });
       } catch (error) {
@@ -22000,6 +22137,7 @@ export {
   getBoundTextMaxHeight,
   isMeasureTextSupported,
   getDefaultLineHeight,
+  getMinTextElementWidth,
   getElementAbsoluteCoords,
   getCommonBounds,
   getDraggedElementsBounds,
@@ -22037,7 +22175,6 @@ export {
   newMagicFrameElement,
   newTextElement,
   refreshTextDimensions,
-  updateTextElement,
   newFreeDrawElement,
   newLinearElement,
   newImageElement,
@@ -22189,4 +22326,4 @@ export {
   getNormalizedZoom,
   getStateForZoom
 };
-//# sourceMappingURL=chunk-OKAZAA6U.js.map
+//# sourceMappingURL=chunk-VC7RRIDZ.js.map