@zsviczian/excalidraw 0.18.101 → 0.18.102

package/dist/excalidraw.development.js

@@ -605,7 +605,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   addElementsToFrame: () => (/* binding */ addElementsToFrame),\n/* harmony export */   bindElementsToFramesAfterDuplication: () => (/* binding */ bindElementsToFramesAfterDuplication),\n/* harmony export */   elementOverlapsWithFrame: () => (/* binding */ elementOverlapsWithFrame),\n/* harmony export */   elementsAreInFrameBounds: () => (/* binding */ elementsAreInFrameBounds),\n/* harmony export */   filterElementsEligibleAsFrameChildren: () => (/* binding */ filterElementsEligibleAsFrameChildren),\n/* harmony export */   frameAndChildrenSelectedTogether: () => (/* binding */ frameAndChildrenSelectedTogether),\n/* harmony export */   getCommonFrameId: () => (/* binding */ getCommonFrameId),\n/* harmony export */   getContainingFrame: () => (/* binding */ getContainingFrame),\n/* harmony export */   getDefaultFrameName: () => (/* binding */ getDefaultFrameName),\n/* harmony export */   getElementsCompletelyInFrame: () => (/* binding */ getElementsCompletelyInFrame),\n/* harmony export */   getElementsInNewFrame: () => (/* binding */ getElementsInNewFrame),\n/* harmony export */   getElementsInResizingFrame: () => (/* binding */ getElementsInResizingFrame),\n/* harmony export */   getElementsIntersectingFrame: () => (/* binding */ getElementsIntersectingFrame),\n/* harmony export */   getElementsOverlappingFrame: () => (/* binding */ getElementsOverlappingFrame),\n/* harmony export */   getFrameChildren: () => (/* binding */ getFrameChildren),\n/* harmony export */   getFrameChildrenInsertionIndex: () => (/* binding */ getFrameChildrenInsertionIndex),\n/* harmony export */   getFrameLikeElements: () => (/* binding */ getFrameLikeElements),\n/* harmony export */   getFrameLikeTitle: () => (/* binding */ getFrameLikeTitle),\n/* harmony export */   getRootElements: () => (/* binding */ getRootElements),\n/* harmony export */   getTargetFrame: () => (/* binding */ getTargetFrame),\n/* harmony export */   groupByFrameLikes: () => (/* binding */ groupByFrameLikes),\n/* harmony export */   groupsAreAtLeastIntersectingTheFrame: () => (/* binding */ groupsAreAtLeastIntersectingTheFrame),\n/* harmony export */   groupsAreCompletelyOutOfFrame: () => (/* binding */ groupsAreCompletelyOutOfFrame),\n/* harmony export */   isCursorInFrame: () => (/* binding */ isCursorInFrame),\n/* harmony export */   isElementContainingFrame: () => (/* binding */ isElementContainingFrame),\n/* harmony export */   isElementInFrame: () => (/* binding */ isElementInFrame),\n/* harmony export */   isElementIntersectingFrame: () => (/* binding */ isElementIntersectingFrame),\n/* harmony export */   omitGroupsContainingFrameLikes: () => (/* binding */ omitGroupsContainingFrameLikes),\n/* harmony export */   omitPartialGroups: () => (/* binding */ omitPartialGroups),\n/* harmony export */   removeAllElementsFromFrame: () => (/* binding */ removeAllElementsFromFrame),\n/* harmony export */   removeElementsFromFrame: () => (/* binding */ removeElementsFromFrame),\n/* harmony export */   replaceAllElementsInFrame: () => (/* binding */ replaceAllElementsInFrame),\n/* harmony export */   shouldApplyFrameClip: () => (/* binding */ shouldApplyFrameClip),\n/* harmony export */   updateFrameMembershipOfSelectedElements: () => (/* binding */ updateFrameMembershipOfSelectedElements)\n/* harmony export */ });\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _selection__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./selection */ \"../element/src/selection.ts\");\n/* harmony import */ var _groups__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _bounds__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _mutateElement__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./mutateElement */ \"../element/src/mutateElement.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _fractionalIndex__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./fractionalIndex */ \"../element/src/fractionalIndex.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n\n\n\n\n\n\n\n\n // --------------------------- Frame State ------------------------------------\n\nconst bindElementsToFramesAfterDuplication = (nextElements, origElements, origIdToDuplicateId) => {\n  const nextElementMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(nextElements);\n\n  for (const element of origElements) {\n    if (element.frameId) {\n      // use its frameId to get the new frameId\n      const nextElementId = origIdToDuplicateId.get(element.id);\n      const nextFrameId = origIdToDuplicateId.get(element.frameId);\n      const nextElement = nextElementId && nextElementMap.get(nextElementId);\n\n      if (nextElement) {\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(nextElement, nextElementMap, {\n          frameId: nextFrameId !== null && nextFrameId !== void 0 ? nextFrameId : null\n        });\n      }\n    }\n  }\n};\nfunction isElementIntersectingFrame(element, frame, elementsMap) {\n  const frameLineSegments = (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementLineSegments)(frame, elementsMap);\n  const elementLineSegments = (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementLineSegments)(element, elementsMap);\n  const intersecting = frameLineSegments.some(frameLineSegment => elementLineSegments.some(elementLineSegment => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.segmentsIntersectAt)(frameLineSegment, elementLineSegment)));\n  return intersecting;\n}\nconst getElementsCompletelyInFrame = (elements, frame, elementsMap) => omitGroupsContainingFrameLikes((0,_selection__WEBPACK_IMPORTED_MODULE_2__.getElementsWithinSelection)(elements, frame, elementsMap, false)).filter(element => !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) && !element.frameId || element.frameId === frame.id);\nconst isElementContainingFrame = (element, frame, elementsMap) => {\n  return (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.boundsContainBounds)((0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementBounds)(element, elementsMap), (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementBounds)(frame, elementsMap));\n};\nconst getElementsIntersectingFrame = (elements, frame) => {\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  return elements.filter(element => isElementIntersectingFrame(element, frame, elementsMap));\n};\nconst elementsAreInFrameBounds = (elements, frame, elementsMap) => {\n  const [frameX1, frameY1, frameX2, frameY2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementAbsoluteCoords)(frame, elementsMap);\n  const [elementX1, elementY1, elementX2, elementY2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getCommonBounds)(elements);\n  return frameX1 <= elementX1 && frameY1 <= elementY1 && frameX2 >= elementX2 && frameY2 >= elementY2;\n};\nconst elementOverlapsWithFrame = (element, frame, elementsMap) => {\n  return elementsAreInFrameBounds([element], frame, elementsMap) || isElementIntersectingFrame(element, frame, elementsMap) || isElementContainingFrame(element, frame, elementsMap);\n};\nconst isCursorInFrame = (cursorCoords, frame, elementsMap) => {\n  const [fx1, fy1, fx2, fy2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementAbsoluteCoords)(frame, elementsMap);\n  return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.isPointWithinBounds)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(fx1, fy1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(cursorCoords.x, cursorCoords.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(fx2, fy2));\n};\nconst groupsAreAtLeastIntersectingTheFrame = (elements, groupIds, frame) => {\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  const elementsInGroup = groupIds.flatMap(groupId => (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(elements, groupId));\n\n  if (elementsInGroup.length === 0) {\n    return true;\n  }\n\n  return !!elementsInGroup.find(element => elementsAreInFrameBounds([element], frame, elementsMap) || isElementIntersectingFrame(element, frame, elementsMap));\n};\nconst groupsAreCompletelyOutOfFrame = (elements, groupIds, frame) => {\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  const elementsInGroup = groupIds.flatMap(groupId => (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(elements, groupId));\n\n  if (elementsInGroup.length === 0) {\n    return true;\n  }\n\n  return elementsInGroup.find(element => elementsAreInFrameBounds([element], frame, elementsMap) || isElementIntersectingFrame(element, frame, elementsMap)) === undefined;\n}; // --------------------------- Frame Utils ------------------------------------\n\n/**\n * Returns a map of frameId to frame elements. Includes empty frames.\n */\n\nconst groupByFrameLikes = elements => {\n  const frameElementsMap = new Map();\n\n  for (const element of elements) {\n    const frameId = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) ? element.id : element.frameId;\n\n    if (frameId && !frameElementsMap.has(frameId)) {\n      frameElementsMap.set(frameId, getFrameChildren(elements, frameId));\n    }\n  }\n\n  return frameElementsMap;\n};\nconst getFrameChildren = (allElements, frameId) => {\n  const frameChildren = [];\n\n  for (const element of allElements.values()) {\n    if (element.frameId === frameId) {\n      frameChildren.push(element);\n    }\n  }\n\n  return frameChildren;\n};\nconst getFrameLikeElements = allElements => {\n  return allElements.filter(element => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element));\n};\n/**\n * Returns ExcalidrawFrameElements and non-frame-children elements.\n *\n * Considers children as root elements if they point to a frame parent\n * non-existing in the elements set.\n *\n * Considers non-frame bound elements (container or arrow labels) as root.\n */\n\nconst getRootElements = allElements => {\n  const frameElements = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(getFrameLikeElements(allElements));\n  return allElements.filter(element => frameElements.has(element.id) || !element.frameId || !frameElements.has(element.frameId));\n};\nconst getElementsInResizingFrame = (allElements, frame, appState, elementsMap) => {\n  const prevElementsInFrame = getFrameChildren(allElements, frame.id); //zsviczian: do not suggest adding new elements to marker frames while resizing\n\n  if (frame.frameRole === \"marker\") {\n    return prevElementsInFrame.filter(element => !((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(element) && element.containerId));\n  }\n\n  const nextElementsInFrame = new Set(prevElementsInFrame);\n  const elementsCompletelyInFrame = new Set([...getElementsCompletelyInFrame(allElements, frame, elementsMap), ...prevElementsInFrame.filter(element => isElementContainingFrame(element, frame, elementsMap))]);\n  const elementsNotCompletelyInFrame = prevElementsInFrame.filter(element => !elementsCompletelyInFrame.has(element)); // for elements that are completely in the frame\n  // if they are part of some groups, then those groups are still\n  // considered to belong to the frame\n\n  const groupsToKeep = new Set(Array.from(elementsCompletelyInFrame).flatMap(element => element.groupIds));\n\n  for (const element of elementsNotCompletelyInFrame) {\n    if (!isElementIntersectingFrame(element, frame, elementsMap)) {\n      if (element.groupIds.length === 0) {\n        nextElementsInFrame.delete(element);\n      }\n    } else if (element.groupIds.length > 0) {\n      // group element intersects with the frame, we should keep the groups\n      // that this element is part of\n      for (const id of element.groupIds) {\n        groupsToKeep.add(id);\n      }\n    }\n  }\n\n  for (const element of elementsNotCompletelyInFrame) {\n    if (element.groupIds.length > 0) {\n      let shouldRemoveElement = true;\n\n      for (const id of element.groupIds) {\n        if (groupsToKeep.has(id)) {\n          shouldRemoveElement = false;\n        }\n      }\n\n      if (shouldRemoveElement) {\n        nextElementsInFrame.delete(element);\n      }\n    }\n  }\n\n  const individualElementsCompletelyInFrame = Array.from(elementsCompletelyInFrame).filter(element => element.groupIds.length === 0);\n\n  for (const element of individualElementsCompletelyInFrame) {\n    nextElementsInFrame.add(element);\n  }\n\n  const newGroupElementsCompletelyInFrame = Array.from(elementsCompletelyInFrame).filter(element => element.groupIds.length > 0);\n  const groupIds = (0,_groups__WEBPACK_IMPORTED_MODULE_3__.selectGroupsFromGivenElements)(newGroupElementsCompletelyInFrame, appState); // new group elements\n\n  for (const [id, isSelected] of Object.entries(groupIds)) {\n    if (isSelected) {\n      const elementsInGroup = (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(allElements, id);\n\n      if (elementsAreInFrameBounds(elementsInGroup, frame, elementsMap)) {\n        for (const element of elementsInGroup) {\n          nextElementsInFrame.add(element);\n        }\n      }\n    }\n  }\n\n  return [...nextElementsInFrame].filter(element => {\n    return !((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(element) && element.containerId);\n  });\n};\nconst getElementsInNewFrame = (elements, frame, elementsMap) => {\n  return omitPartialGroups(omitGroupsContainingFrameLikes(elements, getElementsCompletelyInFrame(elements, frame, elementsMap)), frame, elementsMap);\n};\nconst omitPartialGroups = (elements, frame, allElementsMap) => {\n  const elementsToReturn = [];\n  const checkedGroups = new Map();\n\n  for (const element of elements) {\n    let shouldOmit = false;\n\n    if (element.groupIds.length > 0) {\n      // if some partial group should be omitted, then all elements in that group should be omitted\n      if (element.groupIds.some(gid => checkedGroups.get(gid))) {\n        shouldOmit = true;\n      } else {\n        const allElementsInGroup = new Set(element.groupIds.flatMap(gid => (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(allElementsMap, gid)));\n        shouldOmit = !elementsAreInFrameBounds(Array.from(allElementsInGroup), frame, allElementsMap);\n      }\n\n      element.groupIds.forEach(gid => {\n        checkedGroups.set(gid, shouldOmit);\n      });\n    }\n\n    if (!shouldOmit) {\n      elementsToReturn.push(element);\n    }\n  }\n\n  return elementsToReturn;\n};\nconst getContainingFrame = (element, elementsMap) => {\n  if (!element.frameId) {\n    return null;\n  }\n\n  return elementsMap.get(element.frameId) || null;\n}; // --------------------------- Frame Operations -------------------------------\n\n/** */\n\nconst filterElementsEligibleAsFrameChildren = (elements, frame) => {\n  //zsviczian: nothing is eligible for marker frames\n  if (frame.frameRole === \"marker\") {\n    return [];\n  }\n\n  const otherFrames = new Set();\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  elements = omitGroupsContainingFrameLikes(elements);\n\n  for (const element of elements) {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) && element.id !== frame.id) {\n      otherFrames.add(element.id);\n    }\n  }\n\n  const processedGroups = new Set();\n  const eligibleElements = [];\n\n  for (const element of elements) {\n    // don't add frames or their children\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) || element.frameId && otherFrames.has(element.frameId)) {\n      continue;\n    }\n\n    if (element.groupIds.length) {\n      const shallowestGroupId = element.groupIds.at(-1);\n\n      if (!processedGroups.has(shallowestGroupId)) {\n        processedGroups.add(shallowestGroupId);\n        const groupElements = (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(elements, shallowestGroupId);\n\n        if (groupElements.some(el => elementOverlapsWithFrame(el, frame, elementsMap))) {\n          for (const child of groupElements) {\n            eligibleElements.push(child);\n          }\n        }\n      }\n    } else {\n      const overlaps = elementOverlapsWithFrame(element, frame, elementsMap);\n\n      if (overlaps) {\n        eligibleElements.push(element);\n      }\n    }\n  }\n\n  return eligibleElements;\n};\nconst getCommonFrameId = elements => {\n  let commonFrameId;\n\n  for (const element of elements) {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) || !element.frameId) {\n      return null;\n    }\n\n    if (commonFrameId === undefined) {\n      commonFrameId = element.frameId;\n    } else if (commonFrameId !== element.frameId) {\n      return null;\n    }\n  }\n\n  return commonFrameId !== null && commonFrameId !== void 0 ? commonFrameId : null;\n};\nconst getFrameChildrenInsertionIndex = (elements, frameId) => {\n  for (let index = elements.length - 1; index >= 0; index--) {\n    const element = elements[index];\n\n    if (element.id === frameId) {\n      return index;\n    } else if (element.frameId === frameId) {\n      return index + 1;\n    }\n  }\n\n  return null;\n};\n/**\n * Adds elements and their bound elements to frame. Reorders added elements to\n * be just below frame, or just above its highest child (whichever is higher).\n *\n * @returns mutated allElements (same data structure)\n */\n\nconst addElementsToFrame = (allElements, elementsToAdd, frame) => {\n  if (frame.frameRole === \"marker\") {\n    return allElements;\n  } //zsviczian\n\n\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(allElements);\n  const commonFrameId = getCommonFrameId(elementsToAdd);\n  const finalElementsToAdd = new Set();\n  const otherFrames = new Set();\n\n  for (const element of elementsToAdd) {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) && element.id !== frame.id) {\n      otherFrames.add(element.id);\n    }\n  } // - add bound text elements if not already in the array\n  // - keep elements already in the frame so mixed selections can be reordered\n  //   together\n\n\n  for (const element of omitGroupsContainingFrameLikes(allElements, elementsToAdd)) {\n    // don't add frames or their children\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) || element.frameId && otherFrames.has(element.frameId)) {\n      continue;\n    }\n\n    if (element.frameId && element.frameId !== frame.id) {\n      continue;\n    }\n\n    finalElementsToAdd.add(element);\n    const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n\n    if (boundTextElement && !finalElementsToAdd.has(boundTextElement)) {\n      finalElementsToAdd.add(boundTextElement);\n    }\n  }\n\n  for (const element of finalElementsToAdd) {\n    // we don't always need to update the element if it's already in the frame,\n    // but we still need to accumulate in finalElementsToAdd so we potentially\n    // reorder them if added together\n    if (element.frameId !== frame.id) {\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, elementsMap, {\n        frameId: frame.id\n      });\n    }\n  } // (re)order elements to be just below the frame,\n  // or just above the highest child if that is higher\n  // (latter case is denormalized order until we migrate)\n  // ---------------------------------------------------------------------------\n\n\n  if (!finalElementsToAdd.size || // if all elements to add already belong to the frame, then we don't want to\n  // reorder (case: we're dragging element children within the frame)\n  commonFrameId === frame.id) {\n    return allElements;\n  }\n\n  const otherElements = Array.from(allElements.values()).filter(element => !finalElementsToAdd.has(element));\n  const insertionIndex = getFrameChildrenInsertionIndex(otherElements, frame.id);\n\n  if (insertionIndex === null) {\n    return allElements;\n  }\n\n  const reorderedElements = [...otherElements.slice(0, insertionIndex), ...finalElementsToAdd, ...otherElements.slice(insertionIndex)];\n  (0,_fractionalIndex__WEBPACK_IMPORTED_MODULE_7__.syncMovedIndices)(reorderedElements, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)([...finalElementsToAdd]));\n  return Array.isArray(allElements) ? reorderedElements : new Map(reorderedElements.map(element => [element.id, element]));\n};\nconst removeElementsFromFrame = (elementsToRemove, elementsMap) => {\n  const _elementsToRemove = new Map();\n\n  const toRemoveElementsByFrame = new Map();\n\n  for (const element of elementsToRemove) {\n    if (element.frameId) {\n      _elementsToRemove.set(element.id, element);\n\n      const arr = toRemoveElementsByFrame.get(element.frameId) || [];\n      arr.push(element);\n      const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n\n      if (boundTextElement) {\n        _elementsToRemove.set(boundTextElement.id, boundTextElement);\n\n        arr.push(boundTextElement);\n      }\n\n      toRemoveElementsByFrame.set(element.frameId, arr);\n    }\n  }\n\n  for (const [, element] of _elementsToRemove) {\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, elementsMap, {\n      frameId: null\n    });\n  }\n};\nconst removeAllElementsFromFrame = (allElements, frame) => {\n  const elementsInFrame = getFrameChildren(allElements, frame.id);\n  removeElementsFromFrame(elementsInFrame, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(allElements));\n  return allElements;\n};\nconst replaceAllElementsInFrame = (allElements, nextElementsInFrame, frame) => {\n  return addElementsToFrame(removeAllElementsFromFrame(allElements, frame), nextElementsInFrame, frame).slice();\n};\n/** does not mutate elements, but returns new ones */\n\nconst updateFrameMembershipOfSelectedElements = (allElements, appState, app) => {\n  const selectedElements = app.scene.getSelectedElements({\n    selectedElementIds: appState.selectedElementIds,\n    // supplying elements explicitly in case we're passed non-state elements\n    elements: allElements\n  });\n  const elementsToFilter = new Set(selectedElements);\n\n  if (appState.editingGroupId) {\n    for (const element of selectedElements) {\n      if (element.groupIds.length === 0) {\n        elementsToFilter.add(element);\n      } else {\n        element.groupIds.flatMap(gid => (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(allElements, gid)).forEach(element => elementsToFilter.add(element));\n      }\n    }\n  }\n\n  const elementsToRemove = new Set();\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(allElements);\n  elementsToFilter.forEach(element => {\n    if (element.frameId && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) && !isElementInFrame(element, elementsMap, appState)) {\n      elementsToRemove.add(element);\n    }\n  });\n\n  if (elementsToRemove.size > 0) {\n    removeElementsFromFrame(elementsToRemove, elementsMap);\n  }\n\n  return allElements;\n};\n/**\n * filters out elements that are inside groups that contain a frame element\n * anywhere in the group tree\n */\n\nconst omitGroupsContainingFrameLikes = (allElements,\n/** subset of elements you want to filter. Optional perf optimization so we\n * don't have to filter all elements unnecessarily\n */\nselectedElements) => {\n  const uniqueGroupIds = new Set();\n  const elements = selectedElements || allElements;\n\n  for (const el of elements.values()) {\n    const topMostGroupId = el.groupIds[el.groupIds.length - 1];\n\n    if (topMostGroupId) {\n      uniqueGroupIds.add(topMostGroupId);\n    }\n  }\n\n  const rejectedGroupIds = new Set();\n\n  for (const groupId of uniqueGroupIds) {\n    if ((0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(allElements, groupId).some(el => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(el))) {\n      rejectedGroupIds.add(groupId);\n    }\n  }\n\n  const ret = [];\n\n  for (const element of elements.values()) {\n    if (!rejectedGroupIds.has(element.groupIds[element.groupIds.length - 1])) {\n      ret.push(element);\n    }\n  }\n\n  return ret;\n};\n/**\n * depending on the appState, return target frame, which is the frame the given element\n * is going to be added to or remove from\n */\n\nconst getTargetFrame = (element, elementsMap, appState) => {\n  const _element = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(element) ? (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getContainerElement)(element, elementsMap) || element : element; // if the element and its containing frame are both selected, then\n  // the containing frame is the target frame\n\n\n  if (_element.frameId && appState.selectedElementIds[_element.id] && appState.selectedElementIds[_element.frameId]) {\n    return getContainingFrame(_element, elementsMap);\n  }\n\n  return appState.selectedElementIds[_element.id] && appState.selectedElementsAreBeingDragged ? appState.frameToHighlight : getContainingFrame(_element, elementsMap);\n}; // TODO: this a huge bottleneck for large scenes, optimise\n// given an element, return if the element is in some frame\n\nconst isElementInFrame = (element, allElementsMap, appState, opts) => {\n  var _a, _b;\n\n  const frame = (_a = opts === null || opts === void 0 ? void 0 : opts.targetFrame) !== null && _a !== void 0 ? _a : getTargetFrame(element, allElementsMap, appState);\n\n  if (!frame) {\n    return false;\n  }\n\n  const _element = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(element) ? (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getContainerElement)(element, allElementsMap) || element : element;\n\n  const setGroupsInFrame = isInFrame => {\n    if (opts === null || opts === void 0 ? void 0 : opts.checkedGroups) {\n      _element.groupIds.forEach(groupId => {\n        var _a;\n\n        (_a = opts.checkedGroups) === null || _a === void 0 ? void 0 : _a.set(groupId, isInFrame);\n      });\n    }\n  };\n\n  if ( // if the element is not selected, or it is selected but not being dragged,\n  // frame membership won't update, so return true\n  !appState.selectedElementIds[_element.id] || !appState.selectedElementsAreBeingDragged || // if both frame and element are selected, won't update membership, so return true\n  appState.selectedElementIds[_element.id] && appState.selectedElementIds[frame.id]) {\n    return true;\n  }\n\n  if (_element.groupIds.length === 0) {\n    return elementOverlapsWithFrame(_element, frame, allElementsMap);\n  }\n\n  for (const gid of _element.groupIds) {\n    if ((_b = opts === null || opts === void 0 ? void 0 : opts.checkedGroups) === null || _b === void 0 ? void 0 : _b.has(gid)) {\n      return opts.checkedGroups.get(gid);\n    }\n  }\n\n  const allElementsInGroup = new Set(_element.groupIds.filter(gid => {\n    if (opts === null || opts === void 0 ? void 0 : opts.checkedGroups) {\n      return !opts.checkedGroups.has(gid);\n    }\n\n    return true;\n  }).flatMap(gid => (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(allElementsMap, gid)));\n\n  if (appState.editingGroupId && appState.selectedElementsAreBeingDragged) {\n    const selectedElements = new Set((0,_selection__WEBPACK_IMPORTED_MODULE_2__.getSelectedElements)(allElementsMap, appState));\n    const editingGroupOverlapsFrame = appState.frameToHighlight !== null;\n\n    if (editingGroupOverlapsFrame) {\n      return true;\n    }\n\n    selectedElements.forEach(selectedElement => {\n      allElementsInGroup.delete(selectedElement);\n    });\n  }\n\n  for (const elementInGroup of allElementsInGroup) {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(elementInGroup)) {\n      setGroupsInFrame(false);\n      return false;\n    }\n  }\n\n  for (const elementInGroup of allElementsInGroup) {\n    if (elementOverlapsWithFrame(elementInGroup, frame, allElementsMap)) {\n      setGroupsInFrame(true);\n      return true;\n    }\n  }\n\n  return false;\n};\nconst shouldApplyFrameClip = (element, frame, appState, elementsMap, checkedGroups) => {\n  if (!appState.frameRendering || !appState.frameRendering.clip) {\n    return false;\n  } // for individual elements, only clip when the element is\n  // a. overlapping with the frame, or\n  // b. containing the frame, for example when an element is used as a background\n  //    and is therefore bigger than the frame and completely contains the frame\n\n\n  const shouldClipElementItself = isElementIntersectingFrame(element, frame, elementsMap) || isElementContainingFrame(element, frame, elementsMap);\n\n  if (shouldClipElementItself) {\n    for (const groupId of element.groupIds) {\n      checkedGroups === null || checkedGroups === void 0 ? void 0 : checkedGroups.set(groupId, true);\n    }\n\n    return true;\n  } // if an element is outside the frame, but is part of a group that has some elements\n  // \"in\" the frame, we should clip the element\n\n\n  if (!shouldClipElementItself && element.groupIds.length > 0 && !elementsAreInFrameBounds([element], frame, elementsMap)) {\n    let shouldClip = false; // if no elements are being dragged, we can skip the geometry check\n    // because we know if the element is in the given frame or not\n\n    if (!appState.selectedElementsAreBeingDragged) {\n      shouldClip = element.frameId === frame.id;\n\n      for (const groupId of element.groupIds) {\n        checkedGroups === null || checkedGroups === void 0 ? void 0 : checkedGroups.set(groupId, shouldClip);\n      }\n    } else {\n      shouldClip = isElementInFrame(element, elementsMap, appState, {\n        targetFrame: frame,\n        checkedGroups\n      });\n    }\n\n    for (const groupId of element.groupIds) {\n      checkedGroups === null || checkedGroups === void 0 ? void 0 : checkedGroups.set(groupId, shouldClip);\n    }\n\n    return shouldClip;\n  }\n\n  return false;\n};\nconst DEFAULT_FRAME_NAME = \"Frame\";\nconst DEFAULT_AI_FRAME_NAME = \"AI Frame\";\nconst getDefaultFrameName = element => {\n  // TODO name frames \"AI\" only if specific to AI frames\n  return (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameElement)(element) ? DEFAULT_FRAME_NAME : DEFAULT_AI_FRAME_NAME;\n};\nconst getFrameLikeTitle = element => {\n  return element.name === null ? getDefaultFrameName(element) : element.name;\n};\nconst getElementsOverlappingFrame = (elements, frame, elementsMap) => {\n  return elements.filter(el => // exclude elements which are overlapping, but are in a different frame,\n  // and thus invisible in target frame\n  (!el.frameId || el.frameId === frame.id) && (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.doBoundsIntersect)((0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementBounds)(el, elementsMap), (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementBounds)(frame, elementsMap)));\n};\nconst frameAndChildrenSelectedTogether = selectedElements => {\n  const selectedElementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(selectedElements);\n  return selectedElements.length > 1 && selectedElements.some(element => element.frameId && selectedElementsMap.has(element.frameId));\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/frame.ts?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   addElementsToFrame: () => (/* binding */ addElementsToFrame),\n/* harmony export */   bindElementsToFramesAfterDuplication: () => (/* binding */ bindElementsToFramesAfterDuplication),\n/* harmony export */   elementOverlapsWithFrame: () => (/* binding */ elementOverlapsWithFrame),\n/* harmony export */   elementsAreInFrameBounds: () => (/* binding */ elementsAreInFrameBounds),\n/* harmony export */   filterElementsEligibleAsFrameChildren: () => (/* binding */ filterElementsEligibleAsFrameChildren),\n/* harmony export */   frameAndChildrenSelectedTogether: () => (/* binding */ frameAndChildrenSelectedTogether),\n/* harmony export */   getCommonFrameId: () => (/* binding */ getCommonFrameId),\n/* harmony export */   getContainingFrame: () => (/* binding */ getContainingFrame),\n/* harmony export */   getDefaultFrameName: () => (/* binding */ getDefaultFrameName),\n/* harmony export */   getElementsCompletelyInFrame: () => (/* binding */ getElementsCompletelyInFrame),\n/* harmony export */   getElementsInNewFrame: () => (/* binding */ getElementsInNewFrame),\n/* harmony export */   getElementsInResizingFrame: () => (/* binding */ getElementsInResizingFrame),\n/* harmony export */   getElementsIntersectingFrame: () => (/* binding */ getElementsIntersectingFrame),\n/* harmony export */   getElementsOverlappingFrame: () => (/* binding */ getElementsOverlappingFrame),\n/* harmony export */   getFrameChildren: () => (/* binding */ getFrameChildren),\n/* harmony export */   getFrameChildrenInsertionIndex: () => (/* binding */ getFrameChildrenInsertionIndex),\n/* harmony export */   getFrameLikeElements: () => (/* binding */ getFrameLikeElements),\n/* harmony export */   getFrameLikeTitle: () => (/* binding */ getFrameLikeTitle),\n/* harmony export */   getRootElements: () => (/* binding */ getRootElements),\n/* harmony export */   getTargetFrame: () => (/* binding */ getTargetFrame),\n/* harmony export */   groupByFrameLikes: () => (/* binding */ groupByFrameLikes),\n/* harmony export */   groupsAreAtLeastIntersectingTheFrame: () => (/* binding */ groupsAreAtLeastIntersectingTheFrame),\n/* harmony export */   groupsAreCompletelyOutOfFrame: () => (/* binding */ groupsAreCompletelyOutOfFrame),\n/* harmony export */   isCursorInFrame: () => (/* binding */ isCursorInFrame),\n/* harmony export */   isElementContainingFrame: () => (/* binding */ isElementContainingFrame),\n/* harmony export */   isElementInFrame: () => (/* binding */ isElementInFrame),\n/* harmony export */   isElementIntersectingFrame: () => (/* binding */ isElementIntersectingFrame),\n/* harmony export */   omitGroupsContainingFrameLikes: () => (/* binding */ omitGroupsContainingFrameLikes),\n/* harmony export */   omitPartialGroups: () => (/* binding */ omitPartialGroups),\n/* harmony export */   removeAllElementsFromFrame: () => (/* binding */ removeAllElementsFromFrame),\n/* harmony export */   removeElementsFromFrame: () => (/* binding */ removeElementsFromFrame),\n/* harmony export */   replaceAllElementsInFrame: () => (/* binding */ replaceAllElementsInFrame),\n/* harmony export */   shouldApplyFrameClip: () => (/* binding */ shouldApplyFrameClip),\n/* harmony export */   updateFrameMembershipOfSelectedElements: () => (/* binding */ updateFrameMembershipOfSelectedElements)\n/* harmony export */ });\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _selection__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./selection */ \"../element/src/selection.ts\");\n/* harmony import */ var _groups__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _bounds__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _mutateElement__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./mutateElement */ \"../element/src/mutateElement.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _fractionalIndex__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./fractionalIndex */ \"../element/src/fractionalIndex.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n\n\n\n\n\n\n\n\n // --------------------------- Frame State ------------------------------------\n\nconst bindElementsToFramesAfterDuplication = (nextElements, origElements, origIdToDuplicateId) => {\n  const nextElementMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(nextElements);\n\n  for (const element of origElements) {\n    if (element.frameId) {\n      // use its frameId to get the new frameId\n      const nextElementId = origIdToDuplicateId.get(element.id);\n      const nextFrameId = origIdToDuplicateId.get(element.frameId);\n      const nextElement = nextElementId && nextElementMap.get(nextElementId);\n\n      if (nextElement) {\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(nextElement, nextElementMap, {\n          frameId: nextFrameId !== null && nextFrameId !== void 0 ? nextFrameId : null\n        });\n      }\n    }\n  }\n};\nfunction isElementIntersectingFrame(element, frame, elementsMap) {\n  const frameLineSegments = (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementLineSegments)(frame, elementsMap);\n  const elementLineSegments = (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementLineSegments)(element, elementsMap);\n  const intersecting = frameLineSegments.some(frameLineSegment => elementLineSegments.some(elementLineSegment => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.segmentsIntersectAt)(frameLineSegment, elementLineSegment)));\n  return intersecting;\n}\nconst getElementsCompletelyInFrame = (elements, frame, elementsMap) => omitGroupsContainingFrameLikes((0,_selection__WEBPACK_IMPORTED_MODULE_2__.getElementsWithinSelection)(elements, frame, elementsMap, false)).filter(element => !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) && !element.frameId || element.frameId === frame.id);\nconst isElementContainingFrame = (element, frame, elementsMap) => {\n  return (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.boundsContainBounds)((0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementBounds)(element, elementsMap), (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementBounds)(frame, elementsMap));\n};\nconst getElementsIntersectingFrame = (elements, frame) => {\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  return elements.filter(element => isElementIntersectingFrame(element, frame, elementsMap));\n};\nconst elementsAreInFrameBounds = (elements, frame, elementsMap) => {\n  const [frameX1, frameY1, frameX2, frameY2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementAbsoluteCoords)(frame, elementsMap);\n  const [elementX1, elementY1, elementX2, elementY2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getCommonBounds)(elements);\n  return frameX1 <= elementX1 && frameY1 <= elementY1 && frameX2 >= elementX2 && frameY2 >= elementY2;\n};\nconst elementOverlapsWithFrame = (element, frame, elementsMap) => {\n  return elementsAreInFrameBounds([element], frame, elementsMap) || isElementIntersectingFrame(element, frame, elementsMap) || isElementContainingFrame(element, frame, elementsMap);\n};\nconst isCursorInFrame = (cursorCoords, frame, elementsMap) => {\n  const [fx1, fy1, fx2, fy2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementAbsoluteCoords)(frame, elementsMap);\n  return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.isPointWithinBounds)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(fx1, fy1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(cursorCoords.x, cursorCoords.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(fx2, fy2));\n};\nconst groupsAreAtLeastIntersectingTheFrame = (elements, groupIds, frame) => {\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  const elementsInGroup = groupIds.flatMap(groupId => (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(elements, groupId));\n\n  if (elementsInGroup.length === 0) {\n    return true;\n  }\n\n  return !!elementsInGroup.find(element => elementsAreInFrameBounds([element], frame, elementsMap) || isElementIntersectingFrame(element, frame, elementsMap));\n};\nconst groupsAreCompletelyOutOfFrame = (elements, groupIds, frame) => {\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  const elementsInGroup = groupIds.flatMap(groupId => (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(elements, groupId));\n\n  if (elementsInGroup.length === 0) {\n    return true;\n  }\n\n  return elementsInGroup.find(element => elementsAreInFrameBounds([element], frame, elementsMap) || isElementIntersectingFrame(element, frame, elementsMap)) === undefined;\n}; // --------------------------- Frame Utils ------------------------------------\n\n/**\n * Returns a map of frameId to frame elements. Includes empty frames.\n */\n\nconst groupByFrameLikes = elements => {\n  const frameElementsMap = new Map();\n\n  for (const element of elements) {\n    const frameId = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) ? element.id : element.frameId;\n\n    if (frameId && !frameElementsMap.has(frameId)) {\n      frameElementsMap.set(frameId, getFrameChildren(elements, frameId));\n    }\n  }\n\n  return frameElementsMap;\n};\nconst getFrameChildren = (allElements, frameId) => {\n  const frameChildren = [];\n\n  for (const element of allElements.values()) {\n    if (element.frameId === frameId) {\n      frameChildren.push(element);\n    }\n  }\n\n  return frameChildren;\n};\nconst getFrameLikeElements = allElements => {\n  return allElements.filter(element => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element));\n};\n/**\n * Returns ExcalidrawFrameElements and non-frame-children elements.\n *\n * Considers children as root elements if they point to a frame parent\n * non-existing in the elements set.\n *\n * Considers non-frame bound elements (container or arrow labels) as root.\n */\n\nconst getRootElements = allElements => {\n  const frameElements = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(getFrameLikeElements(allElements));\n  return allElements.filter(element => frameElements.has(element.id) || !element.frameId || !frameElements.has(element.frameId));\n};\nconst getElementsInResizingFrame = (allElements, frame, appState, elementsMap) => {\n  const prevElementsInFrame = getFrameChildren(allElements, frame.id); //zsviczian: do not suggest adding new elements to marker frames while resizing\n\n  if (frame.frameRole === \"marker\") {\n    return prevElementsInFrame.filter(element => !((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(element) && element.containerId));\n  }\n\n  const nextElementsInFrame = new Set(prevElementsInFrame);\n  const elementsCompletelyInFrame = new Set([...getElementsCompletelyInFrame(allElements, frame, elementsMap), ...prevElementsInFrame.filter(element => isElementContainingFrame(element, frame, elementsMap))]);\n  const elementsNotCompletelyInFrame = prevElementsInFrame.filter(element => !elementsCompletelyInFrame.has(element)); // for elements that are completely in the frame\n  // if they are part of some groups, then those groups are still\n  // considered to belong to the frame\n\n  const groupsToKeep = new Set(Array.from(elementsCompletelyInFrame).flatMap(element => element.groupIds));\n\n  for (const element of elementsNotCompletelyInFrame) {\n    if (!isElementIntersectingFrame(element, frame, elementsMap)) {\n      if (element.groupIds.length === 0) {\n        nextElementsInFrame.delete(element);\n      }\n    } else if (element.groupIds.length > 0) {\n      // group element intersects with the frame, we should keep the groups\n      // that this element is part of\n      for (const id of element.groupIds) {\n        groupsToKeep.add(id);\n      }\n    }\n  }\n\n  for (const element of elementsNotCompletelyInFrame) {\n    if (element.groupIds.length > 0) {\n      let shouldRemoveElement = true;\n\n      for (const id of element.groupIds) {\n        if (groupsToKeep.has(id)) {\n          shouldRemoveElement = false;\n        }\n      }\n\n      if (shouldRemoveElement) {\n        nextElementsInFrame.delete(element);\n      }\n    }\n  }\n\n  const individualElementsCompletelyInFrame = Array.from(elementsCompletelyInFrame).filter(element => element.groupIds.length === 0);\n\n  for (const element of individualElementsCompletelyInFrame) {\n    nextElementsInFrame.add(element);\n  }\n\n  const newGroupElementsCompletelyInFrame = Array.from(elementsCompletelyInFrame).filter(element => element.groupIds.length > 0);\n  const groupIds = (0,_groups__WEBPACK_IMPORTED_MODULE_3__.selectGroupsFromGivenElements)(newGroupElementsCompletelyInFrame, appState); // new group elements\n\n  for (const [id, isSelected] of Object.entries(groupIds)) {\n    if (isSelected) {\n      const elementsInGroup = (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(allElements, id);\n\n      if (elementsAreInFrameBounds(elementsInGroup, frame, elementsMap)) {\n        for (const element of elementsInGroup) {\n          nextElementsInFrame.add(element);\n        }\n      }\n    }\n  }\n\n  return [...nextElementsInFrame].filter(element => {\n    return !((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(element) && element.containerId);\n  });\n};\nconst getElementsInNewFrame = (elements, frame, elementsMap) => {\n  return omitPartialGroups(omitGroupsContainingFrameLikes(elements, getElementsCompletelyInFrame(elements, frame, elementsMap)), frame, elementsMap);\n};\nconst omitPartialGroups = (elements, frame, allElementsMap) => {\n  const elementsToReturn = [];\n  const checkedGroups = new Map();\n\n  for (const element of elements) {\n    let shouldOmit = false;\n\n    if (element.groupIds.length > 0) {\n      // if some partial group should be omitted, then all elements in that group should be omitted\n      if (element.groupIds.some(gid => checkedGroups.get(gid))) {\n        shouldOmit = true;\n      } else {\n        const allElementsInGroup = new Set(element.groupIds.flatMap(gid => (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(allElementsMap, gid)));\n        shouldOmit = !elementsAreInFrameBounds(Array.from(allElementsInGroup), frame, allElementsMap);\n      }\n\n      element.groupIds.forEach(gid => {\n        checkedGroups.set(gid, shouldOmit);\n      });\n    }\n\n    if (!shouldOmit) {\n      elementsToReturn.push(element);\n    }\n  }\n\n  return elementsToReturn;\n};\nconst getContainingFrame = (element, elementsMap) => {\n  if (!element.frameId) {\n    return null;\n  }\n\n  return elementsMap.get(element.frameId) || null;\n}; // --------------------------- Frame Operations -------------------------------\n\n/** */\n\nconst filterElementsEligibleAsFrameChildren = (elements, frame) => {\n  //zsviczian: nothing is eligible for marker frames\n  if (frame.frameRole === \"marker\") {\n    return [];\n  }\n\n  const otherFrames = new Set();\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  elements = omitGroupsContainingFrameLikes(elements);\n\n  for (const element of elements) {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) && element.id !== frame.id) {\n      otherFrames.add(element.id);\n    }\n  }\n\n  const processedGroups = new Set();\n  const eligibleElements = [];\n\n  for (const element of elements) {\n    // don't add frames or their children\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) || element.frameId && otherFrames.has(element.frameId)) {\n      continue;\n    }\n\n    if (element.groupIds.length) {\n      const shallowestGroupId = element.groupIds.at(-1);\n\n      if (!processedGroups.has(shallowestGroupId)) {\n        processedGroups.add(shallowestGroupId);\n        const groupElements = (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(elements, shallowestGroupId);\n\n        if (groupElements.some(el => elementOverlapsWithFrame(el, frame, elementsMap))) {\n          for (const child of groupElements) {\n            eligibleElements.push(child);\n          }\n        }\n      }\n    } else {\n      const overlaps = elementOverlapsWithFrame(element, frame, elementsMap);\n\n      if (overlaps) {\n        eligibleElements.push(element);\n      }\n    }\n  }\n\n  return eligibleElements;\n};\nconst getCommonFrameId = elements => {\n  let commonFrameId;\n\n  for (const element of elements) {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) || !element.frameId) {\n      return null;\n    }\n\n    if (commonFrameId === undefined) {\n      commonFrameId = element.frameId;\n    } else if (commonFrameId !== element.frameId) {\n      return null;\n    }\n  }\n\n  return commonFrameId !== null && commonFrameId !== void 0 ? commonFrameId : null;\n};\nconst getFrameChildrenInsertionIndex = (elements, frameId) => {\n  for (let index = elements.length - 1; index >= 0; index--) {\n    const element = elements[index];\n\n    if (element.id === frameId) {\n      return index;\n    } else if (element.frameId === frameId) {\n      return index + 1;\n    }\n  }\n\n  return null;\n};\n/**\n * Adds elements and their bound elements to frame. Reorders added elements to\n * be just below frame, or just above its highest child (whichever is higher).\n *\n * @returns mutated allElements (same data structure)\n */\n\nconst addElementsToFrame = (allElements, elementsToAdd, frame) => {\n  if (frame.frameRole === \"marker\") {\n    return allElements;\n  } //zsviczian\n\n\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(allElements);\n  const commonFrameId = getCommonFrameId(elementsToAdd);\n  const finalElementsToAdd = new Set();\n  const otherFrames = new Set();\n\n  for (const element of elementsToAdd) {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) && element.id !== frame.id) {\n      otherFrames.add(element.id);\n    }\n  } // - add bound text elements if not already in the array\n  // - keep elements already in the frame so mixed selections can be reordered\n  //   together\n\n\n  for (const element of omitGroupsContainingFrameLikes(allElements, elementsToAdd)) {\n    // don't add frames or their children\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) || element.frameId && otherFrames.has(element.frameId)) {\n      continue;\n    }\n\n    finalElementsToAdd.add(element);\n    const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n\n    if (boundTextElement && !finalElementsToAdd.has(boundTextElement)) {\n      finalElementsToAdd.add(boundTextElement);\n    }\n  }\n\n  for (const element of finalElementsToAdd) {\n    // we don't always need to update the element if it's already in the frame,\n    // but we still need to accumulate in finalElementsToAdd so we potentially\n    // reorder them if added together\n    if (element.frameId !== frame.id) {\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, elementsMap, {\n        frameId: frame.id\n      });\n    }\n  } // (re)order elements to be just below the frame,\n  // or just above the highest child if that is higher\n  // (latter case is denormalized order until we migrate)\n  // ---------------------------------------------------------------------------\n\n\n  if (!finalElementsToAdd.size || // if all elements to add already belong to the frame, then we don't want to\n  // reorder (case: we're dragging element children within the frame)\n  commonFrameId === frame.id) {\n    return allElements;\n  }\n\n  const otherElements = Array.from(allElements.values()).filter(element => !finalElementsToAdd.has(element));\n  const insertionIndex = getFrameChildrenInsertionIndex(otherElements, frame.id);\n\n  if (insertionIndex === null) {\n    return allElements;\n  }\n\n  const reorderedElements = [...otherElements.slice(0, insertionIndex), ...finalElementsToAdd, ...otherElements.slice(insertionIndex)];\n  (0,_fractionalIndex__WEBPACK_IMPORTED_MODULE_7__.syncMovedIndices)(reorderedElements, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)([...finalElementsToAdd]));\n  return Array.isArray(allElements) ? reorderedElements : new Map(reorderedElements.map(element => [element.id, element]));\n};\nconst removeElementsFromFrame = (elementsToRemove, elementsMap) => {\n  const _elementsToRemove = new Map();\n\n  const toRemoveElementsByFrame = new Map();\n\n  for (const element of elementsToRemove) {\n    if (element.frameId) {\n      _elementsToRemove.set(element.id, element);\n\n      const arr = toRemoveElementsByFrame.get(element.frameId) || [];\n      arr.push(element);\n      const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n\n      if (boundTextElement) {\n        _elementsToRemove.set(boundTextElement.id, boundTextElement);\n\n        arr.push(boundTextElement);\n      }\n\n      toRemoveElementsByFrame.set(element.frameId, arr);\n    }\n  }\n\n  for (const [, element] of _elementsToRemove) {\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, elementsMap, {\n      frameId: null\n    });\n  }\n};\nconst removeAllElementsFromFrame = (allElements, frame) => {\n  const elementsInFrame = getFrameChildren(allElements, frame.id);\n  removeElementsFromFrame(elementsInFrame, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(allElements));\n  return allElements;\n};\nconst replaceAllElementsInFrame = (allElements, nextElementsInFrame, frame) => {\n  return addElementsToFrame(removeAllElementsFromFrame(allElements, frame), nextElementsInFrame, frame).slice();\n};\n/** does not mutate elements, but returns new ones */\n\nconst updateFrameMembershipOfSelectedElements = (allElements, appState, app) => {\n  const selectedElements = app.scene.getSelectedElements({\n    selectedElementIds: appState.selectedElementIds,\n    // supplying elements explicitly in case we're passed non-state elements\n    elements: allElements\n  });\n  const elementsToFilter = new Set(selectedElements);\n\n  if (appState.editingGroupId) {\n    for (const element of selectedElements) {\n      if (element.groupIds.length === 0) {\n        elementsToFilter.add(element);\n      } else {\n        element.groupIds.flatMap(gid => (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(allElements, gid)).forEach(element => elementsToFilter.add(element));\n      }\n    }\n  }\n\n  const elementsToRemove = new Set();\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(allElements);\n  elementsToFilter.forEach(element => {\n    if (element.frameId && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element) && !isElementInFrame(element, elementsMap, appState)) {\n      elementsToRemove.add(element);\n    }\n  });\n\n  if (elementsToRemove.size > 0) {\n    removeElementsFromFrame(elementsToRemove, elementsMap);\n  }\n\n  return allElements;\n};\n/**\n * filters out elements that are inside groups that contain a frame element\n * anywhere in the group tree\n */\n\nconst omitGroupsContainingFrameLikes = (allElements,\n/** subset of elements you want to filter. Optional perf optimization so we\n * don't have to filter all elements unnecessarily\n */\nselectedElements) => {\n  const uniqueGroupIds = new Set();\n  const elements = selectedElements || allElements;\n\n  for (const el of elements.values()) {\n    const topMostGroupId = el.groupIds[el.groupIds.length - 1];\n\n    if (topMostGroupId) {\n      uniqueGroupIds.add(topMostGroupId);\n    }\n  }\n\n  const rejectedGroupIds = new Set();\n\n  for (const groupId of uniqueGroupIds) {\n    if ((0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(allElements, groupId).some(el => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(el))) {\n      rejectedGroupIds.add(groupId);\n    }\n  }\n\n  const ret = [];\n\n  for (const element of elements.values()) {\n    if (!rejectedGroupIds.has(element.groupIds[element.groupIds.length - 1])) {\n      ret.push(element);\n    }\n  }\n\n  return ret;\n};\n/**\n * depending on the appState, return target frame, which is the frame the given element\n * is going to be added to or remove from\n */\n\nconst getTargetFrame = (element, elementsMap, appState) => {\n  const _element = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(element) ? (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getContainerElement)(element, elementsMap) || element : element; // if the element and its containing frame are both selected, then\n  // the containing frame is the target frame\n\n\n  if (_element.frameId && appState.selectedElementIds[_element.id] && appState.selectedElementIds[_element.frameId]) {\n    return getContainingFrame(_element, elementsMap);\n  }\n\n  return appState.selectedElementIds[_element.id] && appState.selectedElementsAreBeingDragged ? appState.frameToHighlight : getContainingFrame(_element, elementsMap);\n}; // TODO: this a huge bottleneck for large scenes, optimise\n// given an element, return if the element is in some frame\n\nconst isElementInFrame = (element, allElementsMap, appState, opts) => {\n  var _a, _b;\n\n  const frame = (_a = opts === null || opts === void 0 ? void 0 : opts.targetFrame) !== null && _a !== void 0 ? _a : getTargetFrame(element, allElementsMap, appState);\n\n  if (!frame) {\n    return false;\n  }\n\n  const _element = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(element) ? (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getContainerElement)(element, allElementsMap) || element : element;\n\n  const setGroupsInFrame = isInFrame => {\n    if (opts === null || opts === void 0 ? void 0 : opts.checkedGroups) {\n      _element.groupIds.forEach(groupId => {\n        var _a;\n\n        (_a = opts.checkedGroups) === null || _a === void 0 ? void 0 : _a.set(groupId, isInFrame);\n      });\n    }\n  };\n\n  if ( // if the element is not selected, or it is selected but not being dragged,\n  // frame membership won't update, so return true\n  !appState.selectedElementIds[_element.id] || !appState.selectedElementsAreBeingDragged || // if both frame and element are selected, won't update membership, so return true\n  appState.selectedElementIds[_element.id] && appState.selectedElementIds[frame.id]) {\n    return true;\n  }\n\n  if (_element.groupIds.length === 0) {\n    return elementOverlapsWithFrame(_element, frame, allElementsMap);\n  }\n\n  for (const gid of _element.groupIds) {\n    if ((_b = opts === null || opts === void 0 ? void 0 : opts.checkedGroups) === null || _b === void 0 ? void 0 : _b.has(gid)) {\n      return opts.checkedGroups.get(gid);\n    }\n  }\n\n  const allElementsInGroup = new Set(_element.groupIds.filter(gid => {\n    if (opts === null || opts === void 0 ? void 0 : opts.checkedGroups) {\n      return !opts.checkedGroups.has(gid);\n    }\n\n    return true;\n  }).flatMap(gid => (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(allElementsMap, gid)));\n\n  if (appState.editingGroupId && appState.selectedElementsAreBeingDragged) {\n    const selectedElements = new Set((0,_selection__WEBPACK_IMPORTED_MODULE_2__.getSelectedElements)(allElementsMap, appState));\n    const editingGroupOverlapsFrame = appState.frameToHighlight !== null;\n\n    if (editingGroupOverlapsFrame) {\n      return true;\n    }\n\n    selectedElements.forEach(selectedElement => {\n      allElementsInGroup.delete(selectedElement);\n    });\n  }\n\n  for (const elementInGroup of allElementsInGroup) {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(elementInGroup)) {\n      setGroupsInFrame(false);\n      return false;\n    }\n  }\n\n  for (const elementInGroup of allElementsInGroup) {\n    if (elementOverlapsWithFrame(elementInGroup, frame, allElementsMap)) {\n      setGroupsInFrame(true);\n      return true;\n    }\n  }\n\n  return false;\n};\nconst shouldApplyFrameClip = (element, frame, appState, elementsMap, checkedGroups) => {\n  if (!appState.frameRendering || !appState.frameRendering.clip) {\n    return false;\n  } // for individual elements, only clip when the element is\n  // a. overlapping with the frame, or\n  // b. containing the frame, for example when an element is used as a background\n  //    and is therefore bigger than the frame and completely contains the frame\n\n\n  const shouldClipElementItself = isElementIntersectingFrame(element, frame, elementsMap) || isElementContainingFrame(element, frame, elementsMap);\n\n  if (shouldClipElementItself) {\n    for (const groupId of element.groupIds) {\n      checkedGroups === null || checkedGroups === void 0 ? void 0 : checkedGroups.set(groupId, true);\n    }\n\n    return true;\n  } // if an element is outside the frame, but is part of a group that has some elements\n  // \"in\" the frame, we should clip the element\n\n\n  if (!shouldClipElementItself && element.groupIds.length > 0 && !elementsAreInFrameBounds([element], frame, elementsMap)) {\n    let shouldClip = false; // if no elements are being dragged, we can skip the geometry check\n    // because we know if the element is in the given frame or not\n\n    if (!appState.selectedElementsAreBeingDragged) {\n      shouldClip = element.frameId === frame.id;\n\n      for (const groupId of element.groupIds) {\n        checkedGroups === null || checkedGroups === void 0 ? void 0 : checkedGroups.set(groupId, shouldClip);\n      }\n    } else {\n      shouldClip = isElementInFrame(element, elementsMap, appState, {\n        targetFrame: frame,\n        checkedGroups\n      });\n    }\n\n    for (const groupId of element.groupIds) {\n      checkedGroups === null || checkedGroups === void 0 ? void 0 : checkedGroups.set(groupId, shouldClip);\n    }\n\n    return shouldClip;\n  }\n\n  return false;\n};\nconst DEFAULT_FRAME_NAME = \"Frame\";\nconst DEFAULT_AI_FRAME_NAME = \"AI Frame\";\nconst getDefaultFrameName = element => {\n  // TODO name frames \"AI\" only if specific to AI frames\n  return (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameElement)(element) ? DEFAULT_FRAME_NAME : DEFAULT_AI_FRAME_NAME;\n};\nconst getFrameLikeTitle = element => {\n  return element.name === null ? getDefaultFrameName(element) : element.name;\n};\nconst getElementsOverlappingFrame = (elements, frame, elementsMap) => {\n  return elements.filter(el => // exclude elements which are overlapping, but are in a different frame,\n  // and thus invisible in target frame\n  (!el.frameId || el.frameId === frame.id) && (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.doBoundsIntersect)((0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementBounds)(el, elementsMap), (0,_bounds__WEBPACK_IMPORTED_MODULE_4__.getElementBounds)(frame, elementsMap)));\n};\nconst frameAndChildrenSelectedTogether = selectedElements => {\n  const selectedElementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(selectedElements);\n  return selectedElements.length > 1 && selectedElements.some(element => element.frameId && selectedElementsMap.has(element.frameId));\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/frame.ts?\n}");
 
 /***/ },
 
@@ -891,7 +891,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   moveAllLeft: () => (/* binding */ moveAllLeft),\n/* harmony export */   moveAllRight: () => (/* binding */ moveAllRight),\n/* harmony export */   moveArrowAboveBindable: () => (/* binding */ moveArrowAboveBindable),\n/* harmony export */   moveOneLeft: () => (/* binding */ moveOneLeft),\n/* harmony export */   moveOneRight: () => (/* binding */ moveOneRight)\n/* harmony export */ });\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _groups__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _fractionalIndex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./fractionalIndex */ \"../element/src/fractionalIndex.ts\");\n/* harmony import */ var _selection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./selection */ \"../element/src/selection.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _collision__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./collision */ \"../element/src/collision.ts\");\n\n\n\n\n\n\n\n\nconst isOfTargetFrame = (element, frameId) => {\n  return element.frameId === frameId || element.id === frameId;\n};\n/**\n * Returns indices of elements to move based on selected elements.\n * Includes contiguous deleted elements that are between two selected elements,\n *  e.g.: [0 (selected), 1 (deleted), 2 (deleted), 3 (selected)]\n *\n * Specified elements (elementsToBeMoved) take precedence over\n * appState.selectedElementsIds\n */\n\n\nconst getIndicesToMove = (elements, appState, elementsToBeMoved) => {\n  let selectedIndices = [];\n  let deletedIndices = [];\n  let includeDeletedIndex = null;\n  let index = -1;\n  const selectedElementIds = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elementsToBeMoved ? elementsToBeMoved : (0,_selection__WEBPACK_IMPORTED_MODULE_4__.getSelectedElements)(elements, appState, {\n    includeBoundTextElement: true,\n    includeElementsInFrames: true\n  }));\n\n  while (++index < elements.length) {\n    const element = elements[index];\n\n    if (selectedElementIds.get(element.id)) {\n      if (deletedIndices.length) {\n        selectedIndices = selectedIndices.concat(deletedIndices);\n        deletedIndices = [];\n      }\n\n      selectedIndices.push(index);\n      includeDeletedIndex = index + 1;\n    } else if (element.isDeleted && includeDeletedIndex === index) {\n      includeDeletedIndex = index + 1;\n      deletedIndices.push(index);\n    } else {\n      deletedIndices = [];\n    }\n  }\n\n  return selectedIndices;\n};\n\nconst toContiguousGroups = array => {\n  let cursor = 0;\n  return array.reduce((acc, value, index) => {\n    if (index > 0 && array[index - 1] !== value - 1) {\n      cursor = ++cursor;\n    }\n\n    (acc[cursor] || (acc[cursor] = [])).push(value);\n    return acc;\n  }, []);\n};\n/**\n * @returns index of target element, consindering tightly-bound elements\n * (currently non-linear elements bound to a container) as a one unit.\n * If no binding present, returns `undefined`.\n */\n\n\nconst getTargetIndexAccountingForBinding = (nextElement, elements, direction, scene) => {\n  var _a, _b;\n\n  if (\"containerId\" in nextElement && nextElement.containerId) {\n    // TODO: why not to get the container from the nextElements?\n    const containerElement = scene.getElement(nextElement.containerId);\n\n    if (containerElement) {\n      return direction === \"left\" ? Math.min(elements.indexOf(containerElement), elements.indexOf(nextElement)) : Math.max(elements.indexOf(containerElement), elements.indexOf(nextElement));\n    }\n  } else {\n    const boundElementId = (_b = (_a = nextElement.boundElements) === null || _a === void 0 ? void 0 : _a.find(binding => binding.type !== \"arrow\")) === null || _b === void 0 ? void 0 : _b.id;\n\n    if (boundElementId) {\n      const boundTextElement = scene.getElement(boundElementId);\n\n      if (boundTextElement) {\n        return direction === \"left\" ? Math.min(elements.indexOf(boundTextElement), elements.indexOf(nextElement)) : Math.max(elements.indexOf(boundTextElement), elements.indexOf(nextElement));\n      }\n    }\n  }\n};\n\nconst getContiguousFrameRangeElements = (allElements, frameId) => {\n  let rangeStart = -1;\n  let rangeEnd = -1;\n  allElements.forEach((element, index) => {\n    if (isOfTargetFrame(element, frameId)) {\n      if (rangeStart === -1) {\n        rangeStart = index;\n      }\n\n      rangeEnd = index;\n    }\n  });\n\n  if (rangeStart === -1) {\n    return [];\n  }\n\n  return allElements.slice(rangeStart, rangeEnd + 1);\n};\n/**\n * Moves the arrow element above any bindable elements it intersects with or\n * hovers over.\n */\n\n\nconst moveArrowAboveBindable = (point, arrow, elements, elementsMap, scene, hit) => {\n  const hoveredElement = hit ? hit : (0,_collision__WEBPACK_IMPORTED_MODULE_6__.getHoveredElementForBinding)(point, elements, elementsMap);\n\n  if (!hoveredElement) {\n    return elements;\n  }\n\n  const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_5__.getBoundTextElement)(hoveredElement, elementsMap);\n  const containerElement = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_1__.isTextElement)(hoveredElement) ? (0,_textElement__WEBPACK_IMPORTED_MODULE_5__.getContainerElement)(hoveredElement, elementsMap) : null;\n  const bindableIds = [hoveredElement.id, boundTextElement === null || boundTextElement === void 0 ? void 0 : boundTextElement.id, containerElement === null || containerElement === void 0 ? void 0 : containerElement.id].filter(id => !!id);\n  const bindableIdx = elements.findIndex(el => bindableIds.includes(el.id));\n  const arrowIdx = elements.findIndex(el => el.id === arrow.id);\n\n  if (arrowIdx !== -1 && bindableIdx !== -1 && arrowIdx < bindableIdx) {\n    const updatedElements = Array.from(elements);\n    const arrow = updatedElements.splice(arrowIdx, 1)[0];\n    updatedElements.splice(bindableIdx, 0, arrow);\n    scene.replaceAllElements(updatedElements);\n  }\n\n  return elements;\n};\n/**\n * Returns next candidate index that's available to be moved to. Currently that\n *  is a non-deleted element, and not inside a group (unless we're editing it).\n */\n\nconst getTargetIndex = (appState, elements, boundaryIndex, direction,\n/**\n * Frame id if moving frame children.\n * If whole frame (including all children) is being moved, supply `null`.\n */\ncontainingFrame, scene) => {\n  var _a, _b;\n\n  const sourceElement = elements[boundaryIndex];\n\n  const indexFilter = element => {\n    if (element.isDeleted) {\n      return false;\n    }\n\n    if (containingFrame) {\n      return element.frameId === containingFrame;\n    } // if we're editing group, find closest sibling irrespective of whether\n    // there's a different-group element between them (for legacy reasons)\n\n\n    if (appState.editingGroupId) {\n      return element.groupIds.includes(appState.editingGroupId);\n    }\n\n    return true;\n  };\n\n  const candidateIndex = direction === \"left\" ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findLastIndex)(elements, el => indexFilter(el), Math.max(0, boundaryIndex - 1)) : (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findIndex)(elements, el => indexFilter(el), boundaryIndex + 1);\n  const nextElement = elements[candidateIndex];\n\n  if (!nextElement) {\n    return -1;\n  }\n\n  if (appState.editingGroupId) {\n    if ( // candidate element is a sibling in current editing group → return\n    (sourceElement === null || sourceElement === void 0 ? void 0 : sourceElement.groupIds.join(\"\")) === (nextElement === null || nextElement === void 0 ? void 0 : nextElement.groupIds.join(\"\"))) {\n      return (_a = getTargetIndexAccountingForBinding(nextElement, elements, direction, scene)) !== null && _a !== void 0 ? _a : candidateIndex;\n    } else if (!(nextElement === null || nextElement === void 0 ? void 0 : nextElement.groupIds.includes(appState.editingGroupId))) {\n      // candidate element is outside current editing group → prevent\n      return -1;\n    }\n  }\n\n  if (!containingFrame && (nextElement.frameId || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_1__.isFrameLikeElement)(nextElement))) {\n    const frameElements = getContiguousFrameRangeElements(elements, nextElement.frameId || nextElement.id);\n    return direction === \"left\" ? elements.indexOf(frameElements[0]) : elements.indexOf(frameElements[frameElements.length - 1]);\n  }\n\n  if (!nextElement.groupIds.length) {\n    return (_b = getTargetIndexAccountingForBinding(nextElement, elements, direction, scene)) !== null && _b !== void 0 ? _b : candidateIndex;\n  }\n\n  const siblingGroupId = appState.editingGroupId ? nextElement.groupIds[nextElement.groupIds.indexOf(appState.editingGroupId) - 1] : nextElement.groupIds[nextElement.groupIds.length - 1];\n  const elementsInSiblingGroup = (0,_groups__WEBPACK_IMPORTED_MODULE_2__.getElementsInGroup)(elements, siblingGroupId);\n\n  if (elementsInSiblingGroup.length) {\n    // assumes getElementsInGroup() returned elements are sorted\n    // by zIndex (ascending)\n    return direction === \"left\" ? elements.indexOf(elementsInSiblingGroup[0]) : elements.indexOf(elementsInSiblingGroup[elementsInSiblingGroup.length - 1]);\n  }\n\n  return candidateIndex;\n};\n\nconst getTargetElementsMap = (elements, indices) => {\n  return indices.reduce((acc, index) => {\n    const element = elements[index];\n    acc.set(element.id, element);\n    return acc;\n  }, new Map());\n};\n\nconst shiftElementsByOne = (elements, appState, direction, scene) => {\n  const indicesToMove = getIndicesToMove(elements, appState);\n  const targetElementsMap = getTargetElementsMap(elements, indicesToMove);\n  let groupedIndices = toContiguousGroups(indicesToMove);\n\n  if (direction === \"right\") {\n    groupedIndices = groupedIndices.reverse();\n  }\n\n  const selectedFrames = new Set(indicesToMove.filter(idx => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_1__.isFrameLikeElement)(elements[idx])).map(idx => elements[idx].id));\n  groupedIndices.forEach((indices, i) => {\n    var _a;\n\n    const leadingIndex = indices[0];\n    const trailingIndex = indices[indices.length - 1];\n    const boundaryIndex = direction === \"left\" ? leadingIndex : trailingIndex;\n    const containingFrame = indices.some(idx => {\n      const el = elements[idx];\n      return el.frameId && selectedFrames.has(el.frameId);\n    }) ? null : (_a = elements[boundaryIndex]) === null || _a === void 0 ? void 0 : _a.frameId;\n    const targetIndex = getTargetIndex(appState, elements, boundaryIndex, direction, containingFrame, scene);\n\n    if (targetIndex === -1 || boundaryIndex === targetIndex) {\n      return;\n    }\n\n    const leadingElements = direction === \"left\" ? elements.slice(0, targetIndex) : elements.slice(0, leadingIndex);\n    const targetElements = elements.slice(leadingIndex, trailingIndex + 1);\n    const displacedElements = direction === \"left\" ? elements.slice(targetIndex, leadingIndex) : elements.slice(trailingIndex + 1, targetIndex + 1);\n    const trailingElements = direction === \"left\" ? elements.slice(trailingIndex + 1) : elements.slice(targetIndex + 1);\n    elements = direction === \"left\" ? [...leadingElements, ...targetElements, ...displacedElements, ...trailingElements] : [...leadingElements, ...displacedElements, ...targetElements, ...trailingElements];\n  });\n  (0,_fractionalIndex__WEBPACK_IMPORTED_MODULE_3__.syncMovedIndices)(elements, targetElementsMap);\n  return elements;\n};\n\nconst shiftElementsToEnd = (elements, appState, direction, containingFrame, elementsToBeMoved) => {\n  const indicesToMove = getIndicesToMove(elements, appState, elementsToBeMoved);\n  const targetElementsMap = getTargetElementsMap(elements, indicesToMove);\n  const displacedElements = [];\n  let leadingIndex;\n  let trailingIndex;\n\n  if (direction === \"left\") {\n    if (containingFrame) {\n      leadingIndex = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findIndex)(elements, el => isOfTargetFrame(el, containingFrame));\n    } else if (appState.editingGroupId) {\n      const groupElements = (0,_groups__WEBPACK_IMPORTED_MODULE_2__.getElementsInGroup)(elements, appState.editingGroupId);\n\n      if (!groupElements.length) {\n        return elements;\n      }\n\n      leadingIndex = elements.indexOf(groupElements[0]);\n    } else {\n      leadingIndex = 0;\n    }\n\n    trailingIndex = indicesToMove[indicesToMove.length - 1];\n  } else {\n    if (containingFrame) {\n      trailingIndex = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findLastIndex)(elements, el => isOfTargetFrame(el, containingFrame));\n    } else if (appState.editingGroupId) {\n      const groupElements = (0,_groups__WEBPACK_IMPORTED_MODULE_2__.getElementsInGroup)(elements, appState.editingGroupId);\n\n      if (!groupElements.length) {\n        return elements;\n      }\n\n      trailingIndex = elements.indexOf(groupElements[groupElements.length - 1]);\n    } else {\n      trailingIndex = elements.length - 1;\n    }\n\n    leadingIndex = indicesToMove[0];\n  }\n\n  if (leadingIndex === -1) {\n    leadingIndex = 0;\n  }\n\n  for (let index = leadingIndex; index < trailingIndex + 1; index++) {\n    if (!indicesToMove.includes(index)) {\n      displacedElements.push(elements[index]);\n    }\n  }\n\n  const targetElements = Array.from(targetElementsMap.values());\n  const leadingElements = elements.slice(0, leadingIndex);\n  const trailingElements = elements.slice(trailingIndex + 1);\n  const nextElements = direction === \"left\" ? [...leadingElements, ...targetElements, ...displacedElements, ...trailingElements] : [...leadingElements, ...displacedElements, ...targetElements, ...trailingElements];\n  (0,_fractionalIndex__WEBPACK_IMPORTED_MODULE_3__.syncMovedIndices)(nextElements, targetElementsMap);\n  return nextElements;\n};\n\nfunction shiftElementsAccountingForFrames(allElements, appState, direction, shiftFunction) {\n  const elementsToMove = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)((0,_selection__WEBPACK_IMPORTED_MODULE_4__.getSelectedElements)(allElements, appState, {\n    includeBoundTextElement: true,\n    includeElementsInFrames: true\n  }));\n  const frameAwareContiguousElementsToMove = {\n    regularElements: [],\n    frameChildren: new Map()\n  };\n  const fullySelectedFrames = new Set();\n\n  for (const element of allElements) {\n    if (elementsToMove.has(element.id) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_1__.isFrameLikeElement)(element)) {\n      fullySelectedFrames.add(element.id);\n    }\n  }\n\n  for (const element of allElements) {\n    if (elementsToMove.has(element.id)) {\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_1__.isFrameLikeElement)(element) || element.frameId && fullySelectedFrames.has(element.frameId)) {\n        frameAwareContiguousElementsToMove.regularElements.push(element);\n      } else if (!element.frameId) {\n        frameAwareContiguousElementsToMove.regularElements.push(element);\n      } else {\n        const frameChildren = frameAwareContiguousElementsToMove.frameChildren.get(element.frameId) || [];\n        frameChildren.push(element);\n        frameAwareContiguousElementsToMove.frameChildren.set(element.frameId, frameChildren);\n      }\n    }\n  }\n\n  let nextElements = allElements;\n  const frameChildrenSets = Array.from(frameAwareContiguousElementsToMove.frameChildren.entries());\n\n  for (const [frameId, children] of frameChildrenSets) {\n    nextElements = shiftFunction(allElements, appState, direction, frameId, children);\n  }\n\n  return shiftFunction(nextElements, appState, direction, null, frameAwareContiguousElementsToMove.regularElements);\n} // public API\n// -----------------------------------------------------------------------------\n\n\nconst moveOneLeft = (allElements, appState, scene) => {\n  return shiftElementsByOne(allElements, appState, \"left\", scene);\n};\nconst moveOneRight = (allElements, appState, scene) => {\n  return shiftElementsByOne(allElements, appState, \"right\", scene);\n};\nconst moveAllLeft = (allElements, appState) => {\n  return shiftElementsAccountingForFrames(allElements, appState, \"left\", shiftElementsToEnd);\n};\nconst moveAllRight = (allElements, appState) => {\n  return shiftElementsAccountingForFrames(allElements, appState, \"right\", shiftElementsToEnd);\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/zindex.ts?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   moveAllLeft: () => (/* binding */ moveAllLeft),\n/* harmony export */   moveAllRight: () => (/* binding */ moveAllRight),\n/* harmony export */   moveArrowAboveBindable: () => (/* binding */ moveArrowAboveBindable),\n/* harmony export */   moveOneLeft: () => (/* binding */ moveOneLeft),\n/* harmony export */   moveOneRight: () => (/* binding */ moveOneRight)\n/* harmony export */ });\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _groups__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _fractionalIndex__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fractionalIndex */ \"../element/src/fractionalIndex.ts\");\n/* harmony import */ var _selection__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./selection */ \"../element/src/selection.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _collision__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./collision */ \"../element/src/collision.ts\");\n\n\n\n\n\n\n\n\n\nconst isOfTargetFrame = (element, frameId) => {\n  return element.frameId === frameId || element.id === frameId;\n};\n/**\n * Returns indices of elements to move based on selected elements.\n * Includes contiguous deleted elements that are between two selected elements,\n *  e.g.: [0 (selected), 1 (deleted), 2 (deleted), 3 (selected)]\n *\n * Specified elements (elementsToBeMoved) take precedence over\n * appState.selectedElementsIds\n */\n\n\nconst getIndicesToMove = (elements, appState, elementsToBeMoved) => {\n  let selectedIndices = [];\n  let deletedIndices = [];\n  let includeDeletedIndex = null;\n  let index = -1;\n  const selectedElementIds = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elementsToBeMoved ? elementsToBeMoved : (0,_selection__WEBPACK_IMPORTED_MODULE_5__.getSelectedElements)(elements, appState, {\n    includeBoundTextElement: true,\n    includeElementsInFrames: true\n  }));\n\n  while (++index < elements.length) {\n    const element = elements[index];\n\n    if (selectedElementIds.get(element.id)) {\n      if (deletedIndices.length) {\n        selectedIndices = selectedIndices.concat(deletedIndices);\n        deletedIndices = [];\n      }\n\n      selectedIndices.push(index);\n      includeDeletedIndex = index + 1;\n    } else if (element.isDeleted && includeDeletedIndex === index) {\n      includeDeletedIndex = index + 1;\n      deletedIndices.push(index);\n    } else {\n      deletedIndices = [];\n    }\n  }\n\n  return selectedIndices;\n};\n\nconst toContiguousGroups = array => {\n  let cursor = 0;\n  return array.reduce((acc, value, index) => {\n    if (index > 0 && array[index - 1] !== value - 1) {\n      cursor = ++cursor;\n    }\n\n    (acc[cursor] || (acc[cursor] = [])).push(value);\n    return acc;\n  }, []);\n};\n/**\n * @returns index of target element, consindering tightly-bound elements\n * (currently non-linear elements bound to a container) as a one unit.\n * If no binding present, returns `undefined`.\n */\n\n\nconst getTargetIndexAccountingForBinding = (nextElement, elements, direction, scene) => {\n  var _a, _b;\n\n  if (\"containerId\" in nextElement && nextElement.containerId) {\n    // TODO: why not to get the container from the nextElements?\n    const containerElement = scene.getElement(nextElement.containerId);\n\n    if (containerElement) {\n      return direction === \"left\" ? Math.min(elements.indexOf(containerElement), elements.indexOf(nextElement)) : Math.max(elements.indexOf(containerElement), elements.indexOf(nextElement));\n    }\n  } else {\n    const boundElementId = (_b = (_a = nextElement.boundElements) === null || _a === void 0 ? void 0 : _a.find(binding => binding.type !== \"arrow\")) === null || _b === void 0 ? void 0 : _b.id;\n\n    if (boundElementId) {\n      const boundTextElement = scene.getElement(boundElementId);\n\n      if (boundTextElement) {\n        return direction === \"left\" ? Math.min(elements.indexOf(boundTextElement), elements.indexOf(nextElement)) : Math.max(elements.indexOf(boundTextElement), elements.indexOf(nextElement));\n      }\n    }\n  }\n};\n\nconst getContiguousFrameRangeElements = (allElements, frameId) => {\n  let rangeStart = -1;\n  let rangeEnd = -1;\n  allElements.forEach((element, index) => {\n    if (isOfTargetFrame(element, frameId)) {\n      if (rangeStart === -1) {\n        rangeStart = index;\n      }\n\n      rangeEnd = index;\n    }\n  });\n\n  if (rangeStart === -1) {\n    return [];\n  }\n\n  return allElements.slice(rangeStart, rangeEnd + 1);\n};\n/**\n * Moves the arrow element above any bindable elements it intersects with or\n * hovers over.\n */\n\n\nconst moveArrowAboveBindable = (point, arrow, elements, elementsMap, scene, hit) => {\n  const hoveredElement = hit ? hit : (0,_collision__WEBPACK_IMPORTED_MODULE_7__.getHoveredElementForBinding)(point, elements, elementsMap);\n\n  if (!hoveredElement) {\n    return elements;\n  }\n\n  const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(hoveredElement, elementsMap);\n  const containerElement = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_2__.isTextElement)(hoveredElement) ? (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getContainerElement)(hoveredElement, elementsMap) : null;\n  const bindableIds = [hoveredElement.id, boundTextElement === null || boundTextElement === void 0 ? void 0 : boundTextElement.id, containerElement === null || containerElement === void 0 ? void 0 : containerElement.id].filter(id => !!id);\n  const bindableIdx = elements.findIndex(el => bindableIds.includes(el.id));\n  const arrowIdx = elements.findIndex(el => el.id === arrow.id);\n\n  if (arrowIdx !== -1 && bindableIdx !== -1 && arrowIdx < bindableIdx) {\n    const updatedElements = Array.from(elements);\n    const arrow = updatedElements.splice(arrowIdx, 1)[0];\n    updatedElements.splice(bindableIdx, 0, arrow);\n    scene.replaceAllElements(updatedElements);\n  }\n\n  return elements;\n};\n/**\n * Returns next candidate index that's available to be moved to. Currently that\n *  is a non-deleted element, and not inside a group (unless we're editing it).\n */\n\nconst getTargetIndex = (appState, elements, boundaryIndex, direction,\n/**\n * Frame id if moving frame children.\n * If whole frame (including all children) is being moved, supply `null`.\n */\ncontainingFrame, scene) => {\n  var _a, _b;\n\n  const sourceElement = elements[boundaryIndex];\n\n  const indexFilter = element => {\n    if (element.isDeleted) {\n      return false;\n    }\n\n    if (containingFrame) {\n      return element.frameId === containingFrame;\n    } // if we're editing group, find closest sibling irrespective of whether\n    // there's a different-group element between them (for legacy reasons)\n\n\n    if (appState.editingGroupId) {\n      return element.groupIds.includes(appState.editingGroupId);\n    }\n\n    return true;\n  };\n\n  const candidateIndex = direction === \"left\" ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findLastIndex)(elements, el => indexFilter(el), Math.max(0, boundaryIndex - 1)) : (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findIndex)(elements, el => indexFilter(el), boundaryIndex + 1);\n  const nextElement = elements[candidateIndex];\n\n  if (!nextElement) {\n    return -1;\n  }\n\n  if (appState.editingGroupId) {\n    if ( // candidate element is a sibling in current editing group → return\n    (sourceElement === null || sourceElement === void 0 ? void 0 : sourceElement.groupIds.join(\"\")) === (nextElement === null || nextElement === void 0 ? void 0 : nextElement.groupIds.join(\"\"))) {\n      return (_a = getTargetIndexAccountingForBinding(nextElement, elements, direction, scene)) !== null && _a !== void 0 ? _a : candidateIndex;\n    } else if (!(nextElement === null || nextElement === void 0 ? void 0 : nextElement.groupIds.includes(appState.editingGroupId))) {\n      // candidate element is outside current editing group → prevent\n      return -1;\n    }\n  }\n\n  if (!containingFrame && (nextElement.frameId || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_2__.isFrameLikeElement)(nextElement))) {\n    const frameElements = getContiguousFrameRangeElements(elements, nextElement.frameId || nextElement.id);\n    return direction === \"left\" ? elements.indexOf(frameElements[0]) : elements.indexOf(frameElements[frameElements.length - 1]);\n  }\n\n  if (!nextElement.groupIds.length) {\n    return (_b = getTargetIndexAccountingForBinding(nextElement, elements, direction, scene)) !== null && _b !== void 0 ? _b : candidateIndex;\n  }\n\n  const siblingGroupId = appState.editingGroupId ? nextElement.groupIds[nextElement.groupIds.indexOf(appState.editingGroupId) - 1] : nextElement.groupIds[nextElement.groupIds.length - 1];\n  const elementsInSiblingGroup = (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(elements, siblingGroupId);\n\n  if (elementsInSiblingGroup.length) {\n    // assumes getElementsInGroup() returned elements are sorted\n    // by zIndex (ascending)\n    return direction === \"left\" ? elements.indexOf(elementsInSiblingGroup[0]) : elements.indexOf(elementsInSiblingGroup[elementsInSiblingGroup.length - 1]);\n  }\n\n  return candidateIndex;\n};\n\nconst getTargetElementsMap = (elements, indices) => {\n  return indices.reduce((acc, index) => {\n    const element = elements[index];\n    acc.set(element.id, element);\n    return acc;\n  }, new Map());\n};\n\nconst hasSameElementIds = (prevElements, nextElements) => {\n  if (prevElements.length !== nextElements.length) {\n    console.error(\"z-index reordering failed: resulting array have different lengths\");\n    return false;\n  }\n\n  const prevElementIdCounts = new Map();\n\n  for (const element of prevElements) {\n    prevElementIdCounts.set(element.id, (prevElementIdCounts.get(element.id) || 0) + 1);\n  }\n\n  for (const element of nextElements) {\n    const count = prevElementIdCounts.get(element.id);\n\n    if (!count) {\n      console.error(\"z-index reordering failed: element id mismatch / duplicate ids\");\n      return false;\n    }\n\n    prevElementIdCounts.set(element.id, count - 1);\n  }\n\n  return true;\n};\n\nconst shiftElementsByOne = (elements, appState, direction, scene) => {\n  const originalElements = elements;\n  const indicesToMove = getIndicesToMove(elements, appState);\n  const targetElementsMap = getTargetElementsMap(elements, indicesToMove);\n  let groupedIndices = toContiguousGroups(indicesToMove);\n\n  if (direction === \"right\") {\n    groupedIndices = groupedIndices.reverse();\n  }\n\n  const selectedFrames = new Set(indicesToMove.filter(idx => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_2__.isFrameLikeElement)(elements[idx])).map(idx => elements[idx].id));\n  groupedIndices.forEach((indices, i) => {\n    var _a;\n\n    const leadingIndex = indices[0];\n    const trailingIndex = indices[indices.length - 1];\n    const boundaryIndex = direction === \"left\" ? leadingIndex : trailingIndex;\n    const containingFrame = indices.some(idx => {\n      const el = elements[idx];\n      return el.frameId && selectedFrames.has(el.frameId);\n    }) ? null : (_a = elements[boundaryIndex]) === null || _a === void 0 ? void 0 : _a.frameId;\n    const targetIndex = getTargetIndex(appState, elements, boundaryIndex, direction, containingFrame, scene);\n\n    if (targetIndex === -1 || boundaryIndex === targetIndex) {\n      return;\n    }\n\n    const leadingElements = direction === \"left\" ? elements.slice(0, targetIndex) : elements.slice(0, leadingIndex);\n    const targetElements = elements.slice(leadingIndex, trailingIndex + 1);\n    const displacedElements = direction === \"left\" ? elements.slice(targetIndex, leadingIndex) : elements.slice(trailingIndex + 1, targetIndex + 1);\n    const trailingElements = direction === \"left\" ? elements.slice(trailingIndex + 1) : elements.slice(targetIndex + 1);\n    elements = direction === \"left\" ? [...leadingElements, ...targetElements, ...displacedElements, ...trailingElements] : [...leadingElements, ...displacedElements, ...targetElements, ...trailingElements];\n  });\n\n  if (!hasSameElementIds(originalElements, elements)) {\n    return originalElements;\n  }\n\n  (0,_fractionalIndex__WEBPACK_IMPORTED_MODULE_4__.syncMovedIndices)(elements, targetElementsMap);\n  return elements;\n};\n\nconst shiftElementsToEnd = (elements, appState, direction, containingFrame, elementsToBeMoved) => {\n  const indicesToMove = getIndicesToMove(elements, appState, elementsToBeMoved); // Nothing to move (e.g. `elementsToBeMoved` is empty because all selected\n  // elements were frame children handled in a prior pass). Bail out early —\n  // otherwise `leadingIndex`/`trailingIndex` below resolve to `undefined` and\n  // the resulting `slice()` calls overlap, duplicating elements.\n\n  if (indicesToMove.length === 0) {\n    return elements;\n  }\n\n  const targetElementsMap = getTargetElementsMap(elements, indicesToMove);\n  const displacedElements = [];\n  let leadingIndex;\n  let trailingIndex;\n\n  if (direction === \"left\") {\n    if (containingFrame) {\n      leadingIndex = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findIndex)(elements, el => isOfTargetFrame(el, containingFrame));\n    } else if (appState.editingGroupId) {\n      const groupElements = (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(elements, appState.editingGroupId);\n\n      if (!groupElements.length) {\n        return elements;\n      }\n\n      leadingIndex = elements.indexOf(groupElements[0]);\n    } else {\n      leadingIndex = 0;\n    }\n\n    trailingIndex = indicesToMove[indicesToMove.length - 1];\n  } else {\n    if (containingFrame) {\n      trailingIndex = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findLastIndex)(elements, el => isOfTargetFrame(el, containingFrame));\n    } else if (appState.editingGroupId) {\n      const groupElements = (0,_groups__WEBPACK_IMPORTED_MODULE_3__.getElementsInGroup)(elements, appState.editingGroupId);\n\n      if (!groupElements.length) {\n        return elements;\n      }\n\n      trailingIndex = elements.indexOf(groupElements[groupElements.length - 1]);\n    } else {\n      trailingIndex = elements.length - 1;\n    }\n\n    leadingIndex = indicesToMove[0];\n  }\n\n  if (leadingIndex === -1) {\n    leadingIndex = 0;\n  }\n\n  const isValidIndex = index => {\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.isFiniteNumber)(index) && index >= 0;\n  };\n\n  if (!isValidIndex(leadingIndex) || !isValidIndex(trailingIndex) || leadingIndex > trailingIndex || indicesToMove.some(index => index < leadingIndex || index > trailingIndex)) {\n    return elements;\n  }\n\n  for (let index = leadingIndex; index < trailingIndex + 1; index++) {\n    if (!indicesToMove.includes(index)) {\n      displacedElements.push(elements[index]);\n    }\n  }\n\n  const targetElements = Array.from(targetElementsMap.values());\n  const leadingElements = elements.slice(0, leadingIndex);\n  const trailingElements = elements.slice(trailingIndex + 1);\n  const nextElements = direction === \"left\" ? [...leadingElements, ...targetElements, ...displacedElements, ...trailingElements] : [...leadingElements, ...displacedElements, ...targetElements, ...trailingElements];\n\n  if (!hasSameElementIds(elements, nextElements)) {\n    return elements;\n  }\n\n  (0,_fractionalIndex__WEBPACK_IMPORTED_MODULE_4__.syncMovedIndices)(nextElements, targetElementsMap);\n  return nextElements;\n};\n\nfunction shiftElementsAccountingForFrames(allElements, appState, direction, shiftFunction) {\n  const elementsToMove = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)((0,_selection__WEBPACK_IMPORTED_MODULE_5__.getSelectedElements)(allElements, appState, {\n    includeBoundTextElement: true,\n    includeElementsInFrames: true\n  }));\n  const frameAwareContiguousElementsToMove = {\n    regularElements: [],\n    frameChildren: new Map()\n  };\n  const fullySelectedFrames = new Set();\n\n  for (const element of allElements) {\n    if (elementsToMove.has(element.id) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_2__.isFrameLikeElement)(element)) {\n      fullySelectedFrames.add(element.id);\n    }\n  }\n\n  for (const element of allElements) {\n    if (elementsToMove.has(element.id)) {\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_2__.isFrameLikeElement)(element) || element.frameId && fullySelectedFrames.has(element.frameId)) {\n        frameAwareContiguousElementsToMove.regularElements.push(element);\n      } else if (!element.frameId) {\n        frameAwareContiguousElementsToMove.regularElements.push(element);\n      } else {\n        const frameChildren = frameAwareContiguousElementsToMove.frameChildren.get(element.frameId) || [];\n        frameChildren.push(element);\n        frameAwareContiguousElementsToMove.frameChildren.set(element.frameId, frameChildren);\n      }\n    }\n  }\n\n  let nextElements = allElements;\n  const frameChildrenSets = Array.from(frameAwareContiguousElementsToMove.frameChildren.entries());\n\n  for (const [frameId, children] of frameChildrenSets) {\n    nextElements = shiftFunction(nextElements, appState, direction, frameId, children);\n  }\n\n  return shiftFunction(nextElements, appState, direction, null, frameAwareContiguousElementsToMove.regularElements);\n} // public API\n// -----------------------------------------------------------------------------\n\n\nconst moveOneLeft = (allElements, appState, scene) => {\n  return shiftElementsByOne(allElements, appState, \"left\", scene);\n};\nconst moveOneRight = (allElements, appState, scene) => {\n  return shiftElementsByOne(allElements, appState, \"right\", scene);\n};\nconst moveAllLeft = (allElements, appState) => {\n  return shiftElementsAccountingForFrames(allElements, appState, \"left\", shiftElementsToEnd);\n};\nconst moveAllRight = (allElements, appState) => {\n  return shiftElementsAccountingForFrames(allElements, appState, \"right\", shiftElementsToEnd);\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/zindex.ts?\n}");
 
 /***/ },
 
@@ -1991,7 +1991,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   adjustBoundTextSize: () => (/* binding */ adjustBoundTextSize),\n/* harmony export */   convertElementTypePopupAtom: () => (/* binding */ convertElementTypePopupAtom),\n/* harmony export */   convertElementTypes: () => (/* binding */ convertElementTypes),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */   getConversionTypeFromElements: () => (/* binding */ getConversionTypeFromElements)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/element */ \"../element/src/index.ts\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _analytics__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../analytics */ \"./analytics.ts\");\n/* harmony import */ var _editor_jotai__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../editor-jotai */ \"./editor-jotai.ts\");\n/* harmony import */ var _ConvertElementTypePopup_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ConvertElementTypePopup.scss */ \"./components/ConvertElementTypePopup.scss\");\n/* harmony import */ var _ToolButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ToolButton */ \"./components/ToolButton.tsx\");\n/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./icons */ \"./components/icons.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst GAP_HORIZONTAL = 8;\nconst GAP_VERTICAL = 10; // indicates order of switching\n\nconst GENERIC_TYPES = [\"rectangle\", \"diamond\", \"ellipse\"]; // indicates order of switching\n\nconst LINEAR_TYPES = [\"line\", \"sharpArrow\", \"curvedArrow\", \"elbowArrow\"];\nconst CONVERTIBLE_GENERIC_TYPES = new Set(GENERIC_TYPES);\nconst CONVERTIBLE_LINEAR_TYPES = new Set(LINEAR_TYPES);\n\nconst isConvertibleGenericType = elementType => CONVERTIBLE_GENERIC_TYPES.has(elementType);\n\nconst isConvertibleLinearType = elementType => elementType === \"arrow\" || CONVERTIBLE_LINEAR_TYPES.has(elementType);\n\nconst convertElementTypePopupAtom = (0,_editor_jotai__WEBPACK_IMPORTED_MODULE_5__.atom)(null);\nconst FONT_SIZE_CONVERSION_CACHE = new Map();\nconst LINEAR_ELEMENT_CONVERSION_CACHE = new Map();\n\nconst ConvertElementTypePopup = ({\n  app\n}) => {\n  const selectedElements = app.scene.getSelectedElements(app.state);\n  const elementsCategoryRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); // close shape switch panel if selecting different \"types\" of elements\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    if (selectedElements.length === 0) {\n      app.updateEditorAtom(convertElementTypePopupAtom, null);\n      return;\n    }\n\n    const conversionType = getConversionTypeFromElements(selectedElements);\n\n    if (conversionType && !elementsCategoryRef.current) {\n      elementsCategoryRef.current = conversionType;\n    } else if (elementsCategoryRef.current && !conversionType || elementsCategoryRef.current && conversionType !== elementsCategoryRef.current) {\n      app.updateEditorAtom(convertElementTypePopupAtom, null);\n      elementsCategoryRef.current = null;\n    }\n  }, [selectedElements, app]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    return () => {\n      FONT_SIZE_CONVERSION_CACHE.clear();\n      LINEAR_ELEMENT_CONVERSION_CACHE.clear();\n    };\n  }, []);\n  return React.createElement(Panel, {\n    app: app,\n    elements: selectedElements\n  });\n};\n\nconst Panel = ({\n  app,\n  elements\n}) => {\n  const conversionType = getConversionTypeFromElements(elements);\n  const genericElements = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {\n    return conversionType === \"generic\" ? filterGenericConvetibleElements(elements) : [];\n  }, [conversionType, elements]);\n  const linearElements = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {\n    return conversionType === \"linear\" ? filterLinearConvertibleElements(elements) : [];\n  }, [conversionType, elements]);\n  const sameType = conversionType === \"generic\" ? genericElements.every(element => element.type === genericElements[0].type) : conversionType === \"linear\" ? linearElements.every(element => (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getLinearElementSubType)(element) === (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getLinearElementSubType)(linearElements[0])) : false;\n  const [panelPosition, setPanelPosition] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n    x: 0,\n    y: 0\n  });\n  const positionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(\"\");\n  const panelRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    const elements = [...genericElements, ...linearElements].sort((a, b) => a.id.localeCompare(b.id));\n    const newPositionRef = `\n      ${app.state.scrollX}${app.state.scrollY}${app.state.offsetTop}${app.state.offsetLeft}${app.state.zoom.value}${elements.map(el => el.id).join(\",\")}`;\n\n    if (newPositionRef === positionRef.current) {\n      return;\n    }\n\n    positionRef.current = newPositionRef;\n    let bottomLeft;\n\n    if (elements.length === 1) {\n      const [x1,,, y2, cx, cy] = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getElementAbsoluteCoords)(elements[0], app.scene.getNonDeletedElementsMap());\n      bottomLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), elements[0].angle);\n    } else {\n      const {\n        minX,\n        maxY\n      } = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getCommonBoundingBox)(elements);\n      bottomLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(minX, maxY);\n    }\n\n    const {\n      x,\n      y\n    } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.sceneCoordsToViewportCoords)({\n      sceneX: bottomLeft[0],\n      sceneY: bottomLeft[1]\n    }, app.state);\n    setPanelPosition({\n      x,\n      y\n    });\n  }, [genericElements, linearElements, app.scene, app.state]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    for (const linearElement of linearElements) {\n      const cacheKey = toCacheKey(linearElement.id, getConvertibleType(linearElement));\n\n      if (!LINEAR_ELEMENT_CONVERSION_CACHE.has(cacheKey)) {\n        LINEAR_ELEMENT_CONVERSION_CACHE.set(cacheKey, linearElement);\n      }\n    }\n  }, [linearElements]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    for (const element of genericElements) {\n      if (!FONT_SIZE_CONVERSION_CACHE.has(element.id)) {\n        const boundText = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getBoundTextElement)(element, app.scene.getNonDeletedElementsMap());\n\n        if (boundText) {\n          FONT_SIZE_CONVERSION_CACHE.set(element.id, {\n            fontSize: boundText.fontSize\n          });\n        }\n      }\n    }\n  }, [genericElements, app.scene]);\n  const SHAPES = conversionType === \"linear\" ? [[\"line\", _icons__WEBPACK_IMPORTED_MODULE_8__.LineIcon], [\"sharpArrow\", _icons__WEBPACK_IMPORTED_MODULE_8__.sharpArrowIcon], [\"curvedArrow\", _icons__WEBPACK_IMPORTED_MODULE_8__.roundArrowIcon], [\"elbowArrow\", _icons__WEBPACK_IMPORTED_MODULE_8__.elbowArrowIcon]] : conversionType === \"generic\" ? [[\"rectangle\", _icons__WEBPACK_IMPORTED_MODULE_8__.RectangleIcon], [\"diamond\", _icons__WEBPACK_IMPORTED_MODULE_8__.DiamondIcon], [\"ellipse\", _icons__WEBPACK_IMPORTED_MODULE_8__.EllipseIcon]] : [];\n  return React.createElement(\"div\", {\n    ref: panelRef,\n    tabIndex: -1,\n    style: {\n      position: \"absolute\",\n      top: `${panelPosition.y + (GAP_VERTICAL + 8) * app.state.zoom.value - app.state.offsetTop}px`,\n      left: `${panelPosition.x - app.state.offsetLeft - GAP_HORIZONTAL}px`,\n      zIndex: 2\n    },\n    className: _excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.CLASSES.CONVERT_ELEMENT_TYPE_POPUP\n  }, SHAPES.map(([type, icon]) => {\n    const isSelected = sameType && (conversionType === \"generic\" && genericElements[0].type === type || conversionType === \"linear\" && (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getLinearElementSubType)(linearElements[0]) === type);\n    return React.createElement(_ToolButton__WEBPACK_IMPORTED_MODULE_7__.ToolButton, {\n      className: \"Shape\",\n      key: `${elements[0].id}${elements[0].version}_${type}`,\n      type: \"radio\",\n      icon: icon,\n      checked: isSelected,\n      name: \"convertElementType-option\",\n      title: type,\n      keyBindingLabel: \"\",\n      \"aria-label\": type,\n      \"data-testid\": `toolbar-${type}`,\n      onChange: () => {\n        var _a;\n\n        if (app.state.activeTool.type !== type) {\n          (0,_analytics__WEBPACK_IMPORTED_MODULE_4__.trackEvent)(\"convertElementType\", type, \"ui\");\n        }\n\n        convertElementTypes(app, {\n          conversionType,\n          nextType: type\n        });\n        (_a = panelRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n      }\n    });\n  }));\n};\n\nconst adjustBoundTextSize = (container, boundText, scene) => {\n  const maxWidth = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getBoundTextMaxWidth)(container, boundText);\n  const maxHeight = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getBoundTextMaxHeight)(container, boundText);\n  const wrappedText = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.wrapText)(boundText.text, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.getFontString)(boundText), maxWidth);\n  let metrics = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.measureText)(wrappedText, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.getFontString)(boundText), boundText.lineHeight);\n  let nextFontSize = boundText.fontSize;\n\n  while ((metrics.width > maxWidth || metrics.height > maxHeight) && nextFontSize > 0) {\n    nextFontSize -= 1;\n\n    const _updatedTextElement = Object.assign(Object.assign({}, boundText), {\n      fontSize: nextFontSize\n    });\n\n    metrics = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.measureText)(boundText.text, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.getFontString)(_updatedTextElement), boundText.lineHeight);\n  }\n\n  (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.mutateElement)(boundText, scene.getNonDeletedElementsMap(), {\n    fontSize: nextFontSize,\n    width: metrics.width,\n    height: metrics.height\n  });\n  (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.redrawTextBoundingBox)(boundText, container, scene);\n};\nconst convertElementTypes = (app, {\n  conversionType,\n  nextType,\n  direction = \"right\"\n}) => {\n  var _a, _b;\n\n  if (!conversionType) {\n    return false;\n  }\n\n  const selectedElements = app.scene.getSelectedElements(app.state);\n  const selectedElementIds = selectedElements.reduce((acc, element) => Object.assign(Object.assign({}, acc), {\n    [element.id]: true\n  }), {});\n  const advancement = direction === \"right\" ? 1 : -1;\n\n  if (conversionType === \"generic\") {\n    const convertibleGenericElements = filterGenericConvetibleElements(selectedElements);\n    const sameType = convertibleGenericElements.every(element => element.type === convertibleGenericElements[0].type);\n    const index = sameType ? GENERIC_TYPES.indexOf(convertibleGenericElements[0].type) : -1;\n    nextType = nextType !== null && nextType !== void 0 ? nextType : GENERIC_TYPES[(index + GENERIC_TYPES.length + advancement) % GENERIC_TYPES.length];\n\n    if (nextType && isConvertibleGenericType(nextType)) {\n      const convertedElements = {};\n\n      for (const element of convertibleGenericElements) {\n        const convertedElement = convertElementType(element, nextType, app);\n        convertedElements[convertedElement.id] = convertedElement;\n      }\n\n      const nextElements = [];\n\n      for (const element of app.scene.getElementsIncludingDeleted()) {\n        if (convertedElements[element.id]) {\n          nextElements.push(convertedElements[element.id]);\n        } else {\n          nextElements.push(element);\n        }\n      }\n\n      app.scene.replaceAllElements(nextElements);\n\n      for (const element of Object.values(convertedElements)) {\n        const boundText = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getBoundTextElement)(element, app.scene.getNonDeletedElementsMap());\n\n        if (boundText) {\n          if (FONT_SIZE_CONVERSION_CACHE.get(element.id)) {\n            (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.mutateElement)(boundText, app.scene.getNonDeletedElementsMap(), {\n              fontSize: (_b = (_a = FONT_SIZE_CONVERSION_CACHE.get(element.id)) === null || _a === void 0 ? void 0 : _a.fontSize) !== null && _b !== void 0 ? _b : boundText.fontSize\n            });\n          }\n\n          adjustBoundTextSize(element, boundText, app.scene);\n        }\n      }\n\n      app.setState(prevState => {\n        return {\n          selectedElementIds,\n          activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.updateActiveTool)(prevState, {\n            type: \"selection\"\n          })\n        };\n      });\n    }\n  }\n\n  if (conversionType === \"linear\") {\n    const convertibleLinearElements = filterLinearConvertibleElements(selectedElements);\n\n    if (!nextType) {\n      const commonSubType = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.reduceToCommonValue)(convertibleLinearElements, _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getLinearElementSubType);\n      const index = commonSubType ? LINEAR_TYPES.indexOf(commonSubType) : -1;\n      nextType = LINEAR_TYPES[(index + LINEAR_TYPES.length + advancement) % LINEAR_TYPES.length];\n    }\n\n    if (isConvertibleLinearType(nextType)) {\n      const convertedElements = [];\n      const nextElementsMap = app.scene.getElementsMapIncludingDeleted();\n\n      for (const element of convertibleLinearElements) {\n        const cachedElement = LINEAR_ELEMENT_CONVERSION_CACHE.get(toCacheKey(element.id, nextType)); // if switching to the original subType or a subType we've already\n        // converted to, reuse the cached element to get the original properties\n        // (needed for simple->elbow->simple conversions or between line\n        // and arrows)\n\n        if (cachedElement && (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getLinearElementSubType)(cachedElement) === nextType) {\n          nextElementsMap.set(cachedElement.id, cachedElement);\n          convertedElements.push(cachedElement);\n        } else {\n          const converted = convertElementType(element, nextType, app);\n          nextElementsMap.set(converted.id, converted);\n          convertedElements.push(converted);\n        }\n      }\n\n      app.scene.replaceAllElements(nextElementsMap); // post normalization\n\n      for (const element of convertedElements) {\n        if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isLinearElement)(element)) {\n          if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isElbowArrow)(element)) {\n            const nextPoints = convertLineToElbow(element);\n\n            if (nextPoints.length < 2) {\n              // skip if not enough points to form valid segments\n              continue;\n            }\n\n            const fixedSegments = [];\n\n            for (let i = 1; i < nextPoints.length - 2; i++) {\n              fixedSegments.push({\n                start: nextPoints[i],\n                end: nextPoints[i + 1],\n                index: i + 1\n              });\n            }\n\n            const updates = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.updateElbowArrowPoints)(element, app.scene.getNonDeletedElementsMap(), {\n              points: nextPoints,\n              fixedSegments\n            });\n            (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.mutateElement)(element, app.scene.getNonDeletedElementsMap(), Object.assign(Object.assign({}, updates), {\n              endArrowhead: \"arrow\"\n            }));\n          } else {\n            // if we're converting to non-elbow linear element, check if\n            // we've already cached one of these linear elements so we can\n            // reuse the points (case: curved->elbow->line and similar)\n            const similarCachedLinearElement = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.mapFind)([\"line\", \"sharpArrow\", \"curvedArrow\"], type => LINEAR_ELEMENT_CONVERSION_CACHE.get(toCacheKey(element.id, type)));\n\n            if (similarCachedLinearElement) {\n              const points = similarCachedLinearElement.points;\n              app.scene.mutateElement(element, {\n                points\n              });\n            }\n          }\n        }\n      }\n    }\n\n    const convertedSelectedLinearElements = filterLinearConvertibleElements(app.scene.getSelectedElements(app.state));\n    app.setState(prevState => ({\n      selectedElementIds,\n      selectedLinearElement: convertedSelectedLinearElements.length === 1 ? new _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.LinearElementEditor(convertedSelectedLinearElements[0], app.scene.getNonDeletedElementsMap()) : null,\n      activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.updateActiveTool)(prevState, {\n        type: \"selection\"\n      })\n    }));\n  }\n\n  return true;\n};\nconst getConversionTypeFromElements = elements => {\n  if (elements.length === 0) {\n    return null;\n  }\n\n  let canBeLinear = false;\n\n  for (const element of elements) {\n    if (isConvertibleGenericType(element.type)) {\n      // generic type conversion have preference\n      return \"generic\";\n    }\n\n    if (isEligibleLinearElement(element)) {\n      canBeLinear = true;\n    }\n  }\n\n  if (canBeLinear) {\n    return \"linear\";\n  }\n\n  return null;\n};\n\nconst isEligibleLinearElement = element => {\n  return (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isLinearElement)(element) && (!(0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isArrowElement)(element) || !(0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isArrowBoundToElement)(element) && !(0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.hasBoundTextElement)(element));\n};\n\nconst toCacheKey = (elementId, convertitleType) => {\n  return `${elementId}:${convertitleType}`;\n};\n\nconst filterGenericConvetibleElements = elements => elements.filter(element => isConvertibleGenericType(element.type));\n\nconst filterLinearConvertibleElements = elements => elements.filter(element => isEligibleLinearElement(element));\n\nconst THRESHOLD = 20;\n\nconst isVert = (a, b) => a[0] === b[0];\n\nconst isHorz = (a, b) => a[1] === b[1];\n\nconst dist = (a, b) => isVert(a, b) ? Math.abs(a[1] - b[1]) : Math.abs(a[0] - b[0]);\n\nconst convertLineToElbow = line => {\n  // 1. build an *orthogonal* route, snapping offsets < SNAP\n  const ortho = [line.points[0]];\n  const src = sanitizePoints(line.points);\n\n  for (let i = 1; i < src.length; ++i) {\n    const start = ortho[ortho.length - 1];\n    const end = [...src[i]]; // clone\n    // snap tiny offsets onto the current axis\n\n    if (Math.abs(end[0] - start[0]) < THRESHOLD) {\n      end[0] = start[0];\n    } else if (Math.abs(end[1] - start[1]) < THRESHOLD) {\n      end[1] = start[1];\n    } // straight or needs a 90 ° bend?\n\n\n    if (isVert(start, end) || isHorz(start, end)) {\n      ortho.push(end);\n    } else {\n      ortho.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(start[0], end[1]));\n      ortho.push(end);\n    }\n  } // 2. drop obviously colinear middle points\n\n\n  const trimmed = [ortho[0]];\n\n  for (let i = 1; i < ortho.length - 1; ++i) {\n    if (!(isVert(ortho[i - 1], ortho[i]) && isVert(ortho[i], ortho[i + 1]) || isHorz(ortho[i - 1], ortho[i]) && isHorz(ortho[i], ortho[i + 1]))) {\n      trimmed.push(ortho[i]);\n    }\n  }\n\n  trimmed.push(ortho[ortho.length - 1]); // 3. collapse micro “jogs” (V-H-V / H-V-H whose short leg < SNAP)\n\n  const clean = [trimmed[0]];\n\n  for (let i = 1; i < trimmed.length - 1; ++i) {\n    const a = clean[clean.length - 1];\n    const b = trimmed[i];\n    const c = trimmed[i + 1];\n    const v1 = isVert(a, b);\n    const v2 = isVert(b, c);\n\n    if (v1 !== v2) {\n      const d1 = dist(a, b);\n      const d2 = dist(b, c);\n\n      if (d1 < THRESHOLD || d2 < THRESHOLD) {\n        // pick the shorter leg to remove\n        if (d2 < d1) {\n          // … absorb leg 2 – pull *c* onto axis of *a-b*\n          if (v1) {\n            c[0] = a[0];\n          } else {\n            c[1] = a[1];\n          }\n        } else {\n          // … absorb leg 1 – slide the whole first leg onto *b-c* axis\n          // eslint-disable-next-line no-lonely-if\n          if (v2) {\n            for (let k = clean.length - 1; k >= 0 && clean[k][0] === a[0]; --k) {\n              clean[k][0] = b[0];\n            }\n          } else {\n            for (let k = clean.length - 1; k >= 0 && clean[k][1] === a[1]; --k) {\n              clean[k][1] = b[1];\n            }\n          }\n        } // *b* is gone, don’t add it\n\n\n        continue;\n      }\n    }\n\n    clean.push(b);\n  }\n\n  clean.push(trimmed[trimmed.length - 1]);\n  return clean;\n};\n\nconst sanitizePoints = points => {\n  if (points.length === 0) {\n    return [];\n  }\n\n  const sanitized = [points[0]];\n\n  for (let i = 1; i < points.length; i++) {\n    const [x1, y1] = sanitized[sanitized.length - 1];\n    const [x2, y2] = points[i];\n\n    if (x1 !== x2 || y1 !== y2) {\n      sanitized.push(points[i]);\n    }\n  }\n\n  return sanitized;\n};\n/**\n * Converts an element to a new type, adding or removing properties as needed\n * so that the element object is always valid.\n *\n * Valid conversions at this point:\n * - switching between generic elements\n *   e.g. rectangle -> diamond\n * - switching between linear elements\n *   e.g. elbow arrow -> line\n */\n\n\nconst convertElementType = (element, targetType, app) => {\n  if (!isValidConversion(element.type, targetType)) {\n    if (!(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.isProdEnv)()) {\n      throw Error(`Invalid conversion from ${element.type} to ${targetType}.`);\n    }\n\n    return element;\n  }\n\n  if (element.type === targetType) {\n    return element;\n  }\n\n  _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.ShapeCache.delete(element);\n\n  if (isConvertibleGenericType(targetType)) {\n    const nextElement = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.bumpVersion)((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.newElement)(Object.assign(Object.assign({}, element), {\n      type: targetType,\n      roundness: targetType === \"diamond\" && element.roundness ? {\n        type: (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isUsingAdaptiveRadius)(targetType) ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.ROUNDNESS.ADAPTIVE_RADIUS : _excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.ROUNDNESS.PROPORTIONAL_RADIUS\n      } : element.roundness\n    })));\n    (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.updateBindings)(nextElement, app.scene, app.state);\n    return nextElement;\n  }\n\n  if (isConvertibleLinearType(targetType)) {\n    switch (targetType) {\n      case \"line\":\n        {\n          return (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.bumpVersion)((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.newLinearElement)(Object.assign(Object.assign({}, element), {\n            type: \"line\"\n          })));\n        }\n\n      case \"sharpArrow\":\n        {\n          return (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.bumpVersion)((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.newArrowElement)(Object.assign(Object.assign({}, element), {\n            type: \"arrow\",\n            elbowed: false,\n            roundness: null,\n            startArrowhead: app.state.currentItemStartArrowhead,\n            endArrowhead: app.state.currentItemEndArrowhead\n          })));\n        }\n\n      case \"curvedArrow\":\n        {\n          return (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.bumpVersion)((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.newArrowElement)(Object.assign(Object.assign({}, element), {\n            type: \"arrow\",\n            elbowed: false,\n            roundness: {\n              type: _excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.ROUNDNESS.PROPORTIONAL_RADIUS\n            },\n            startArrowhead: app.state.currentItemStartArrowhead,\n            endArrowhead: app.state.currentItemEndArrowhead\n          })));\n        }\n\n      case \"elbowArrow\":\n        {\n          return (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.bumpVersion)((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.newArrowElement)(Object.assign(Object.assign({}, element), {\n            type: \"arrow\",\n            elbowed: true,\n            fixedSegments: null,\n            roundness: null\n          })));\n        }\n    }\n  }\n\n  (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.assertNever)(targetType, `unhandled conversion type: ${targetType}`);\n  return element;\n};\n\nconst isValidConversion = (startType, targetType) => {\n  if (isConvertibleGenericType(startType) && isConvertibleGenericType(targetType)) {\n    return true;\n  }\n\n  if (isConvertibleLinearType(startType) && isConvertibleLinearType(targetType)) {\n    return true;\n  } // NOTE: add more conversions when needed\n\n\n  return false;\n};\n\nconst getConvertibleType = element => {\n  if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isLinearElement)(element)) {\n    return (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getLinearElementSubType)(element);\n  }\n\n  return element.type;\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ConvertElementTypePopup);\n\n//# sourceURL=webpack://ExcalidrawLib/./components/ConvertElementTypePopup.tsx?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   adjustBoundTextSize: () => (/* binding */ adjustBoundTextSize),\n/* harmony export */   convertElementTypePopupAtom: () => (/* binding */ convertElementTypePopupAtom),\n/* harmony export */   convertElementTypes: () => (/* binding */ convertElementTypes),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */   getConversionTypeFromElements: () => (/* binding */ getConversionTypeFromElements)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/element */ \"../element/src/index.ts\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _analytics__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../analytics */ \"./analytics.ts\");\n/* harmony import */ var _editor_jotai__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../editor-jotai */ \"./editor-jotai.ts\");\n/* harmony import */ var _ConvertElementTypePopup_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ConvertElementTypePopup.scss */ \"./components/ConvertElementTypePopup.scss\");\n/* harmony import */ var _ToolButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ToolButton */ \"./components/ToolButton.tsx\");\n/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./icons */ \"./components/icons.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst GAP_HORIZONTAL = 8;\nconst GAP_VERTICAL = 10; // indicates order of switching\n\nconst GENERIC_TYPES = [\"rectangle\", \"diamond\", \"ellipse\"]; // indicates order of switching\n\nconst LINEAR_TYPES = [\"line\", \"sharpArrow\", \"curvedArrow\", \"elbowArrow\"];\nconst CONVERTIBLE_GENERIC_TYPES = new Set(GENERIC_TYPES);\nconst CONVERTIBLE_LINEAR_TYPES = new Set(LINEAR_TYPES);\n\nconst isConvertibleGenericType = elementType => CONVERTIBLE_GENERIC_TYPES.has(elementType);\n\nconst isConvertibleLinearType = elementType => elementType === \"arrow\" || CONVERTIBLE_LINEAR_TYPES.has(elementType);\n\nconst convertElementTypePopupAtom = (0,_editor_jotai__WEBPACK_IMPORTED_MODULE_5__.atom)(null);\nconst FONT_SIZE_CONVERSION_CACHE = new Map();\nconst LINEAR_ELEMENT_CONVERSION_CACHE = new Map();\n\nconst ConvertElementTypePopup = ({\n  app\n}) => {\n  const selectedElements = app.scene.getSelectedElements(app.state);\n  const elementsCategoryRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); // close shape switch panel if selecting different \"types\" of elements\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    if (selectedElements.length === 0) {\n      app.updateEditorAtom(convertElementTypePopupAtom, null);\n      return;\n    }\n\n    const conversionType = getConversionTypeFromElements(selectedElements);\n\n    if (conversionType && !elementsCategoryRef.current) {\n      elementsCategoryRef.current = conversionType;\n    } else if (elementsCategoryRef.current && !conversionType || elementsCategoryRef.current && conversionType !== elementsCategoryRef.current) {\n      app.updateEditorAtom(convertElementTypePopupAtom, null);\n      elementsCategoryRef.current = null;\n    }\n  }, [selectedElements, app]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    return () => {\n      FONT_SIZE_CONVERSION_CACHE.clear();\n      LINEAR_ELEMENT_CONVERSION_CACHE.clear();\n    };\n  }, []);\n  return React.createElement(Panel, {\n    app: app,\n    elements: selectedElements\n  });\n};\n\nconst Panel = ({\n  app,\n  elements\n}) => {\n  const conversionType = getConversionTypeFromElements(elements);\n  const genericElements = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {\n    return conversionType === \"generic\" ? filterGenericConvetibleElements(elements) : [];\n  }, [conversionType, elements]);\n  const linearElements = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {\n    return conversionType === \"linear\" ? filterLinearConvertibleElements(elements) : [];\n  }, [conversionType, elements]);\n  const sameType = conversionType === \"generic\" ? genericElements.every(element => element.type === genericElements[0].type) : conversionType === \"linear\" ? linearElements.every(element => (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getLinearElementSubType)(element) === (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getLinearElementSubType)(linearElements[0])) : false;\n  const [panelPosition, setPanelPosition] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n    x: 0,\n    y: 0\n  });\n  const positionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(\"\");\n  const panelRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    const elements = [...genericElements, ...linearElements].sort((a, b) => a.id.localeCompare(b.id));\n    const newPositionRef = `\n      ${app.state.scrollX}${app.state.scrollY}${app.state.offsetTop}${app.state.offsetLeft}${app.state.zoom.value}${elements.map(el => el.id).join(\",\")}`;\n\n    if (newPositionRef === positionRef.current) {\n      return;\n    }\n\n    positionRef.current = newPositionRef;\n    let bottomLeft;\n\n    if (elements.length === 1) {\n      const [x1,,, y2, cx, cy] = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getElementAbsoluteCoords)(elements[0], app.scene.getNonDeletedElementsMap());\n      bottomLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), elements[0].angle);\n    } else {\n      const {\n        minX,\n        maxY\n      } = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getCommonBoundingBox)(elements);\n      bottomLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(minX, maxY);\n    }\n\n    const {\n      x,\n      y\n    } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.sceneCoordsToViewportCoords)({\n      sceneX: bottomLeft[0],\n      sceneY: bottomLeft[1]\n    }, app.state);\n    setPanelPosition({\n      x,\n      y\n    });\n  }, [genericElements, linearElements, app.scene, app.state]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    for (const linearElement of linearElements) {\n      const cacheKey = toCacheKey(linearElement.id, getConvertibleType(linearElement));\n\n      if (!LINEAR_ELEMENT_CONVERSION_CACHE.has(cacheKey)) {\n        LINEAR_ELEMENT_CONVERSION_CACHE.set(cacheKey, linearElement);\n      }\n    }\n  }, [linearElements]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    for (const element of genericElements) {\n      if (!FONT_SIZE_CONVERSION_CACHE.has(element.id)) {\n        const boundText = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getBoundTextElement)(element, app.scene.getNonDeletedElementsMap());\n\n        if (boundText) {\n          FONT_SIZE_CONVERSION_CACHE.set(element.id, {\n            fontSize: boundText.fontSize\n          });\n        }\n      }\n    }\n  }, [genericElements, app.scene]);\n  const SHAPES = conversionType === \"linear\" ? [[\"line\", _icons__WEBPACK_IMPORTED_MODULE_8__.LineIcon], [\"sharpArrow\", _icons__WEBPACK_IMPORTED_MODULE_8__.sharpArrowIcon], [\"curvedArrow\", _icons__WEBPACK_IMPORTED_MODULE_8__.roundArrowIcon], [\"elbowArrow\", _icons__WEBPACK_IMPORTED_MODULE_8__.elbowArrowIcon]] : conversionType === \"generic\" ? [[\"rectangle\", _icons__WEBPACK_IMPORTED_MODULE_8__.RectangleIcon], [\"diamond\", _icons__WEBPACK_IMPORTED_MODULE_8__.DiamondIcon], [\"ellipse\", _icons__WEBPACK_IMPORTED_MODULE_8__.EllipseIcon]] : [];\n  return React.createElement(\"div\", {\n    ref: panelRef,\n    tabIndex: -1,\n    style: {\n      position: \"absolute\",\n      top: `${panelPosition.y + (GAP_VERTICAL + 8) * app.state.zoom.value - app.state.offsetTop}px`,\n      left: `${panelPosition.x - app.state.offsetLeft - GAP_HORIZONTAL}px`,\n      zIndex: 2\n    },\n    className: _excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.CLASSES.CONVERT_ELEMENT_TYPE_POPUP\n  }, SHAPES.map(([type, icon]) => {\n    const isSelected = sameType && (conversionType === \"generic\" && genericElements[0].type === type || conversionType === \"linear\" && (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getLinearElementSubType)(linearElements[0]) === type);\n    return React.createElement(_ToolButton__WEBPACK_IMPORTED_MODULE_7__.ToolButton, {\n      className: \"Shape\",\n      key: `${elements[0].id}${elements[0].version}_${type}`,\n      type: \"radio\",\n      icon: icon,\n      checked: isSelected,\n      name: \"convertElementType-option\",\n      title: type,\n      keyBindingLabel: \"\",\n      \"aria-label\": type,\n      \"data-testid\": `toolbar-${type}`,\n      onChange: () => {\n        var _a;\n\n        if (app.state.activeTool.type !== type) {\n          (0,_analytics__WEBPACK_IMPORTED_MODULE_4__.trackEvent)(\"convertElementType\", type, \"ui\");\n        }\n\n        convertElementTypes(app, {\n          conversionType,\n          nextType: type\n        });\n        (_a = panelRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n      }\n    });\n  }));\n};\n\nconst adjustBoundTextSize = (container, boundText, scene) => {\n  const maxWidth = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getBoundTextMaxWidth)(container, boundText);\n  const maxHeight = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getBoundTextMaxHeight)(container, boundText);\n  const wrappedText = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.wrapText)(boundText.text, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.getFontString)(boundText), maxWidth);\n  let metrics = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.measureText)(wrappedText, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.getFontString)(boundText), boundText.lineHeight);\n  let nextFontSize = boundText.fontSize;\n\n  while ((metrics.width > maxWidth || metrics.height > maxHeight) && nextFontSize > 0) {\n    nextFontSize -= 1;\n\n    const _updatedTextElement = Object.assign(Object.assign({}, boundText), {\n      fontSize: nextFontSize\n    });\n\n    metrics = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.measureText)(boundText.text, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.getFontString)(_updatedTextElement), boundText.lineHeight);\n  }\n\n  (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.mutateElement)(boundText, scene.getNonDeletedElementsMap(), {\n    fontSize: nextFontSize,\n    width: metrics.width,\n    height: metrics.height\n  });\n  (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.redrawTextBoundingBox)(boundText, container, scene);\n};\nconst convertElementTypes = (app, {\n  conversionType,\n  nextType,\n  direction = \"right\"\n}) => {\n  var _a, _b;\n\n  if (!conversionType) {\n    return false;\n  }\n\n  const selectedElements = app.scene.getSelectedElements(app.state);\n  const selectedElementIds = selectedElements.reduce((acc, element) => Object.assign(Object.assign({}, acc), {\n    [element.id]: true\n  }), {});\n  const advancement = direction === \"right\" ? 1 : -1;\n\n  if (conversionType === \"generic\") {\n    const convertibleGenericElements = filterGenericConvetibleElements(selectedElements);\n    const sameType = convertibleGenericElements.every(element => element.type === convertibleGenericElements[0].type);\n    const index = sameType ? GENERIC_TYPES.indexOf(convertibleGenericElements[0].type) : -1;\n    nextType = nextType !== null && nextType !== void 0 ? nextType : GENERIC_TYPES[(index + GENERIC_TYPES.length + advancement) % GENERIC_TYPES.length];\n\n    if (nextType && isConvertibleGenericType(nextType)) {\n      const convertedElements = {};\n\n      for (const element of convertibleGenericElements) {\n        const convertedElement = convertElementType(element, nextType, app);\n        convertedElements[convertedElement.id] = convertedElement;\n      }\n\n      const nextElements = [];\n\n      for (const element of app.scene.getElementsIncludingDeleted()) {\n        if (convertedElements[element.id]) {\n          nextElements.push(convertedElements[element.id]);\n        } else {\n          nextElements.push(element);\n        }\n      }\n\n      app.scene.replaceAllElements(nextElements);\n\n      for (const element of Object.values(convertedElements)) {\n        const boundText = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getBoundTextElement)(element, app.scene.getNonDeletedElementsMap());\n\n        if (boundText) {\n          if (FONT_SIZE_CONVERSION_CACHE.get(element.id)) {\n            (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.mutateElement)(boundText, app.scene.getNonDeletedElementsMap(), {\n              fontSize: (_b = (_a = FONT_SIZE_CONVERSION_CACHE.get(element.id)) === null || _a === void 0 ? void 0 : _a.fontSize) !== null && _b !== void 0 ? _b : boundText.fontSize\n            });\n          }\n\n          adjustBoundTextSize(element, boundText, app.scene);\n        }\n      }\n\n      app.setState(prevState => {\n        return {\n          selectedElementIds,\n          activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.updateActiveTool)(prevState, {\n            type: \"selection\"\n          })\n        };\n      });\n    }\n  }\n\n  if (conversionType === \"linear\") {\n    const convertibleLinearElements = filterLinearConvertibleElements(selectedElements);\n\n    if (!nextType) {\n      const commonSubType = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.reduceToCommonValue)(convertibleLinearElements, _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getLinearElementSubType);\n      const index = commonSubType ? LINEAR_TYPES.indexOf(commonSubType) : -1;\n      nextType = LINEAR_TYPES[(index + LINEAR_TYPES.length + advancement) % LINEAR_TYPES.length];\n    }\n\n    if (isConvertibleLinearType(nextType)) {\n      const convertedElements = [];\n      const nextElementsMap = app.scene.getElementsMapIncludingDeleted();\n\n      for (const element of convertibleLinearElements) {\n        const cachedElement = LINEAR_ELEMENT_CONVERSION_CACHE.get(toCacheKey(element.id, nextType)); // if switching to the original subType or a subType we've already\n        // converted to, reuse the cached element to get the original properties\n        // (needed for simple->elbow->simple conversions or between line\n        // and arrows)\n\n        if (cachedElement && (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getLinearElementSubType)(cachedElement) === nextType) {\n          nextElementsMap.set(cachedElement.id, cachedElement);\n          convertedElements.push(cachedElement);\n        } else {\n          const converted = convertElementType(element, nextType, app);\n          nextElementsMap.set(converted.id, converted);\n          convertedElements.push(converted);\n        }\n      }\n\n      app.scene.replaceAllElements(nextElementsMap); // post normalization\n\n      for (const element of convertedElements) {\n        if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isLinearElement)(element)) {\n          if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isElbowArrow)(element)) {\n            const nextPoints = convertLineToElbow(element);\n\n            if (nextPoints.length < 2) {\n              // skip if not enough points to form valid segments\n              continue;\n            }\n\n            const fixedSegments = [];\n\n            for (let i = 1; i < nextPoints.length - 2; i++) {\n              fixedSegments.push({\n                start: nextPoints[i],\n                end: nextPoints[i + 1],\n                index: i + 1\n              });\n            }\n\n            const updates = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.updateElbowArrowPoints)(element, app.scene.getNonDeletedElementsMap(), {\n              points: nextPoints,\n              fixedSegments\n            });\n            (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.mutateElement)(element, app.scene.getNonDeletedElementsMap(), Object.assign(Object.assign({}, updates), {\n              endArrowhead: \"arrow\"\n            }));\n          } else {\n            // if we're converting to non-elbow linear element, check if\n            // we've already cached one of these linear elements so we can\n            // reuse the points (case: curved->elbow->line and similar)\n            const similarCachedLinearElement = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.mapFind)([\"line\", \"sharpArrow\", \"curvedArrow\"], type => LINEAR_ELEMENT_CONVERSION_CACHE.get(toCacheKey(element.id, type)));\n\n            if (similarCachedLinearElement) {\n              const points = similarCachedLinearElement.points;\n              app.scene.mutateElement(element, {\n                points\n              });\n            }\n          }\n        }\n      }\n    }\n\n    const convertedSelectedLinearElements = filterLinearConvertibleElements(app.scene.getSelectedElements(app.state));\n    app.setState(prevState => ({\n      selectedElementIds,\n      selectedLinearElement: convertedSelectedLinearElements.length === 1 ? new _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.LinearElementEditor(convertedSelectedLinearElements[0], app.scene.getNonDeletedElementsMap()) : null,\n      activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.updateActiveTool)(prevState, {\n        type: \"selection\"\n      })\n    }));\n  }\n\n  return true;\n};\nconst getConversionTypeFromElements = elements => {\n  if (elements.length === 0) {\n    return null;\n  }\n\n  let canBeLinear = false;\n\n  for (const element of elements) {\n    if (isConvertibleGenericType(element.type)) {\n      // generic type conversion have preference\n      return \"generic\";\n    }\n\n    if (isEligibleLinearElement(element)) {\n      canBeLinear = true;\n    }\n  }\n\n  if (canBeLinear) {\n    return \"linear\";\n  }\n\n  return null;\n};\n\nconst isEligibleLinearElement = element => {\n  return (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isLinearElement)(element) && (!(0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isArrowElement)(element) || !(0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isArrowBoundToElement)(element) && !(0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.hasBoundTextElement)(element));\n};\n\nconst toCacheKey = (elementId, convertitleType) => {\n  return `${elementId}:${convertitleType}`;\n};\n\nconst filterGenericConvetibleElements = elements => elements.filter(element => isConvertibleGenericType(element.type));\n\nconst filterLinearConvertibleElements = elements => elements.filter(element => isEligibleLinearElement(element));\n\nconst THRESHOLD = 20;\n\nconst isVert = (a, b) => a[0] === b[0];\n\nconst isHorz = (a, b) => a[1] === b[1];\n\nconst dist = (a, b) => isVert(a, b) ? Math.abs(a[1] - b[1]) : Math.abs(a[0] - b[0]);\n\nconst convertLineToElbow = line => {\n  // 1. build an *orthogonal* route, snapping offsets < SNAP\n  const ortho = [line.points[0]];\n  const src = sanitizePoints(line.points);\n\n  for (let i = 1; i < src.length; ++i) {\n    const start = ortho[ortho.length - 1];\n    const end = [...src[i]]; // clone\n    // snap tiny offsets onto the current axis\n\n    if (Math.abs(end[0] - start[0]) < THRESHOLD) {\n      end[0] = start[0];\n    } else if (Math.abs(end[1] - start[1]) < THRESHOLD) {\n      end[1] = start[1];\n    } // straight or needs a 90 ° bend?\n\n\n    if (isVert(start, end) || isHorz(start, end)) {\n      ortho.push(end);\n    } else {\n      ortho.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(start[0], end[1]));\n      ortho.push(end);\n    }\n  } // 2. drop obviously colinear middle points\n\n\n  const trimmed = [ortho[0]];\n\n  for (let i = 1; i < ortho.length - 1; ++i) {\n    if (!(isVert(ortho[i - 1], ortho[i]) && isVert(ortho[i], ortho[i + 1]) || isHorz(ortho[i - 1], ortho[i]) && isHorz(ortho[i], ortho[i + 1]))) {\n      trimmed.push(ortho[i]);\n    }\n  }\n\n  trimmed.push(ortho[ortho.length - 1]); // 3. collapse micro “jogs” (V-H-V / H-V-H whose short leg < SNAP)\n\n  const clean = [trimmed[0]];\n\n  for (let i = 1; i < trimmed.length - 1; ++i) {\n    const a = clean[clean.length - 1];\n    const b = trimmed[i];\n    const c = trimmed[i + 1];\n    const v1 = isVert(a, b);\n    const v2 = isVert(b, c);\n\n    if (v1 !== v2) {\n      const d1 = dist(a, b);\n      const d2 = dist(b, c);\n\n      if (d1 < THRESHOLD || d2 < THRESHOLD) {\n        // pick the shorter leg to remove\n        if (d2 < d1) {\n          // … absorb leg 2 – pull *c* onto axis of *a-b*\n          if (v1) {\n            c[0] = a[0];\n          } else {\n            c[1] = a[1];\n          }\n        } else {\n          // … absorb leg 1 – slide the whole first leg onto *b-c* axis\n          // eslint-disable-next-line no-lonely-if\n          if (v2) {\n            for (let k = clean.length - 1; k >= 0 && clean[k][0] === a[0]; --k) {\n              clean[k][0] = b[0];\n            }\n          } else {\n            for (let k = clean.length - 1; k >= 0 && clean[k][1] === a[1]; --k) {\n              clean[k][1] = b[1];\n            }\n          }\n        } // *b* is gone, don’t add it\n\n\n        continue;\n      }\n    }\n\n    clean.push(b);\n  }\n\n  clean.push(trimmed[trimmed.length - 1]);\n  return clean;\n};\n\nconst sanitizePoints = points => {\n  if (points.length === 0) {\n    return [];\n  }\n\n  const sanitized = [points[0]];\n\n  for (let i = 1; i < points.length; i++) {\n    const [x1, y1] = sanitized[sanitized.length - 1];\n    const [x2, y2] = points[i];\n\n    if (x1 !== x2 || y1 !== y2) {\n      sanitized.push(points[i]);\n    }\n  }\n\n  return sanitized;\n};\n/**\n * Converts an element to a new type, adding or removing properties as needed\n * so that the element object is always valid.\n *\n * Valid conversions at this point:\n * - switching between generic elements\n *   e.g. rectangle -> diamond\n * - switching between linear elements\n *   e.g. elbow arrow -> line\n */\n\n\nconst convertElementType = (element, targetType, app) => {\n  if (!isValidConversion(element.type, targetType)) {\n    if (!(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.isProdEnv)()) {\n      throw Error(`Invalid conversion from ${element.type} to ${targetType}.`);\n    }\n\n    return element;\n  }\n\n  if (element.type === targetType) {\n    return element;\n  }\n\n  _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.ShapeCache.delete(element);\n\n  if (isConvertibleGenericType(targetType)) {\n    const nextElement = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.bumpVersion)((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.newElement)(Object.assign(Object.assign({}, element), {\n      type: targetType,\n      roundness: element.roundness ? {\n        type: (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isUsingAdaptiveRadius)(targetType) ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.ROUNDNESS.ADAPTIVE_RADIUS : _excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.ROUNDNESS.PROPORTIONAL_RADIUS\n      } : element.roundness\n    })));\n    (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.updateBindings)(nextElement, app.scene, app.state);\n    return nextElement;\n  }\n\n  if (isConvertibleLinearType(targetType)) {\n    switch (targetType) {\n      case \"line\":\n        {\n          return (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.bumpVersion)((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.newLinearElement)(Object.assign(Object.assign({}, element), {\n            type: \"line\"\n          })));\n        }\n\n      case \"sharpArrow\":\n        {\n          return (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.bumpVersion)((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.newArrowElement)(Object.assign(Object.assign({}, element), {\n            type: \"arrow\",\n            elbowed: false,\n            roundness: null,\n            startArrowhead: app.state.currentItemStartArrowhead,\n            endArrowhead: app.state.currentItemEndArrowhead\n          })));\n        }\n\n      case \"curvedArrow\":\n        {\n          return (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.bumpVersion)((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.newArrowElement)(Object.assign(Object.assign({}, element), {\n            type: \"arrow\",\n            elbowed: false,\n            roundness: {\n              type: _excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.ROUNDNESS.PROPORTIONAL_RADIUS\n            },\n            startArrowhead: app.state.currentItemStartArrowhead,\n            endArrowhead: app.state.currentItemEndArrowhead\n          })));\n        }\n\n      case \"elbowArrow\":\n        {\n          return (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.bumpVersion)((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.newArrowElement)(Object.assign(Object.assign({}, element), {\n            type: \"arrow\",\n            elbowed: true,\n            fixedSegments: null,\n            roundness: null\n          })));\n        }\n    }\n  }\n\n  (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_3__.assertNever)(targetType, `unhandled conversion type: ${targetType}`);\n  return element;\n};\n\nconst isValidConversion = (startType, targetType) => {\n  if (isConvertibleGenericType(startType) && isConvertibleGenericType(targetType)) {\n    return true;\n  }\n\n  if (isConvertibleLinearType(startType) && isConvertibleLinearType(targetType)) {\n    return true;\n  } // NOTE: add more conversions when needed\n\n\n  return false;\n};\n\nconst getConvertibleType = element => {\n  if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isLinearElement)(element)) {\n    return (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getLinearElementSubType)(element);\n  }\n\n  return element.type;\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ConvertElementTypePopup);\n\n//# sourceURL=webpack://ExcalidrawLib/./components/ConvertElementTypePopup.tsx?\n}");
 
 /***/ },
 
@@ -3025,7 +3025,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadMermaidLib: () => (/* binding */ loadMermaidLib),\n/* harmony export */   loadMermaidToExcalidrawLib: () => (/* binding */ loadMermaidToExcalidrawLib),\n/* harmony export */   mermaidToExcalidraw: () => (/* binding */ mermaidToExcalidraw)\n/* harmony export */ });\n/* harmony import */ var _obsidianUtils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../obsidianUtils */ \"./obsidianUtils.ts\");\n/* harmony import */ var _excalidraw_excalidraw__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/excalidraw */ \"./index.tsx\");\n\n\nlet mermaidToExcalidrawLib = null;\nlet queue = Promise.resolve();\nconst loadMermaidToExcalidrawLib = async () => {\n  if (!mermaidToExcalidrawLib) {\n    mermaidToExcalidrawLib = await (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_0__.getSharedMermaidInstance)(); // zsviczian - If the user canceled or it failed, do NOT cache the failed state.\n    // This ensures the Gateway modal can be triggered again on the next click.\n\n    if (!mermaidToExcalidrawLib || !mermaidToExcalidrawLib.loaded) {\n      const failedLib = mermaidToExcalidrawLib;\n      mermaidToExcalidrawLib = null;\n      return failedLib;\n    }\n  }\n\n  return mermaidToExcalidrawLib;\n}; //zsviczian (replaced bundled mermaid-to-excalidraw with instance from obsidianUtils > Excalidraw Extras plugin)\n\nconst loadMermaidLib = async () => {\n  return loadMermaidToExcalidrawLib(); // Point to the method above to share the cache logic\n}; //zsviczian\n\nconst mermaidToExcalidraw = async (mermaidDefinition, opts) => {\n  return queue = queue.then(async () => {\n    try {\n      const {\n        api\n      } = await loadMermaidToExcalidrawLib();\n      const {\n        parseMermaidToExcalidraw\n      } = await api;\n      const {\n        elements,\n        files\n      } = await parseMermaidToExcalidraw(mermaidDefinition, opts);\n      return {\n        elements: (0,_excalidraw_excalidraw__WEBPACK_IMPORTED_MODULE_1__.convertToExcalidrawElements)(elements.map(el => {\n          if (el.type === \"image\") {\n            el.customData = {\n              mermaidText: mermaidDefinition\n            };\n          }\n\n          return el;\n        }), {\n          regenerateIds: true\n        }),\n        files\n      };\n    } catch (e) {\n      return {\n        error: e.message\n      };\n    }\n  });\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./components/TTDDialog/MermaidToExcalidrawLib.ts?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadMermaidLib: () => (/* binding */ loadMermaidLib),\n/* harmony export */   loadMermaidToExcalidrawLib: () => (/* binding */ loadMermaidToExcalidrawLib),\n/* harmony export */   mermaidToExcalidraw: () => (/* binding */ mermaidToExcalidraw)\n/* harmony export */ });\n/* harmony import */ var _obsidianUtils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../obsidianUtils */ \"./obsidianUtils.ts\");\n/* harmony import */ var _excalidraw_excalidraw__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/excalidraw */ \"./index.tsx\");\n\n\nlet mermaidToExcalidrawLib = null;\nlet queue = Promise.resolve();\nconst loadMermaidToExcalidrawLib = async () => {\n  if (!mermaidToExcalidrawLib) {\n    mermaidToExcalidrawLib = await (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_0__.getSharedMermaidInstance)();\n  }\n\n  return mermaidToExcalidrawLib;\n}; //zsviczian (replaced bundled mermaid-to-excalidraw with instance from obsidianUtils > Excalidraw Extras plugin)\n\nconst loadMermaidLib = async () => {\n  if (!mermaidToExcalidrawLib) {\n    mermaidToExcalidrawLib = await (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_0__.getSharedMermaidInstance)();\n  }\n\n  return mermaidToExcalidrawLib;\n}; //zsviczian\n\nconst mermaidToExcalidraw = async (mermaidDefinition, opts) => {\n  return queue = queue.then(async () => {\n    try {\n      const {\n        api\n      } = await loadMermaidToExcalidrawLib();\n      const {\n        parseMermaidToExcalidraw\n      } = await api;\n      const {\n        elements,\n        files\n      } = await parseMermaidToExcalidraw(mermaidDefinition, opts);\n      return {\n        elements: (0,_excalidraw_excalidraw__WEBPACK_IMPORTED_MODULE_1__.convertToExcalidrawElements)(elements.map(el => {\n          if (el.type === \"image\") {\n            el.customData = {\n              mermaidText: mermaidDefinition\n            };\n          }\n\n          return el;\n        }), {\n          regenerateIds: true\n        }),\n        files\n      };\n    } catch (e) {\n      return {\n        error: e.message\n      };\n    }\n  });\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./components/TTDDialog/MermaidToExcalidrawLib.ts?\n}");
 
 /***/ },
 
@@ -3047,7 +3047,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TTDDialog: () => (/* binding */ TTDDialog)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _context_ui_appState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../context/ui-appState */ \"./context/ui-appState.ts\");\n/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../i18n */ \"./i18n.ts\");\n/* harmony import */ var _App__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../App */ \"./components/App.tsx\");\n/* harmony import */ var _Dialog__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Dialog */ \"./components/Dialog.tsx\");\n/* harmony import */ var _hoc_withInternalFallback__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hoc/withInternalFallback */ \"./components/hoc/withInternalFallback.tsx\");\n/* harmony import */ var _MermaidToExcalidraw__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./MermaidToExcalidraw */ \"./components/TTDDialog/MermaidToExcalidraw.tsx\");\n/* harmony import */ var _TextToDiagram__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./TextToDiagram */ \"./components/TTDDialog/TextToDiagram.tsx\");\n/* harmony import */ var _TTDDialogTabs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TTDDialogTabs */ \"./components/TTDDialog/TTDDialogTabs.tsx\");\n/* harmony import */ var _TTDDialogTabTriggers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./TTDDialogTabTriggers */ \"./components/TTDDialog/TTDDialogTabTriggers.tsx\");\n/* harmony import */ var _TTDDialogTabTrigger__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./TTDDialogTabTrigger */ \"./components/TTDDialog/TTDDialogTabTrigger.tsx\");\n/* harmony import */ var _TTDDialogTab__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./TTDDialogTab */ \"./components/TTDDialog/TTDDialogTab.tsx\");\n/* harmony import */ var _TTDDialog_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./TTDDialog.scss */ \"./components/TTDDialog/TTDDialog.scss\");\n/* harmony import */ var _TTDWelcomeMessage__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./TTDWelcomeMessage */ \"./components/TTDDialog/TTDWelcomeMessage.tsx\");\n/* harmony import */ var _MermaidToExcalidrawLib__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./MermaidToExcalidrawLib */ \"./components/TTDDialog/MermaidToExcalidrawLib.ts\");\nvar __rest = undefined && undefined.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst TTDDialog = props => {\n  var _a;\n\n  const appState = (0,_context_ui_appState__WEBPACK_IMPORTED_MODULE_1__.useUIAppState)();\n\n  if (((_a = appState.openDialog) === null || _a === void 0 ? void 0 : _a.name) !== \"ttd\") {\n    return null;\n  }\n\n  return React.createElement(TTDDialogBase, Object.assign({}, props, {\n    tab: appState.openDialog.tab\n  }));\n};\nTTDDialog.WelcomeMessage = _TTDWelcomeMessage__WEBPACK_IMPORTED_MODULE_13__.TTDWelcomeMessage;\n/**\n * Text to diagram (TTD) dialog\n */\n\nconst TTDDialogBase = (0,_hoc_withInternalFallback__WEBPACK_IMPORTED_MODULE_5__.withInternalFallback)(\"TTDDialogBase\", _a => {\n  var {\n    tab\n  } = _a,\n      rest = __rest(_a, [\"tab\"]);\n\n  const app = (0,_App__WEBPACK_IMPORTED_MODULE_3__.useApp)(); //zsviczian - start (replacing dynamic import with a dummy promise)\n\n  const [mermaidToExcalidrawLib, setMermaidToExcalidrawLib] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n    loaded: false,\n    // The useEffect below will replace this with the real loaded API.\n    api: Promise.resolve({})\n  }); //zsviczian - end\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    let isMounted = true; //zsviczian\n\n    const fn = async () => {\n      //zsviczian decupling loding of API so it is available without opening TTDDialog\n      const lib = await (0,_MermaidToExcalidrawLib__WEBPACK_IMPORTED_MODULE_14__.loadMermaidToExcalidrawLib)();\n      if (!isMounted) return; // If the user canceled the Gateway modal, lib.loaded will be false.\n      // We MUST close the dialog in Excalidraw's state, otherwise it gets stuck open but invisible.\n\n      if (!lib || !lib.loaded) {\n        app.setOpenDialog(null);\n      } else {\n        setMermaidToExcalidrawLib(lib);\n      }\n    };\n\n    fn();\n    return () => {\n      isMounted = false;\n    };\n  }, [app]); //Dependency is 'app', preventing infinite re-rendering loops on 'api'\n  // zsviczian - If it hasn't successfully loaded yet, render nothing so it doesn't block the screen\n\n  if (!mermaidToExcalidrawLib.loaded) {\n    return null;\n  }\n\n  const appState = (0,_context_ui_appState__WEBPACK_IMPORTED_MODULE_1__.useUIAppState)(); //zsviczian\n\n  return React.createElement(_Dialog__WEBPACK_IMPORTED_MODULE_4__.Dialog, Object.assign({\n    className: \"ttd-dialog\",\n    onCloseRequest: () => {\n      app.setOpenDialog(null);\n    },\n    size: 1520,\n    title: false\n  }, rest, {\n    autofocus: false\n  }), React.createElement(_TTDDialogTabs__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    dialog: \"ttd\",\n    tab: tab\n  }, \"__fallback\" in rest && rest.__fallback ? React.createElement(\"p\", {\n    className: \"dialog-mermaid-title\"\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_2__.t)(\"mermaid.title\")) : React.createElement(_TTDDialogTabTriggers__WEBPACK_IMPORTED_MODULE_9__.TTDDialogTabTriggers, null, React.createElement(_TTDDialogTabTrigger__WEBPACK_IMPORTED_MODULE_10__.TTDDialogTabTrigger, {\n    tab: \"text-to-diagram\"\n  }, React.createElement(\"div\", {\n    className: \"ttd-dialog-tab-trigger__content\"\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_2__.t)(\"labels.textToDiagram\"), React.createElement(\"div\", {\n    className: \"ttd-dialog-tab-trigger__badge\"\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_2__.t)(\"chat.aiBeta\")))), React.createElement(_TTDDialogTabTrigger__WEBPACK_IMPORTED_MODULE_10__.TTDDialogTabTrigger, {\n    tab: \"mermaid\"\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_2__.t)(\"mermaid.label\"))), !(\"__fallback\" in rest) && React.createElement(_TTDDialogTab__WEBPACK_IMPORTED_MODULE_11__.TTDDialogTab, {\n    className: \"ttd-dialog-content\",\n    tab: \"text-to-diagram\"\n  }, React.createElement(_TextToDiagram__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    mermaidToExcalidrawLib: mermaidToExcalidrawLib,\n    onTextSubmit: rest.onTextSubmit,\n    renderWelcomeScreen: rest.renderWelcomeScreen,\n    renderWarning: rest.renderWarning,\n    persistenceAdapter: rest.persistenceAdapter\n  })), React.createElement(_TTDDialogTab__WEBPACK_IMPORTED_MODULE_11__.TTDDialogTab, {\n    className: \"ttd-dialog-content\",\n    tab: \"mermaid\"\n  }, React.createElement(_MermaidToExcalidraw__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n    mermaidToExcalidrawLib: mermaidToExcalidrawLib,\n    isActive: tab === \"mermaid\",\n    selectedElements: app.scene.getSelectedElements(appState)\n  }))));\n});\n\n//# sourceURL=webpack://ExcalidrawLib/./components/TTDDialog/TTDDialog.tsx?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TTDDialog: () => (/* binding */ TTDDialog)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _context_ui_appState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../context/ui-appState */ \"./context/ui-appState.ts\");\n/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../i18n */ \"./i18n.ts\");\n/* harmony import */ var _App__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../App */ \"./components/App.tsx\");\n/* harmony import */ var _Dialog__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Dialog */ \"./components/Dialog.tsx\");\n/* harmony import */ var _hoc_withInternalFallback__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hoc/withInternalFallback */ \"./components/hoc/withInternalFallback.tsx\");\n/* harmony import */ var _MermaidToExcalidraw__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./MermaidToExcalidraw */ \"./components/TTDDialog/MermaidToExcalidraw.tsx\");\n/* harmony import */ var _TextToDiagram__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./TextToDiagram */ \"./components/TTDDialog/TextToDiagram.tsx\");\n/* harmony import */ var _TTDDialogTabs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TTDDialogTabs */ \"./components/TTDDialog/TTDDialogTabs.tsx\");\n/* harmony import */ var _TTDDialogTabTriggers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./TTDDialogTabTriggers */ \"./components/TTDDialog/TTDDialogTabTriggers.tsx\");\n/* harmony import */ var _TTDDialogTabTrigger__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./TTDDialogTabTrigger */ \"./components/TTDDialog/TTDDialogTabTrigger.tsx\");\n/* harmony import */ var _TTDDialogTab__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./TTDDialogTab */ \"./components/TTDDialog/TTDDialogTab.tsx\");\n/* harmony import */ var _TTDDialog_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./TTDDialog.scss */ \"./components/TTDDialog/TTDDialog.scss\");\n/* harmony import */ var _TTDWelcomeMessage__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./TTDWelcomeMessage */ \"./components/TTDDialog/TTDWelcomeMessage.tsx\");\n/* harmony import */ var _MermaidToExcalidrawLib__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./MermaidToExcalidrawLib */ \"./components/TTDDialog/MermaidToExcalidrawLib.ts\");\nvar __rest = undefined && undefined.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst TTDDialog = props => {\n  var _a;\n\n  const appState = (0,_context_ui_appState__WEBPACK_IMPORTED_MODULE_1__.useUIAppState)();\n\n  if (((_a = appState.openDialog) === null || _a === void 0 ? void 0 : _a.name) !== \"ttd\") {\n    return null;\n  }\n\n  return React.createElement(TTDDialogBase, Object.assign({}, props, {\n    tab: appState.openDialog.tab\n  }));\n};\nTTDDialog.WelcomeMessage = _TTDWelcomeMessage__WEBPACK_IMPORTED_MODULE_13__.TTDWelcomeMessage;\n/**\n * Text to diagram (TTD) dialog\n */\n\nconst TTDDialogBase = (0,_hoc_withInternalFallback__WEBPACK_IMPORTED_MODULE_5__.withInternalFallback)(\"TTDDialogBase\", _a => {\n  var {\n    tab\n  } = _a,\n      rest = __rest(_a, [\"tab\"]);\n\n  const app = (0,_App__WEBPACK_IMPORTED_MODULE_3__.useApp)(); //zsviczian - start (replacing dynamic import with a dummy promise)\n\n  const [mermaidToExcalidrawLib, setMermaidToExcalidrawLib] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n    loaded: false,\n    // The useEffect below will replace this with the real loaded API.\n    api: Promise.resolve({})\n  }); //zsviczian - end\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    const fn = async () => {\n      //zsviczian decupling loding of API so it is available without opening TTDDialog\n      const mermaidToExcalidrawLib = await (0,_MermaidToExcalidrawLib__WEBPACK_IMPORTED_MODULE_14__.loadMermaidToExcalidrawLib)();\n      setMermaidToExcalidrawLib(mermaidToExcalidrawLib);\n    };\n\n    fn();\n  }, [mermaidToExcalidrawLib.api]); //zsviczian\n\n  if (!mermaidToExcalidrawLib.loaded) {\n    return null;\n  }\n\n  const appState = (0,_context_ui_appState__WEBPACK_IMPORTED_MODULE_1__.useUIAppState)(); //zsviczian\n\n  return React.createElement(_Dialog__WEBPACK_IMPORTED_MODULE_4__.Dialog, Object.assign({\n    className: \"ttd-dialog\",\n    onCloseRequest: () => {\n      app.setOpenDialog(null);\n    },\n    size: 1520,\n    title: false\n  }, rest, {\n    autofocus: false\n  }), React.createElement(_TTDDialogTabs__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    dialog: \"ttd\",\n    tab: tab\n  }, \"__fallback\" in rest && rest.__fallback ? React.createElement(\"p\", {\n    className: \"dialog-mermaid-title\"\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_2__.t)(\"mermaid.title\")) : React.createElement(_TTDDialogTabTriggers__WEBPACK_IMPORTED_MODULE_9__.TTDDialogTabTriggers, null, React.createElement(_TTDDialogTabTrigger__WEBPACK_IMPORTED_MODULE_10__.TTDDialogTabTrigger, {\n    tab: \"text-to-diagram\"\n  }, React.createElement(\"div\", {\n    className: \"ttd-dialog-tab-trigger__content\"\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_2__.t)(\"labels.textToDiagram\"), React.createElement(\"div\", {\n    className: \"ttd-dialog-tab-trigger__badge\"\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_2__.t)(\"chat.aiBeta\")))), React.createElement(_TTDDialogTabTrigger__WEBPACK_IMPORTED_MODULE_10__.TTDDialogTabTrigger, {\n    tab: \"mermaid\"\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_2__.t)(\"mermaid.label\"))), !(\"__fallback\" in rest) && React.createElement(_TTDDialogTab__WEBPACK_IMPORTED_MODULE_11__.TTDDialogTab, {\n    className: \"ttd-dialog-content\",\n    tab: \"text-to-diagram\"\n  }, React.createElement(_TextToDiagram__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    mermaidToExcalidrawLib: mermaidToExcalidrawLib,\n    onTextSubmit: rest.onTextSubmit,\n    renderWelcomeScreen: rest.renderWelcomeScreen,\n    renderWarning: rest.renderWarning,\n    persistenceAdapter: rest.persistenceAdapter\n  })), React.createElement(_TTDDialogTab__WEBPACK_IMPORTED_MODULE_11__.TTDDialogTab, {\n    className: \"ttd-dialog-content\",\n    tab: \"mermaid\"\n  }, React.createElement(_MermaidToExcalidraw__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n    mermaidToExcalidrawLib: mermaidToExcalidrawLib,\n    isActive: tab === \"mermaid\",\n    selectedElements: app.scene.getSelectedElements(appState)\n  }))));\n});\n\n//# sourceURL=webpack://ExcalidrawLib/./components/TTDDialog/TTDDialog.tsx?\n}");
 
 /***/ },
 
@@ -4653,7 +4653,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   WorkerUrl: () => (/* binding */ WorkerUrl)\n/* harmony export */ });\n/* harmony import */ var _subset_shared_chunk__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./subset-shared.chunk */ \"./subset/subset-shared.chunk.ts\");\n/**\n * DON'T depend on anything from the outside like `promiseTry`, as this module is part of a separate lazy-loaded chunk.\n *\n * Including anything from the main chunk would include the whole chunk by default.\n * Even it it would be tree-shaken during build, it won't be tree-shaken in dev.\n *\n * In the future consider separating common utils into a separate shared chunk.\n */\n\n/**\n * Due to this export (and related dynamic import), this worker code will be included in the bundle automatically (as a separate chunk),\n * without the need for esbuild / vite /rollup plugins and special browser / server treatment.\n *\n * `import.meta.url` is undefined in nodejs\n */\n\nconst WorkerUrl =  true ? new URL(\"file:///Users/zsviczian/GitHub/excalidraw/packages/excalidraw/subset/subset-worker.chunk.ts\") : 0; // run only in the worker context\n\nif (typeof window === \"undefined\" && typeof self !== \"undefined\") {\n  self.onmessage = async e => {\n    switch (e.data.command) {\n      case _subset_shared_chunk__WEBPACK_IMPORTED_MODULE_0__.Commands.Subset:\n        const buffer = await (0,_subset_shared_chunk__WEBPACK_IMPORTED_MODULE_0__.subsetToBinary)(e.data.arrayBuffer, e.data.codePoints);\n        self.postMessage(buffer, {\n          transfer: [buffer]\n        });\n        break;\n    }\n  };\n}\n\n//# sourceURL=webpack://ExcalidrawLib/./subset/subset-worker.chunk.ts?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   WorkerUrl: () => (/* binding */ WorkerUrl)\n/* harmony export */ });\n/* harmony import */ var _subset_shared_chunk__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./subset-shared.chunk */ \"./subset/subset-shared.chunk.ts\");\n/**\n * DON'T depend on anything from the outside like `promiseTry`, as this module is part of a separate lazy-loaded chunk.\n *\n * Including anything from the main chunk would include the whole chunk by default.\n * Even it it would be tree-shaken during build, it won't be tree-shaken in dev.\n *\n * In the future consider separating common utils into a separate shared chunk.\n */\n\n/**\n * Due to this export (and related dynamic import), this worker code will be included in the bundle automatically (as a separate chunk),\n * without the need for esbuild / vite /rollup plugins and special browser / server treatment.\n *\n * `import.meta.url` is undefined in nodejs\n */\n\nconst WorkerUrl =  true ? new URL(\"file:///C:/Users/viczi/GitHub/excalidraw/packages/excalidraw/subset/subset-worker.chunk.ts\") : 0; // run only in the worker context\n\nif (typeof window === \"undefined\" && typeof self !== \"undefined\") {\n  self.onmessage = async e => {\n    switch (e.data.command) {\n      case _subset_shared_chunk__WEBPACK_IMPORTED_MODULE_0__.Commands.Subset:\n        const buffer = await (0,_subset_shared_chunk__WEBPACK_IMPORTED_MODULE_0__.subsetToBinary)(e.data.arrayBuffer, e.data.codePoints);\n        self.postMessage(buffer, {\n          transfer: [buffer]\n        });\n        break;\n    }\n  };\n}\n\n//# sourceURL=webpack://ExcalidrawLib/./subset/subset-worker.chunk.ts?\n}");
 
 /***/ },
 
@@ -4708,7 +4708,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   WorkerPool: () => (/* binding */ WorkerPool)\n/* harmony export */ });\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./errors */ \"./errors.ts\");\n\n\n\nclass IdleWorker {\n  constructor(workerUrl) {\n    this.instance = new Worker(workerUrl, {\n      type: \"module\"\n    });\n  }\n\n}\n/**\n * Pool of idle short-lived workers.\n *\n * IMPORTANT: for simplicity it does not limit the number of newly created workers, leaving it up to the caller to manage the pool size.\n */\n\n\nclass WorkerPool {\n  constructor(workerUrl, options) {\n    this.idleWorkers = new Set();\n    this.workerUrl = workerUrl; // by default, active & idle workers will be terminated after 1s of inactivity\n\n    this.workerTTL = options.ttl || 1000;\n  }\n  /**\n   * Create a new worker pool.\n   *\n   * @param workerUrl - The URL of the worker file.\n   * @param options - The options for the worker pool.\n   * @throws If the worker is bundled into the main chunk.\n   * @returns A new worker pool instance.\n   */\n\n\n  static create(workerUrl, options = {}) {\n    if (!workerUrl) {\n      throw new _errors__WEBPACK_IMPORTED_MODULE_1__.WorkerUrlNotDefinedError();\n    }\n\n    if ( false || workerUrl.toString() === \"file:///Users/zsviczian/GitHub/excalidraw/packages/excalidraw/workers.ts\") {\n      // in case the worker code is bundled into the main chunk\n      throw new _errors__WEBPACK_IMPORTED_MODULE_1__.WorkerInTheMainChunkError();\n    }\n\n    return new WorkerPool(workerUrl, options);\n  }\n  /**\n   * Take idle worker from the pool or create a new one and post a message to it.\n   */\n\n\n  async postMessage(data, options) {\n    let worker;\n    const idleWorker = Array.from(this.idleWorkers).shift();\n\n    if (idleWorker) {\n      this.idleWorkers.delete(idleWorker);\n      worker = idleWorker;\n    } else {\n      worker = await this.createWorker();\n    }\n\n    return new Promise((resolve, reject) => {\n      worker.instance.onmessage = this.onMessageHandler(worker, resolve);\n      worker.instance.onerror = this.onErrorHandler(worker, reject);\n      worker.instance.postMessage(data, options);\n      worker.debounceTerminate(() => reject(new Error(`Active worker did not respond for ${this.workerTTL}ms!`)));\n    });\n  }\n  /**\n   * Terminate the idle workers in the pool.\n   */\n\n\n  async clear() {\n    for (const worker of this.idleWorkers) {\n      worker.debounceTerminate.cancel();\n      worker.instance.terminate();\n    }\n\n    this.idleWorkers.clear();\n  }\n  /**\n   * Used to get a worker from the pool or create a new one if there is no idle available.\n   */\n\n\n  async createWorker() {\n    const worker = new IdleWorker(this.workerUrl);\n    worker.debounceTerminate = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.debounce)(reject => {\n      worker.instance.terminate();\n\n      if (this.idleWorkers.has(worker)) {\n        this.idleWorkers.delete(worker); // eslint-disable-next-line no-console\n\n        console.debug(\"Job finished! Idle worker has been released from the pool.\");\n      } else if (reject) {\n        reject();\n      } else {\n        console.error(\"Worker has been terminated!\");\n      }\n    }, this.workerTTL);\n    return worker;\n  }\n\n  onMessageHandler(worker, resolve) {\n    return e => {\n      worker.debounceTerminate();\n      this.idleWorkers.add(worker);\n      resolve(e.data);\n    };\n  }\n\n  onErrorHandler(worker, reject) {\n    return e => {\n      // terminate the worker immediately before rejection\n      worker.debounceTerminate(() => reject(e));\n      worker.debounceTerminate.flush(); // clear the worker pool in case there are some idle workers left\n\n      this.clear();\n    };\n  }\n\n}\n\n//# sourceURL=webpack://ExcalidrawLib/./workers.ts?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   WorkerPool: () => (/* binding */ WorkerPool)\n/* harmony export */ });\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./errors */ \"./errors.ts\");\n\n\n\nclass IdleWorker {\n  constructor(workerUrl) {\n    this.instance = new Worker(workerUrl, {\n      type: \"module\"\n    });\n  }\n\n}\n/**\n * Pool of idle short-lived workers.\n *\n * IMPORTANT: for simplicity it does not limit the number of newly created workers, leaving it up to the caller to manage the pool size.\n */\n\n\nclass WorkerPool {\n  constructor(workerUrl, options) {\n    this.idleWorkers = new Set();\n    this.workerUrl = workerUrl; // by default, active & idle workers will be terminated after 1s of inactivity\n\n    this.workerTTL = options.ttl || 1000;\n  }\n  /**\n   * Create a new worker pool.\n   *\n   * @param workerUrl - The URL of the worker file.\n   * @param options - The options for the worker pool.\n   * @throws If the worker is bundled into the main chunk.\n   * @returns A new worker pool instance.\n   */\n\n\n  static create(workerUrl, options = {}) {\n    if (!workerUrl) {\n      throw new _errors__WEBPACK_IMPORTED_MODULE_1__.WorkerUrlNotDefinedError();\n    }\n\n    if ( false || workerUrl.toString() === \"file:///C:/Users/viczi/GitHub/excalidraw/packages/excalidraw/workers.ts\") {\n      // in case the worker code is bundled into the main chunk\n      throw new _errors__WEBPACK_IMPORTED_MODULE_1__.WorkerInTheMainChunkError();\n    }\n\n    return new WorkerPool(workerUrl, options);\n  }\n  /**\n   * Take idle worker from the pool or create a new one and post a message to it.\n   */\n\n\n  async postMessage(data, options) {\n    let worker;\n    const idleWorker = Array.from(this.idleWorkers).shift();\n\n    if (idleWorker) {\n      this.idleWorkers.delete(idleWorker);\n      worker = idleWorker;\n    } else {\n      worker = await this.createWorker();\n    }\n\n    return new Promise((resolve, reject) => {\n      worker.instance.onmessage = this.onMessageHandler(worker, resolve);\n      worker.instance.onerror = this.onErrorHandler(worker, reject);\n      worker.instance.postMessage(data, options);\n      worker.debounceTerminate(() => reject(new Error(`Active worker did not respond for ${this.workerTTL}ms!`)));\n    });\n  }\n  /**\n   * Terminate the idle workers in the pool.\n   */\n\n\n  async clear() {\n    for (const worker of this.idleWorkers) {\n      worker.debounceTerminate.cancel();\n      worker.instance.terminate();\n    }\n\n    this.idleWorkers.clear();\n  }\n  /**\n   * Used to get a worker from the pool or create a new one if there is no idle available.\n   */\n\n\n  async createWorker() {\n    const worker = new IdleWorker(this.workerUrl);\n    worker.debounceTerminate = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.debounce)(reject => {\n      worker.instance.terminate();\n\n      if (this.idleWorkers.has(worker)) {\n        this.idleWorkers.delete(worker); // eslint-disable-next-line no-console\n\n        console.debug(\"Job finished! Idle worker has been released from the pool.\");\n      } else if (reject) {\n        reject();\n      } else {\n        console.error(\"Worker has been terminated!\");\n      }\n    }, this.workerTTL);\n    return worker;\n  }\n\n  onMessageHandler(worker, resolve) {\n    return e => {\n      worker.debounceTerminate();\n      this.idleWorkers.add(worker);\n      resolve(e.data);\n    };\n  }\n\n  onErrorHandler(worker, reject) {\n    return e => {\n      // terminate the worker immediately before rejection\n      worker.debounceTerminate(() => reject(e));\n      worker.debounceTerminate.flush(); // clear the worker pool in case there are some idle workers left\n\n      this.clear();\n    };\n  }\n\n}\n\n//# sourceURL=webpack://ExcalidrawLib/./workers.ts?\n}");
 
 /***/ },