npm - @zsviczian/excalidraw - Versions diffs - 0.17.6-24 → 0.17.6-25 - Mend

@zsviczian/excalidraw 0.17.6-24 → 0.17.6-25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/excalidraw.development.js +7 -7
package/dist/excalidraw.production.min.js +1 -1
package/package.json +1 -1

package/dist/excalidraw.development.js CHANGED Viewed

@@ -1037,7 +1037,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__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 */   \"trackEvent\": () => (/* binding */ trackEvent)\n/* harmony export */ });\n// place here categories that you want to track. We want to track just a\n// small subset of categories at a given time.\nconst ALLOWED_CATEGORIES_TO_TRACK = new Set([\"command_palette\", \"export\"]);\nconst trackEvent = (category, action, label, value) => {\n  try {\n    if (typeof window === \"undefined\" || ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.17.6-23\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).VITE_WORKER_ID || \"true\" !== \"true\") {\n      return;\n    }\n\n    if (!ALLOWED_CATEGORIES_TO_TRACK.has(category)) {\n      return;\n    }\n\n    if (true) {\n      // comment out to debug in dev\n      return;\n    }\n\n    if (true) {\n      console.info(\"trackEvent\", {\n        category,\n        action,\n        label,\n        value\n      });\n    }\n\n    if (window.sa_event) {\n      window.sa_event(action, {\n        category,\n        label,\n        value\n      });\n    }\n  } catch (error) {\n    console.error(\"error during analytics\", error);\n  }\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./analytics.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"trackEvent\": () => (/* binding */ trackEvent)\n/* harmony export */ });\n// place here categories that you want to track. We want to track just a\n// small subset of categories at a given time.\nconst ALLOWED_CATEGORIES_TO_TRACK = new Set([\"command_palette\", \"export\"]);\nconst trackEvent = (category, action, label, value) => {\n  try {\n    if (typeof window === \"undefined\" || ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.17.6-24\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).VITE_WORKER_ID || \"true\" !== \"true\") {\n      return;\n    }\n\n    if (!ALLOWED_CATEGORIES_TO_TRACK.has(category)) {\n      return;\n    }\n\n    if (true) {\n      // comment out to debug in dev\n      return;\n    }\n\n    if (true) {\n      console.info(\"trackEvent\", {\n        category,\n        action,\n        label,\n        value\n      });\n    }\n\n    if (window.sa_event) {\n      window.sa_event(action, {\n        category,\n        label,\n        value\n      });\n    }\n  } catch (error) {\n    console.error(\"error during analytics\", error);\n  }\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./analytics.ts?");
 /***/ }),
@@ -3072,7 +3072,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__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 */   \"BINDING_HIGHLIGHT_OFFSET\": () => (/* binding */ BINDING_HIGHLIGHT_OFFSET),\n/* harmony export */   \"BINDING_HIGHLIGHT_THICKNESS\": () => (/* binding */ BINDING_HIGHLIGHT_THICKNESS),\n/* harmony export */   \"BindableElement\": () => (/* binding */ BindableElement),\n/* harmony export */   \"BoundElement\": () => (/* binding */ BoundElement),\n/* harmony export */   \"FIXED_BINDING_DISTANCE\": () => (/* binding */ FIXED_BINDING_DISTANCE),\n/* harmony export */   \"avoidRectangularCorner\": () => (/* binding */ avoidRectangularCorner),\n/* harmony export */   \"bindLinearElement\": () => (/* binding */ bindLinearElement),\n/* harmony export */   \"bindOrUnbindLinearElement\": () => (/* binding */ bindOrUnbindLinearElement),\n/* harmony export */   \"bindOrUnbindLinearElements\": () => (/* binding */ bindOrUnbindLinearElements),\n/* harmony export */   \"bindPointToSnapToElementOutline\": () => (/* binding */ bindPointToSnapToElementOutline),\n/* harmony export */   \"bindingBorderTest\": () => (/* binding */ bindingBorderTest),\n/* harmony export */   \"bindingProperties\": () => (/* binding */ bindingProperties),\n/* harmony export */   \"calculateFixedPointForElbowArrowBinding\": () => (/* binding */ calculateFixedPointForElbowArrowBinding),\n/* harmony export */   \"determineFocusDistance\": () => (/* binding */ determineFocusDistance),\n/* harmony export */   \"distanceToBindableElement\": () => (/* binding */ distanceToBindableElement),\n/* harmony export */   \"fixBindingsAfterDeletion\": () => (/* binding */ fixBindingsAfterDeletion),\n/* harmony export */   \"fixBindingsAfterDuplication\": () => (/* binding */ fixBindingsAfterDuplication),\n/* harmony export */   \"getArrowLocalFixedPoints\": () => (/* binding */ getArrowLocalFixedPoints),\n/* harmony export */   \"getGlobalFixedPointForBindableElement\": () => (/* binding */ getGlobalFixedPointForBindableElement),\n/* harmony export */   \"getHeadingForElbowArrowSnap\": () => (/* binding */ getHeadingForElbowArrowSnap),\n/* harmony export */   \"getHoveredElementForBinding\": () => (/* binding */ getHoveredElementForBinding),\n/* harmony export */   \"getSuggestedBindingsForArrows\": () => (/* binding */ getSuggestedBindingsForArrows),\n/* harmony export */   \"intersectElementWithLine\": () => (/* binding */ intersectElementWithLine),\n/* harmony export */   \"isBindingEnabled\": () => (/* binding */ isBindingEnabled),\n/* harmony export */   \"isLinearElementSimpleAndAlreadyBound\": () => (/* binding */ isLinearElementSimpleAndAlreadyBound),\n/* harmony export */   \"maxBindingGap\": () => (/* binding */ maxBindingGap),\n/* harmony export */   \"maybeBindLinearElement\": () => (/* binding */ maybeBindLinearElement),\n/* harmony export */   \"normalizeFixedPoint\": () => (/* binding */ normalizeFixedPoint),\n/* harmony export */   \"shouldEnableBindingForPointerEvent\": () => (/* binding */ shouldEnableBindingForPointerEvent),\n/* harmony export */   \"snapToMid\": () => (/* binding */ snapToMid),\n/* harmony export */   \"updateBoundElements\": () => (/* binding */ updateBoundElements)\n/* harmony export */ });\n/* harmony import */ var _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../math/ga/ga */ \"../math/ga/ga.ts\");\n/* harmony import */ var _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../math/ga/gapoints */ \"../math/ga/gapoints.ts\");\n/* harmony import */ var _math_ga_gadirections__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../math/ga/gadirections */ \"../math/ga/gadirections.ts\");\n/* harmony import */ var _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../math/ga/galines */ \"../math/ga/galines.ts\");\n/* harmony import */ var _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../math/ga/gatransforms */ \"../math/ga/gatransforms.ts\");\n/* harmony import */ var _bounds__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./bounds */ \"./element/bounds.ts\");\n/* harmony import */ var _utils_collision__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/collision */ \"../utils/collision.ts\");\n/* harmony import */ var _scene__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../scene */ \"./scene/index.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./typeChecks */ \"./element/typeChecks.ts\");\n/* harmony import */ var _mutateElement__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./mutateElement */ \"./element/mutateElement.ts\");\n/* harmony import */ var _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./linearElementEditor */ \"./element/linearElementEditor.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils */ \"./utils.ts\");\n/* harmony import */ var _keys__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../keys */ \"./keys.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./textElement */ \"./element/textElement.ts\");\n/* harmony import */ var _shapes__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../shapes */ \"./shapes.tsx\");\n/* harmony import */ var _heading__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./heading */ \"./element/heading.ts\");\n/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../math */ \"../math/index.ts\");\n/* harmony import */ var _utils_geometry_shape__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../utils/geometry/shape */ \"../utils/geometry/shape.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst shouldEnableBindingForPointerEvent = event => {\n  return !event[_keys__WEBPACK_IMPORTED_MODULE_12__.KEYS.CTRL_OR_CMD];\n};\nconst isBindingEnabled = appState => {\n  return appState.invertBindingBehaviour //zsviczian\n  ? !appState.isBindingEnabled : appState.isBindingEnabled;\n};\nconst FIXED_BINDING_DISTANCE = 5;\nconst BINDING_HIGHLIGHT_THICKNESS = 10;\nconst BINDING_HIGHLIGHT_OFFSET = 4;\n\nconst getNonDeletedElements = (scene, ids) => {\n  const result = [];\n  ids.forEach(id => {\n    const element = scene.getNonDeletedElement(id);\n\n    if (element != null) {\n      result.push(element);\n    }\n  });\n  return result;\n};\n\nconst bindOrUnbindLinearElement = (linearElement, startBindingElement, endBindingElement, elementsMap, scene) => {\n  const boundToElementIds = new Set();\n  const unboundFromElementIds = new Set();\n  bindOrUnbindLinearElementEdge(linearElement, startBindingElement, endBindingElement, \"start\", boundToElementIds, unboundFromElementIds, elementsMap);\n  bindOrUnbindLinearElementEdge(linearElement, endBindingElement, startBindingElement, \"end\", boundToElementIds, unboundFromElementIds, elementsMap);\n  const onlyUnbound = Array.from(unboundFromElementIds).filter(id => !boundToElementIds.has(id));\n  getNonDeletedElements(scene, onlyUnbound).forEach(element => {\n    var _a;\n\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement)(element, {\n      boundElements: (_a = element.boundElements) === null || _a === void 0 ? void 0 : _a.filter(element => element.type !== \"arrow\" || element.id !== linearElement.id)\n    });\n  });\n};\n\nconst bindOrUnbindLinearElementEdge = (linearElement, bindableElement, otherEdgeBindableElement, startOrEnd, // Is mutated\nboundToElementIds, // Is mutated\nunboundFromElementIds, elementsMap) => {\n  // \"keep\" is for method chaining convenience, a \"no-op\", so just bail out\n  if (bindableElement === \"keep\") {\n    return;\n  } // null means break the bind, so nothing to consider here\n\n\n  if (bindableElement === null) {\n    const unbound = unbindLinearElement(linearElement, startOrEnd);\n\n    if (unbound != null) {\n      unboundFromElementIds.add(unbound);\n    }\n\n    return;\n  } // While complext arrows can do anything, simple arrow with both ends trying\n  // to bind to the same bindable should not be allowed, start binding takes\n  // precedence\n\n\n  if (isLinearElementSimple(linearElement)) {\n    if (otherEdgeBindableElement == null || (otherEdgeBindableElement === \"keep\" ? // TODO: Refactor - Needlessly complex\n    !isLinearElementSimpleAndAlreadyBoundOnOppositeEdge(linearElement, bindableElement, startOrEnd) : startOrEnd === \"start\" || otherEdgeBindableElement.id !== bindableElement.id)) {\n      bindLinearElement(linearElement, bindableElement, startOrEnd, elementsMap);\n      boundToElementIds.add(bindableElement.id);\n    }\n  } else {\n    bindLinearElement(linearElement, bindableElement, startOrEnd, elementsMap);\n    boundToElementIds.add(bindableElement.id);\n  }\n};\n\nconst getOriginalBindingIfStillCloseOfLinearElementEdge = (linearElement, edge, elementsMap, zoom) => {\n  var _a, _b;\n\n  const coors = getLinearElementEdgeCoors(linearElement, edge, elementsMap);\n  const elementId = edge === \"start\" ? (_a = linearElement.startBinding) === null || _a === void 0 ? void 0 : _a.elementId : (_b = linearElement.endBinding) === null || _b === void 0 ? void 0 : _b.elementId;\n\n  if (elementId) {\n    const element = elementsMap.get(elementId);\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isBindableElement)(element) && bindingBorderTest(element, coors, elementsMap, zoom)) {\n      return element;\n    }\n  }\n\n  return null;\n};\n\nconst getOriginalBindingsIfStillCloseToArrowEnds = (linearElement, elementsMap, zoom) => [\"start\", \"end\"].map(edge => getOriginalBindingIfStillCloseOfLinearElementEdge(linearElement, edge, elementsMap, zoom));\n\nconst getBindingStrategyForDraggingArrowEndpoints = (selectedElement, isBindingEnabled, draggingPoints, elementsMap, elements, zoom) => {\n  const startIdx = 0;\n  const endIdx = selectedElement.points.length - 1;\n  const startDragged = draggingPoints.findIndex(i => i === startIdx) > -1;\n  const endDragged = draggingPoints.findIndex(i => i === endIdx) > -1;\n  const start = startDragged ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"start\", elementsMap, elements, zoom) : null // If binding is disabled and start is dragged, break all binds\n  : // We have to update the focus and gap of the binding, so let's rebind\n  getElligibleElementForBindingElement(selectedElement, \"start\", elementsMap, elements, zoom);\n  const end = endDragged ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"end\", elementsMap, elements, zoom) : null // If binding is disabled and end is dragged, break all binds\n  : // We have to update the focus and gap of the binding, so let's rebind\n  getElligibleElementForBindingElement(selectedElement, \"end\", elementsMap, elements, zoom);\n  return [start, end];\n};\n\nconst getBindingStrategyForDraggingArrowOrJoints = (selectedElement, elementsMap, elements, isBindingEnabled, zoom) => {\n  const [startIsClose, endIsClose] = getOriginalBindingsIfStillCloseToArrowEnds(selectedElement, elementsMap, zoom);\n  const start = startIsClose ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"start\", elementsMap, elements, zoom) : null : null;\n  const end = endIsClose ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"end\", elementsMap, elements, zoom) : null : null;\n  return [start, end];\n};\n\nconst bindOrUnbindLinearElements = (selectedElements, elementsMap, elements, scene, isBindingEnabled, draggingPoints, zoom) => {\n  selectedElements.forEach(selectedElement => {\n    const [start, end] = (draggingPoints === null || draggingPoints === void 0 ? void 0 : draggingPoints.length) ? // The arrow edge points are dragged (i.e. start, end)\n    getBindingStrategyForDraggingArrowEndpoints(selectedElement, isBindingEnabled, draggingPoints !== null && draggingPoints !== void 0 ? draggingPoints : [], elementsMap, elements, zoom) : // The arrow itself (the shaft) or the inner joins are dragged\n    getBindingStrategyForDraggingArrowOrJoints(selectedElement, elementsMap, elements, isBindingEnabled, zoom);\n    bindOrUnbindLinearElement(selectedElement, start, end, elementsMap, scene);\n  });\n};\nconst getSuggestedBindingsForArrows = (selectedElements, elementsMap, zoom) => {\n  // HOT PATH: Bail out if selected elements list is too large\n  if (selectedElements.length > 50) {\n    return [];\n  }\n\n  return selectedElements.filter(_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isLinearElement).flatMap(element => getOriginalBindingsIfStillCloseToArrowEnds(element, elementsMap, zoom)).filter(element => element !== null) // Filter out bind candidates which are in the\n  // same selection / group with the arrow\n  //\n  // TODO: Is it worth turning the list into a set to avoid dupes?\n  .filter(element => selectedElements.filter(selected => selected.id === (element === null || element === void 0 ? void 0 : element.id)).length === 0);\n};\nconst maybeBindLinearElement = (linearElement, appState, pointerCoords, elementsMap, elements) => {\n  if (appState.startBoundElement != null) {\n    bindLinearElement(linearElement, appState.startBoundElement, \"start\", elementsMap);\n  }\n\n  const hoveredElement = getHoveredElementForBinding(pointerCoords, elements, elementsMap, appState.zoom, (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isElbowArrow)(linearElement) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isElbowArrow)(linearElement));\n\n  if (hoveredElement !== null) {\n    if (!isLinearElementSimpleAndAlreadyBoundOnOppositeEdge(linearElement, hoveredElement, \"end\")) {\n      bindLinearElement(linearElement, hoveredElement, \"end\", elementsMap);\n    }\n  }\n};\n\nconst normalizePointBinding = (binding, hoveredElement) => {\n  let gap = binding.gap;\n  const maxGap = maxBindingGap(hoveredElement, hoveredElement.width, hoveredElement.height);\n\n  if (gap > maxGap) {\n    gap = BINDING_HIGHLIGHT_THICKNESS + BINDING_HIGHLIGHT_OFFSET;\n  }\n\n  return Object.assign(Object.assign({}, binding), {\n    gap\n  });\n};\n\nconst bindLinearElement = (linearElement, hoveredElement, startOrEnd, elementsMap) => {\n  if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(linearElement)) {\n    return;\n  }\n\n  const binding = Object.assign(Object.assign({\n    elementId: hoveredElement.id\n  }, normalizePointBinding(calculateFocusAndGap(linearElement, hoveredElement, startOrEnd, elementsMap), hoveredElement)), (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isElbowArrow)(linearElement) ? calculateFixedPointForElbowArrowBinding(linearElement, hoveredElement, startOrEnd, elementsMap) : {\n    fixedPoint: null\n  });\n  (0,_mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement)(linearElement, {\n    [startOrEnd === \"start\" ? \"startBinding\" : \"endBinding\"]: binding\n  });\n  const boundElementsMap = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.arrayToMap)(hoveredElement.boundElements || []);\n\n  if (!boundElementsMap.has(linearElement.id)) {\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement)(hoveredElement, {\n      boundElements: (hoveredElement.boundElements || []).concat({\n        id: linearElement.id,\n        type: \"arrow\"\n      })\n    });\n  } // update bound elements to make sure the binding tips are in sync with\n  // the normalized gap from above\n\n\n  if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isElbowArrow)(linearElement)) {\n    updateBoundElements(hoveredElement, elementsMap);\n  }\n}; // Don't bind both ends of a simple segment\n\nconst isLinearElementSimpleAndAlreadyBoundOnOppositeEdge = (linearElement, bindableElement, startOrEnd) => {\n  const otherBinding = linearElement[startOrEnd === \"start\" ? \"endBinding\" : \"startBinding\"];\n  return isLinearElementSimpleAndAlreadyBound(linearElement, otherBinding === null || otherBinding === void 0 ? void 0 : otherBinding.elementId, bindableElement);\n};\n\nconst isLinearElementSimpleAndAlreadyBound = (linearElement, alreadyBoundToId, bindableElement) => {\n  return alreadyBoundToId === bindableElement.id && isLinearElementSimple(linearElement);\n};\n\nconst isLinearElementSimple = linearElement => linearElement.points.length < 3;\n\nconst unbindLinearElement = (linearElement, startOrEnd) => {\n  const field = startOrEnd === \"start\" ? \"startBinding\" : \"endBinding\";\n  const binding = linearElement[field];\n\n  if (binding == null) {\n    return null;\n  }\n\n  (0,_mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement)(linearElement, {\n    [field]: null\n  });\n  return binding.elementId;\n};\n\nconst getHoveredElementForBinding = (pointerCoords, elements, elementsMap, zoom, fullShape) => {\n  const hoveredElement = (0,_scene__WEBPACK_IMPORTED_MODULE_7__.getElementAtPosition)(elements, element => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isBindableElement)(element, false) && bindingBorderTest(element, pointerCoords, elementsMap, zoom, // disable fullshape snapping for frame elements so we\n  // can bind to frame children\n  fullShape));\n  return hoveredElement;\n};\n\nconst calculateFocusAndGap = (linearElement, hoveredElement, startOrEnd, elementsMap) => {\n  const direction = startOrEnd === \"start\" ? -1 : 1;\n  const edgePointIndex = direction === -1 ? 0 : linearElement.points.length - 1;\n  const adjacentPointIndex = edgePointIndex - direction;\n  const edgePoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, edgePointIndex, elementsMap);\n  const adjacentPoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, adjacentPointIndex, elementsMap);\n  return {\n    focus: determineFocusDistance(hoveredElement, adjacentPoint, edgePoint, elementsMap),\n    gap: Math.max(1, distanceToBindableElement(hoveredElement, edgePoint, elementsMap))\n  };\n}; // Supports translating, rotating and scaling `changedElement` with bound\n// linear elements.\n// Because scaling involves moving the focus points as well, it is\n// done before the `changedElement` is updated, and the `newSize` is passed\n// in explicitly.\n\n\nconst updateBoundElements = (changedElement, elementsMap, options) => {\n  const {\n    newSize,\n    simultaneouslyUpdated,\n    changedElements,\n    zoom\n  } = options !== null && options !== void 0 ? options : {};\n  const simultaneouslyUpdatedElementIds = getSimultaneouslyUpdatedElementIds(simultaneouslyUpdated);\n\n  if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isBindableElement)(changedElement)) {\n    return;\n  }\n\n  boundElementsVisitor(elementsMap, changedElement, element => {\n    var _a, _b;\n\n    if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isLinearElement)(element) || element.isDeleted) {\n      return;\n    } // In case the boundElements are stale\n\n\n    if (!doesNeedUpdate(element, changedElement)) {\n      return;\n    }\n\n    const bindings = {\n      startBinding: maybeCalculateNewGapWhenScaling(changedElement, element.startBinding, newSize),\n      endBinding: maybeCalculateNewGapWhenScaling(changedElement, element.endBinding, newSize)\n    }; // `linearElement` is being moved/scaled already, just update the binding\n\n    if (simultaneouslyUpdatedElementIds.has(element.id)) {\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement)(element, bindings);\n      return;\n    }\n\n    const updates = bindableElementsVisitor(elementsMap, element, (bindableElement, bindingProp) => {\n      var _a;\n\n      if (bindableElement && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isBindableElement)(bindableElement) && (bindingProp === \"startBinding\" || bindingProp === \"endBinding\") && changedElement.id === ((_a = element[bindingProp]) === null || _a === void 0 ? void 0 : _a.elementId)) {\n        const point = updateBoundPoint(element, bindingProp, bindings[bindingProp], bindableElement, elementsMap);\n\n        if (point) {\n          return {\n            index: bindingProp === \"startBinding\" ? 0 : element.points.length - 1,\n            point\n          };\n        }\n      }\n\n      return null;\n    }).filter(update => update !== null);\n    _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.movePoints(element, updates, elementsMap, Object.assign(Object.assign({}, changedElement.id === ((_a = element.startBinding) === null || _a === void 0 ? void 0 : _a.elementId) ? {\n      startBinding: bindings.startBinding\n    } : {}), changedElement.id === ((_b = element.endBinding) === null || _b === void 0 ? void 0 : _b.elementId) ? {\n      endBinding: bindings.endBinding\n    } : {}), {\n      changedElements,\n      zoom\n    });\n    const boundText = (0,_textElement__WEBPACK_IMPORTED_MODULE_13__.getBoundTextElement)(element, elementsMap);\n\n    if (boundText && !boundText.isDeleted) {\n      (0,_textElement__WEBPACK_IMPORTED_MODULE_13__.handleBindTextResize)(element, elementsMap, false);\n    }\n  });\n};\n\nconst doesNeedUpdate = (boundElement, changedElement) => {\n  var _a, _b;\n\n  return ((_a = boundElement.startBinding) === null || _a === void 0 ? void 0 : _a.elementId) === changedElement.id || ((_b = boundElement.endBinding) === null || _b === void 0 ? void 0 : _b.elementId) === changedElement.id;\n};\n\nconst getSimultaneouslyUpdatedElementIds = simultaneouslyUpdated => {\n  return new Set((simultaneouslyUpdated || []).map(element => element.id));\n};\n\nconst getHeadingForElbowArrowSnap = (p, otherPoint, bindableElement, aabb, elementsMap, origPoint, zoom) => {\n  const otherPointHeading = (0,_heading__WEBPACK_IMPORTED_MODULE_15__.vectorToHeading)((0,_math__WEBPACK_IMPORTED_MODULE_16__.vectorFromPoint)(otherPoint, p));\n\n  if (!bindableElement || !aabb) {\n    return otherPointHeading;\n  }\n\n  const distance = getDistanceForBinding(origPoint, bindableElement, elementsMap, zoom);\n\n  if (!distance) {\n    return (0,_heading__WEBPACK_IMPORTED_MODULE_15__.vectorToHeading)((0,_math__WEBPACK_IMPORTED_MODULE_16__.vectorFromPoint)(p, (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(bindableElement.x + bindableElement.width / 2, bindableElement.y + bindableElement.height / 2)));\n  }\n\n  const pointHeading = (0,_heading__WEBPACK_IMPORTED_MODULE_15__.headingForPointFromElement)(bindableElement, aabb, p);\n  return pointHeading;\n};\n\nconst getDistanceForBinding = (point, bindableElement, elementsMap, zoom) => {\n  const distance = distanceToBindableElement(bindableElement, point, elementsMap);\n  const bindDistance = maxBindingGap(bindableElement, bindableElement.width, bindableElement.height, zoom);\n  return distance > bindDistance ? null : distance;\n};\n\nconst bindPointToSnapToElementOutline = (p, otherPoint, bindableElement, elementsMap) => {\n  var _a, _b, _c;\n\n  const aabb = bindableElement && (0,_shapes__WEBPACK_IMPORTED_MODULE_14__.aabbForElement)(bindableElement);\n\n  if (bindableElement && aabb) {\n    // TODO: Dirty hacks until tangents are properly calculated\n    const heading = (0,_heading__WEBPACK_IMPORTED_MODULE_15__.headingForPointFromElement)(bindableElement, aabb, p);\n    const intersections = [...((_a = intersectElementWithLine(bindableElement, (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(p[0], p[1] - 2 * bindableElement.height), (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(p[0], p[1] + 2 * bindableElement.height), FIXED_BINDING_DISTANCE, elementsMap)) !== null && _a !== void 0 ? _a : []), ...((_b = intersectElementWithLine(bindableElement, (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(p[0] - 2 * bindableElement.width, p[1]), (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(p[0] + 2 * bindableElement.width, p[1]), FIXED_BINDING_DISTANCE, elementsMap)) !== null && _b !== void 0 ? _b : [])];\n    const isVertical = (0,_heading__WEBPACK_IMPORTED_MODULE_15__.compareHeading)(heading, _heading__WEBPACK_IMPORTED_MODULE_15__.HEADING_LEFT) || (0,_heading__WEBPACK_IMPORTED_MODULE_15__.compareHeading)(heading, _heading__WEBPACK_IMPORTED_MODULE_15__.HEADING_RIGHT);\n    const dist = Math.abs(distanceToBindableElement(bindableElement, p, elementsMap));\n    const isInner = isVertical ? dist < bindableElement.width * -0.1 : dist < bindableElement.height * -0.1;\n    intersections.sort((a, b) => (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointDistanceSq)(a, p) - (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointDistanceSq)(b, p));\n    return isInner ? headingToMidBindPoint(otherPoint, bindableElement, aabb) : (_c = intersections.filter(i => isVertical ? Math.abs(p[1] - i[1]) < 0.1 : Math.abs(p[0] - i[0]) < 0.1)[0]) !== null && _c !== void 0 ? _c : p;\n  }\n\n  return p;\n};\n\nconst headingToMidBindPoint = (p, bindableElement, aabb) => {\n  const center = (0,_bounds__WEBPACK_IMPORTED_MODULE_5__.getCenterForBounds)(aabb);\n  const heading = (0,_heading__WEBPACK_IMPORTED_MODULE_15__.vectorToHeading)((0,_math__WEBPACK_IMPORTED_MODULE_16__.vectorFromPoint)(p, center));\n\n  switch (true) {\n    case (0,_heading__WEBPACK_IMPORTED_MODULE_15__.compareHeading)(heading, _heading__WEBPACK_IMPORTED_MODULE_15__.HEADING_UP):\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)((aabb[0] + aabb[2]) / 2 + 0.1, aabb[1]), center, bindableElement.angle);\n\n    case (0,_heading__WEBPACK_IMPORTED_MODULE_15__.compareHeading)(heading, _heading__WEBPACK_IMPORTED_MODULE_15__.HEADING_RIGHT):\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(aabb[2], (aabb[1] + aabb[3]) / 2 + 0.1), center, bindableElement.angle);\n\n    case (0,_heading__WEBPACK_IMPORTED_MODULE_15__.compareHeading)(heading, _heading__WEBPACK_IMPORTED_MODULE_15__.HEADING_DOWN):\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)((aabb[0] + aabb[2]) / 2 - 0.1, aabb[3]), center, bindableElement.angle);\n\n    default:\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(aabb[0], (aabb[1] + aabb[3]) / 2 - 0.1), center, bindableElement.angle);\n  }\n};\n\nconst avoidRectangularCorner = (element, p) => {\n  const center = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x + element.width / 2, element.y + element.height / 2);\n  const nonRotatedPoint = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)(p, center, -element.angle);\n\n  if (nonRotatedPoint[0] < element.x && nonRotatedPoint[1] < element.y) {\n    // Top left\n    if (nonRotatedPoint[1] - element.y > -FIXED_BINDING_DISTANCE) {\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x - FIXED_BINDING_DISTANCE, element.y), center, element.angle);\n    }\n\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x, element.y - FIXED_BINDING_DISTANCE), center, element.angle);\n  } else if (nonRotatedPoint[0] < element.x && nonRotatedPoint[1] > element.y + element.height) {\n    // Bottom left\n    if (nonRotatedPoint[0] - element.x > -FIXED_BINDING_DISTANCE) {\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x, element.y + element.height + FIXED_BINDING_DISTANCE), center, element.angle);\n    }\n\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x - FIXED_BINDING_DISTANCE, element.y + element.height), center, element.angle);\n  } else if (nonRotatedPoint[0] > element.x + element.width && nonRotatedPoint[1] > element.y + element.height) {\n    // Bottom right\n    if (nonRotatedPoint[0] - element.x < element.width + FIXED_BINDING_DISTANCE) {\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x + element.width, element.y + element.height + FIXED_BINDING_DISTANCE), center, element.angle);\n    }\n\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x + element.width + FIXED_BINDING_DISTANCE, element.y + element.height), center, element.angle);\n  } else if (nonRotatedPoint[0] > element.x + element.width && nonRotatedPoint[1] < element.y) {\n    // Top right\n    if (nonRotatedPoint[0] - element.x < element.width + FIXED_BINDING_DISTANCE) {\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x + element.width, element.y - FIXED_BINDING_DISTANCE), center, element.angle);\n    }\n\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x + element.width + FIXED_BINDING_DISTANCE, element.y), center, element.angle);\n  }\n\n  return p;\n};\nconst snapToMid = (element, p, tolerance = 0.05) => {\n  const {\n    x,\n    y,\n    width,\n    height,\n    angle\n  } = element;\n  const center = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(x + width / 2 - 0.1, y + height / 2 - 0.1);\n  const nonRotated = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)(p, center, -angle); // snap-to-center point is adaptive to element size, but we don't want to go\n  // above and below certain px distance\n\n  const verticalThrehsold = (0,_math__WEBPACK_IMPORTED_MODULE_16__.clamp)(tolerance * height, 5, 80);\n  const horizontalThrehsold = (0,_math__WEBPACK_IMPORTED_MODULE_16__.clamp)(tolerance * width, 5, 80);\n\n  if (nonRotated[0] <= x + width / 2 && nonRotated[1] > center[1] - verticalThrehsold && nonRotated[1] < center[1] + verticalThrehsold) {\n    // LEFT\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(x - FIXED_BINDING_DISTANCE, center[1]), center, angle);\n  } else if (nonRotated[1] <= y + height / 2 && nonRotated[0] > center[0] - horizontalThrehsold && nonRotated[0] < center[0] + horizontalThrehsold) {\n    // TOP\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(center[0], y - FIXED_BINDING_DISTANCE), center, angle);\n  } else if (nonRotated[0] >= x + width / 2 && nonRotated[1] > center[1] - verticalThrehsold && nonRotated[1] < center[1] + verticalThrehsold) {\n    // RIGHT\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(x + width + FIXED_BINDING_DISTANCE, center[1]), center, angle);\n  } else if (nonRotated[1] >= y + height / 2 && nonRotated[0] > center[0] - horizontalThrehsold && nonRotated[0] < center[0] + horizontalThrehsold) {\n    // DOWN\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(center[0], y + height + FIXED_BINDING_DISTANCE), center, angle);\n  }\n\n  return p;\n};\n\nconst updateBoundPoint = (linearElement, startOrEnd, binding, bindableElement, elementsMap) => {\n  var _a;\n\n  if (binding == null || // We only need to update the other end if this is a 2 point line element\n  binding.elementId !== bindableElement.id && linearElement.points.length > 2) {\n    return null;\n  }\n\n  const direction = startOrEnd === \"startBinding\" ? -1 : 1;\n  const edgePointIndex = direction === -1 ? 0 : linearElement.points.length - 1;\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isElbowArrow)(linearElement) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFixedPointBinding)(binding)) {\n    const fixedPoint = (_a = normalizeFixedPoint(binding.fixedPoint)) !== null && _a !== void 0 ? _a : calculateFixedPointForElbowArrowBinding(linearElement, bindableElement, startOrEnd === \"startBinding\" ? \"start\" : \"end\", elementsMap).fixedPoint;\n    const globalMidPoint = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(bindableElement.x + bindableElement.width / 2, bindableElement.y + bindableElement.height / 2);\n    const global = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(bindableElement.x + fixedPoint[0] * bindableElement.width, bindableElement.y + fixedPoint[1] * bindableElement.height);\n    const rotatedGlobal = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)(global, globalMidPoint, bindableElement.angle);\n    return _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.pointFromAbsoluteCoords(linearElement, rotatedGlobal, elementsMap);\n  }\n\n  const adjacentPointIndex = edgePointIndex - direction;\n  const adjacentPoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, adjacentPointIndex, elementsMap);\n  const focusPointAbsolute = determineFocusPoint(bindableElement, binding.focus, adjacentPoint, elementsMap);\n  let newEdgePoint; // The linear element was not originally pointing inside the bound shape,\n  // we can point directly at the focus point\n\n  if (binding.gap === 0) {\n    newEdgePoint = focusPointAbsolute;\n  } else {\n    const intersections = intersectElementWithLine(bindableElement, adjacentPoint, focusPointAbsolute, binding.gap, elementsMap);\n\n    if (!intersections || intersections.length === 0) {\n      // This should never happen, since focusPoint should always be\n      // inside the element, but just in case, bail out\n      newEdgePoint = focusPointAbsolute;\n    } else {\n      // Guaranteed to intersect because focusPoint is always inside the shape\n      newEdgePoint = intersections[0];\n    }\n  }\n\n  return _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.pointFromAbsoluteCoords(linearElement, newEdgePoint, elementsMap);\n};\n\nconst calculateFixedPointForElbowArrowBinding = (linearElement, hoveredElement, startOrEnd, elementsMap) => {\n  const bounds = [hoveredElement.x, hoveredElement.y, hoveredElement.x + hoveredElement.width, hoveredElement.y + hoveredElement.height];\n  const edgePointIndex = startOrEnd === \"start\" ? 0 : linearElement.points.length - 1;\n  const globalPoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, edgePointIndex, elementsMap);\n  const otherGlobalPoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, edgePointIndex, elementsMap);\n  const snappedPoint = bindPointToSnapToElementOutline(globalPoint, otherGlobalPoint, hoveredElement, elementsMap);\n  const globalMidPoint = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(bounds[0] + (bounds[2] - bounds[0]) / 2, bounds[1] + (bounds[3] - bounds[1]) / 2);\n  const nonRotatedSnappedGlobalPoint = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)(snappedPoint, globalMidPoint, -hoveredElement.angle);\n  return {\n    fixedPoint: normalizeFixedPoint([(nonRotatedSnappedGlobalPoint[0] - hoveredElement.x) / hoveredElement.width, (nonRotatedSnappedGlobalPoint[1] - hoveredElement.y) / hoveredElement.height])\n  };\n};\n\nconst maybeCalculateNewGapWhenScaling = (changedElement, currentBinding, newSize) => {\n  if (currentBinding == null || newSize == null) {\n    return currentBinding;\n  }\n\n  const {\n    width: newWidth,\n    height: newHeight\n  } = newSize;\n  const {\n    width,\n    height\n  } = changedElement;\n  const newGap = Math.max(1, Math.min(maxBindingGap(changedElement, newWidth, newHeight), currentBinding.gap * (newWidth < newHeight ? newWidth / width : newHeight / height)));\n  return Object.assign(Object.assign({}, currentBinding), {\n    gap: newGap\n  });\n};\n\nconst getElligibleElementForBindingElement = (linearElement, startOrEnd, elementsMap, elements, zoom) => {\n  return getHoveredElementForBinding(getLinearElementEdgeCoors(linearElement, startOrEnd, elementsMap), elements, elementsMap, zoom);\n};\n\nconst getLinearElementEdgeCoors = (linearElement, startOrEnd, elementsMap) => {\n  const index = startOrEnd === \"start\" ? 0 : -1;\n  return (0,_utils__WEBPACK_IMPORTED_MODULE_11__.tupleToCoors)(_linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, index, elementsMap));\n}; // We need to:\n// 1: Update elements not selected to point to duplicated elements\n// 2: Update duplicated elements to point to other duplicated elements\n\n\nconst fixBindingsAfterDuplication = (sceneElements, oldElements, oldIdToDuplicatedId, // There are three copying mechanisms: Copy-paste, duplication and alt-drag.\n// Only when alt-dragging the new \"duplicates\" act as the \"old\", while\n// the \"old\" elements act as the \"new copy\" - essentially working reverse\n// to the other two.\nduplicatesServeAsOld) => {\n  // First collect all the binding/bindable elements, so we only update\n  // each once, regardless of whether they were duplicated or not.\n  const allBoundElementIds = new Set();\n  const allBindableElementIds = new Set();\n  const shouldReverseRoles = duplicatesServeAsOld === \"duplicatesServeAsOld\";\n  const duplicateIdToOldId = new Map([...oldIdToDuplicatedId].map(([key, value]) => [value, key]));\n  oldElements.forEach(oldElement => {\n    const {\n      boundElements\n    } = oldElement;\n\n    if (boundElements != null && boundElements.length > 0) {\n      boundElements.forEach(boundElement => {\n        if (shouldReverseRoles && !oldIdToDuplicatedId.has(boundElement.id)) {\n          allBoundElementIds.add(boundElement.id);\n        }\n      });\n      allBindableElementIds.add(oldIdToDuplicatedId.get(oldElement.id));\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isBindingElement)(oldElement)) {\n      if (oldElement.startBinding != null) {\n        const {\n          elementId\n        } = oldElement.startBinding;\n\n        if (shouldReverseRoles && !oldIdToDuplicatedId.has(elementId)) {\n          allBindableElementIds.add(elementId);\n        }\n      }\n\n      if (oldElement.endBinding != null) {\n        const {\n          elementId\n        } = oldElement.endBinding;\n\n        if (shouldReverseRoles && !oldIdToDuplicatedId.has(elementId)) {\n          allBindableElementIds.add(elementId);\n        }\n      }\n\n      if (oldElement.startBinding != null || oldElement.endBinding != null) {\n        allBoundElementIds.add(oldIdToDuplicatedId.get(oldElement.id));\n      }\n    }\n  }); // Update the linear elements\n\n  sceneElements.filter(({\n    id\n  }) => allBoundElementIds.has(id)).forEach(element => {\n    const {\n      startBinding,\n      endBinding\n    } = element;\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement)(element, {\n      startBinding: newBindingAfterDuplication(startBinding, oldIdToDuplicatedId),\n      endBinding: newBindingAfterDuplication(endBinding, oldIdToDuplicatedId)\n    });\n  }); // Update the bindable shapes\n\n  sceneElements.filter(({\n    id\n  }) => allBindableElementIds.has(id)).forEach(bindableElement => {\n    var _a;\n\n    const oldElementId = duplicateIdToOldId.get(bindableElement.id);\n    const boundElements = (_a = sceneElements.find(({\n      id\n    }) => id === oldElementId)) === null || _a === void 0 ? void 0 : _a.boundElements;\n\n    if (boundElements && boundElements.length > 0) {\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement)(bindableElement, {\n        boundElements: boundElements.map(boundElement => oldIdToDuplicatedId.has(boundElement.id) ? {\n          id: oldIdToDuplicatedId.get(boundElement.id),\n          type: boundElement.type\n        } : boundElement)\n      });\n    }\n  });\n};\n\nconst newBindingAfterDuplication = (binding, oldIdToDuplicatedId) => {\n  var _a;\n\n  if (binding == null) {\n    return null;\n  }\n\n  return Object.assign(Object.assign({}, binding), {\n    elementId: (_a = oldIdToDuplicatedId.get(binding.elementId)) !== null && _a !== void 0 ? _a : binding.elementId\n  });\n};\n\nconst fixBindingsAfterDeletion = (sceneElements, deletedElements) => {\n  const elements = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.arrayToMap)(sceneElements);\n\n  for (const element of deletedElements) {\n    BoundElement.unbindAffected(elements, element, _mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement);\n    BindableElement.unbindAffected(elements, element, _mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement);\n  }\n};\n\nconst newBoundElements = (boundElements, idsToRemove, elementsToAdd = []) => {\n  if (!boundElements) {\n    return null;\n  }\n\n  const nextBoundElements = boundElements.filter(boundElement => !idsToRemove.has(boundElement.id));\n  nextBoundElements.push(...elementsToAdd.map(x => ({\n    id: x.id,\n    type: x.type\n  })));\n  return nextBoundElements;\n};\n\nconst bindingBorderTest = (element, {\n  x,\n  y\n}, elementsMap, zoom, fullShape) => {\n  const threshold = maxBindingGap(element, element.width, element.height, zoom);\n  const shape = (0,_shapes__WEBPACK_IMPORTED_MODULE_14__.getElementShape)(element, elementsMap);\n  return (0,_utils_collision__WEBPACK_IMPORTED_MODULE_6__.isPointOnShape)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(x, y), shape, threshold) || fullShape === true && (0,_shapes__WEBPACK_IMPORTED_MODULE_14__.pointInsideBounds)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(x, y), (0,_shapes__WEBPACK_IMPORTED_MODULE_14__.aabbForElement)(element));\n};\nconst maxBindingGap = (element, elementWidth, elementHeight, zoom) => {\n  const zoomValue = (zoom === null || zoom === void 0 ? void 0 : zoom.value) && zoom.value < 1 ? zoom.value : 1; // Aligns diamonds with rectangles\n\n  const shapeRatio = element.type === \"diamond\" ? 1 / Math.sqrt(2) : 1;\n  const smallerDimension = shapeRatio * Math.min(elementWidth, elementHeight);\n  return Math.max(16, // bigger bindable boundary for bigger elements\n  Math.min(0.25 * smallerDimension, 32), // keep in sync with the zoomed highlight\n  BINDING_HIGHLIGHT_THICKNESS / zoomValue + BINDING_HIGHLIGHT_OFFSET);\n};\nconst distanceToBindableElement = (element, point, elementsMap) => {\n  switch (element.type) {\n    case \"rectangle\":\n    case \"image\":\n    case \"text\":\n    case \"iframe\":\n    case \"embeddable\":\n    case \"frame\":\n    case \"magicframe\":\n      return distanceToRectangle(element, point, elementsMap);\n\n    case \"diamond\":\n      return distanceToDiamond(element, point, elementsMap);\n\n    case \"ellipse\":\n      return distanceToEllipse(element, point, elementsMap);\n  }\n};\n\nconst distanceToRectangle = (element, p, elementsMap) => {\n  const [, pointRel, hwidth, hheight] = pointRelativeToElement(element, p, elementsMap);\n  return Math.max(_math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distanceToLine(pointRel, _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.equation(0, 1, -hheight)), _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distanceToLine(pointRel, _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.equation(1, 0, -hwidth)));\n};\n\nconst distanceToDiamond = (element, point, elementsMap) => {\n  const [, pointRel, hwidth, hheight] = pointRelativeToElement(element, point, elementsMap);\n  const side = _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.equation(hheight, hwidth, -hheight * hwidth);\n  return _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distanceToLine(pointRel, side);\n};\n\nconst distanceToEllipse = (element, point, elementsMap) => {\n  const [pointRel, tangent] = ellipseParamsForTest(element, point, elementsMap);\n  return -_math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.sign(tangent) * _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distanceToLine(pointRel, tangent);\n};\n\nconst ellipseParamsForTest = (element, point, elementsMap) => {\n  const [, pointRel, hwidth, hheight] = pointRelativeToElement(element, point, elementsMap);\n  const [px, py] = _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.toTuple(pointRel); // We're working in positive quadrant, so start with `t = 45deg`, `tx=cos(t)`\n\n  let tx = 0.707;\n  let ty = 0.707;\n  const a = hwidth;\n  const b = hheight; // This is a numerical method to find the params tx, ty at which\n  // the ellipse has the closest point to the given point\n\n  [0, 1, 2, 3].forEach(_ => {\n    const xx = a * tx;\n    const yy = b * ty;\n    const ex = (a * a - b * b) * tx ** 3 / a;\n    const ey = (b * b - a * a) * ty ** 3 / b;\n    const rx = xx - ex;\n    const ry = yy - ey;\n    const qx = px - ex;\n    const qy = py - ey;\n    const r = Math.hypot(ry, rx);\n    const q = Math.hypot(qy, qx);\n    tx = Math.min(1, Math.max(0, (qx * r / q + ex) / a));\n    ty = Math.min(1, Math.max(0, (qy * r / q + ey) / b));\n    const t = Math.hypot(ty, tx);\n    tx /= t;\n    ty /= t;\n  });\n  const closestPoint = _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(a * tx, b * ty);\n  const tangent = _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.orthogonalThrough(pointRel, closestPoint);\n  return [pointRel, tangent];\n}; // Returns:\n//   1. the point relative to the elements (x, y) position\n//   2. the point relative to the element's center with positive (x, y)\n//   3. half element width\n//   4. half element height\n//\n// Note that for linear elements the (x, y) position is not at the\n// top right corner of their boundary.\n//\n// Rectangles, diamonds and ellipses are symmetrical over axes,\n// and other elements have a rectangular boundary,\n// so we only need to perform hit tests for the positive quadrant.\n\n\nconst pointRelativeToElement = (element, pointTuple, elementsMap) => {\n  const point = _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.from(pointTuple);\n  const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_5__.getElementAbsoluteCoords)(element, elementsMap);\n  const center = coordsCenter(x1, y1, x2, y2); // GA has angle orientation opposite to `rotate`\n\n  const rotate = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.rotation(center, element.angle);\n  const pointRotated = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(rotate, point);\n  const pointRelToCenter = _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.sub(pointRotated, _math_ga_gadirections__WEBPACK_IMPORTED_MODULE_2__.from(center));\n  const pointRelToCenterAbs = _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.abs(pointRelToCenter);\n  const elementPos = _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.offset(element.x, element.y);\n  const pointRelToPos = _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.sub(pointRotated, elementPos);\n  const halfWidth = (x2 - x1) / 2;\n  const halfHeight = (y2 - y1) / 2;\n  return [pointRelToPos, pointRelToCenterAbs, halfWidth, halfHeight];\n};\n\nconst relativizationToElementCenter = (element, elementsMap) => {\n  const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_5__.getElementAbsoluteCoords)(element, elementsMap);\n  const center = coordsCenter(x1, y1, x2, y2); // GA has angle orientation opposite to `rotate`\n\n  const rotate = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.rotation(center, element.angle);\n  const translate = _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.reverse(_math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.translation(_math_ga_gadirections__WEBPACK_IMPORTED_MODULE_2__.from(center)));\n  return _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.compose(rotate, translate);\n};\n\nconst coordsCenter = (x1, y1, x2, y2) => {\n  return _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point((x1 + x2) / 2, (y1 + y2) / 2);\n}; // The focus distance is the oriented ratio between the size of\n// the `element` and the \"focus image\" of the element on which\n// all focus points lie, so it's a number between -1 and 1.\n// The line going through `a` and `b` is a tangent to the \"focus image\"\n// of the element.\n\n\nconst determineFocusDistance = ( //zsviczian added export\nelement, // Point on the line, in absolute coordinates\na, // Another point on the line, in absolute coordinates (closer to element)\nb, elementsMap) => {\n  const relateToCenter = relativizationToElementCenter(element, elementsMap);\n  const aRel = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(relateToCenter, _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.from(a));\n  const bRel = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(relateToCenter, _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.from(b));\n  const line = _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.through(aRel, bRel);\n  const q = element.height / element.width;\n  const hwidth = element.width / 2;\n  const hheight = element.height / 2;\n  const n = line[2];\n  const m = line[3];\n  const c = line[1];\n  const mabs = Math.abs(m);\n  const nabs = Math.abs(n);\n  let ret;\n\n  switch (element.type) {\n    case \"rectangle\":\n    case \"image\":\n    case \"text\":\n    case \"iframe\":\n    case \"embeddable\":\n    case \"frame\":\n    case \"magicframe\":\n      ret = c / (hwidth * (nabs + q * mabs));\n      break;\n\n    case \"diamond\":\n      ret = mabs < nabs ? c / (nabs * hwidth) : c / (mabs * hheight);\n      break;\n\n    case \"ellipse\":\n      ret = c / (hwidth * Math.sqrt(n ** 2 + q ** 2 * m ** 2));\n      break;\n  }\n\n  return ret || 0;\n};\n\nconst determineFocusPoint = (element, // The oriented, relative distance from the center of `element` of the\n// returned focusPoint\nfocus, adjecentPoint, elementsMap) => {\n  if (focus === 0) {\n    const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_5__.getElementAbsoluteCoords)(element, elementsMap);\n    const center = coordsCenter(x1, y1, x2, y2);\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFromPair)(_math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.toTuple(center));\n  }\n\n  const relateToCenter = relativizationToElementCenter(element, elementsMap);\n  const adjecentPointRel = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(relateToCenter, _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.from(adjecentPoint));\n  const reverseRelateToCenter = _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.reverse(relateToCenter);\n  let point;\n\n  switch (element.type) {\n    case \"rectangle\":\n    case \"image\":\n    case \"text\":\n    case \"diamond\":\n    case \"iframe\":\n    case \"embeddable\":\n    case \"frame\":\n    case \"magicframe\":\n      point = findFocusPointForRectangulars(element, focus, adjecentPointRel);\n      break;\n\n    case \"ellipse\":\n      point = findFocusPointForEllipse(element, focus, adjecentPointRel);\n      break;\n  }\n\n  return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFromPair)(_math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.toTuple(_math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(reverseRelateToCenter, point)));\n}; // Returns 2 or 0 intersection points between line going through `a` and `b`\n// and the `element`, in ascending order of distance from `a`.\n\n\nconst intersectElementWithLine = ( //zsviczian added export\nelement, // Point on the line, in absolute coordinates\na, // Another point on the line, in absolute coordinates\nb, // If given, the element is inflated by this value\ngap = 0, elementsMap) => {\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isRectangularElement)(element)) {\n    return (0,_utils_geometry_shape__WEBPACK_IMPORTED_MODULE_17__.segmentIntersectRectangleElement)(element, (0,_math__WEBPACK_IMPORTED_MODULE_16__.lineSegment)(a, b), gap);\n  }\n\n  const relateToCenter = relativizationToElementCenter(element, elementsMap);\n  const aRel = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(relateToCenter, _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.from(a));\n  const bRel = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(relateToCenter, _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.from(b));\n  const line = _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.through(aRel, bRel);\n  const reverseRelateToCenter = _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.reverse(relateToCenter);\n  const intersections = getSortedElementLineIntersections(element, line, aRel, gap);\n  return intersections.map(point => (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFromPair)(_math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.toTuple(_math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(reverseRelateToCenter, point))));\n};\n\nconst getSortedElementLineIntersections = (element, // Relative to element center\nline, // Relative to element center\nnearPoint, gap = 0) => {\n  let intersections;\n\n  switch (element.type) {\n    case \"rectangle\":\n    case \"image\":\n    case \"text\":\n    case \"diamond\":\n    case \"iframe\":\n    case \"embeddable\":\n    case \"frame\":\n    case \"magicframe\":\n      const corners = getCorners(element);\n      intersections = corners.flatMap((point, i) => {\n        const edge = [point, corners[(i + 1) % 4]];\n        return intersectSegment(line, offsetSegment(edge, gap));\n      }).concat(corners.flatMap(point => getCircleIntersections(point, gap, line)));\n      break;\n\n    case \"ellipse\":\n      intersections = getEllipseIntersections(element, gap, line);\n      break;\n  }\n\n  if (intersections.length < 2) {\n    // Ignore the \"edge\" case of only intersecting with a single corner\n    return [];\n  }\n\n  const sortedIntersections = intersections.sort((i1, i2) => _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distance(i1, nearPoint) - _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distance(i2, nearPoint));\n  return [sortedIntersections[0], sortedIntersections[sortedIntersections.length - 1]];\n};\n\nconst getCorners = (element, scale = 1) => {\n  const hx = scale * element.width / 2;\n  const hy = scale * element.height / 2;\n\n  switch (element.type) {\n    case \"rectangle\":\n    case \"image\":\n    case \"text\":\n    case \"iframe\":\n    case \"embeddable\":\n    case \"frame\":\n    case \"magicframe\":\n      return [_math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(hx, hy), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(hx, -hy), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(-hx, -hy), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(-hx, hy)];\n\n    case \"diamond\":\n      return [_math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(0, hy), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(hx, 0), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(0, -hy), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(-hx, 0)];\n  }\n}; // Returns intersection of `line` with `segment`, with `segment` moved by\n// `gap` in its polar direction.\n// If intersection coincides with second segment point returns empty array.\n\n\nconst intersectSegment = (line, segment) => {\n  const [a, b] = segment;\n  const aDist = _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distanceToLine(a, line);\n  const bDist = _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distanceToLine(b, line);\n\n  if (aDist * bDist >= 0) {\n    // The intersection is outside segment `(a, b)`\n    return [];\n  }\n\n  return [_math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.intersect(line, _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.through(a, b))];\n};\n\nconst offsetSegment = (segment, distance) => {\n  const [a, b] = segment;\n  const offset = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.translationOrthogonal(_math_ga_gadirections__WEBPACK_IMPORTED_MODULE_2__.fromTo(a, b), distance);\n  return [_math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(offset, a), _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(offset, b)];\n};\n\nconst getEllipseIntersections = (element, gap, line) => {\n  const a = element.width / 2 + gap;\n  const b = element.height / 2 + gap;\n  const m = line[2];\n  const n = line[3];\n  const c = line[1];\n  const squares = a * a * m * m + b * b * n * n;\n  const discr = squares - c * c;\n\n  if (squares === 0 || discr <= 0) {\n    return [];\n  }\n\n  const discrRoot = Math.sqrt(discr);\n  const xn = -a * a * m * c;\n  const yn = -b * b * n * c;\n  return [_math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point((xn + a * b * n * discrRoot) / squares, (yn - a * b * m * discrRoot) / squares), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point((xn - a * b * n * discrRoot) / squares, (yn + a * b * m * discrRoot) / squares)];\n};\n\nconst getCircleIntersections = (center, radius, line) => {\n  if (radius === 0) {\n    return _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distanceToLine(line, center) === 0 ? [center] : [];\n  }\n\n  const m = line[2];\n  const n = line[3];\n  const c = line[1];\n  const [a, b] = _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.toTuple(center);\n  const r = radius;\n  const squares = m * m + n * n;\n  const discr = r * r * squares - (m * a + n * b + c) ** 2;\n\n  if (squares === 0 || discr <= 0) {\n    return [];\n  }\n\n  const discrRoot = Math.sqrt(discr);\n  const xn = a * n * n - b * m * n - m * c;\n  const yn = b * m * m - a * m * n - n * c;\n  return [_math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point((xn + n * discrRoot) / squares, (yn - m * discrRoot) / squares), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point((xn - n * discrRoot) / squares, (yn + m * discrRoot) / squares)];\n}; // The focus point is the tangent point of the \"focus image\" of the\n// `element`, where the tangent goes through `point`.\n\n\nconst findFocusPointForEllipse = (ellipse, // Between -1 and 1 (not 0) the relative size of the \"focus image\" of\n// the element on which the focus point lies\nrelativeDistance, // The point for which we're trying to find the focus point, relative\n// to the ellipse center.\npoint) => {\n  const relativeDistanceAbs = Math.abs(relativeDistance);\n  const a = ellipse.width * relativeDistanceAbs / 2;\n  const b = ellipse.height * relativeDistanceAbs / 2;\n  const orientation = Math.sign(relativeDistance);\n  const [px, pyo] = _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.toTuple(point); // The calculation below can't handle py = 0\n\n  const py = pyo === 0 ? 0.0001 : pyo;\n  const squares = px ** 2 * b ** 2 + py ** 2 * a ** 2; // Tangent mx + ny + 1 = 0\n\n  const m = (-px * b ** 2 + orientation * py * Math.sqrt(Math.max(0, squares - a ** 2 * b ** 2))) / squares;\n  let n = (-m * px - 1) / py;\n\n  if (n === 0) {\n    // if zero {-0, 0}, fall back to a same-sign value in the similar range\n    n = (Object.is(n, -0) ? -1 : 1) * 0.01;\n  }\n\n  const x = -(a ** 2 * m) / (n ** 2 * b ** 2 + m ** 2 * a ** 2);\n  return _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(x, (-m * x - 1) / (n === 0 ? 0.0001 : n)); //zsviczian https://github.com/zsviczian/obsidian-excalidraw-plugin/issues/1054\n};\n\nconst findFocusPointForRectangulars = (element, // Between -1 and 1 for how far away should the focus point be relative\n// to the size of the element. Sign determines orientation.\nrelativeDistance, // The point for which we're trying to find the focus point, relative\n// to the element center.\npoint) => {\n  const relativeDistanceAbs = Math.abs(relativeDistance);\n  const orientation = Math.sign(relativeDistance);\n  const corners = getCorners(element, relativeDistanceAbs);\n  let maxDistance = 0;\n  let tangentPoint = null;\n  corners.forEach(corner => {\n    const distance = orientation * _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.through(point, corner)[1];\n\n    if (distance > maxDistance) {\n      maxDistance = distance;\n      tangentPoint = corner;\n    }\n  });\n  return tangentPoint;\n};\n\nconst bindingProperties = new Set([\"boundElements\", \"frameId\", \"containerId\", \"startBinding\", \"endBinding\"]);\n/**\r\n * Tries to visit each bound element (does not have to be found).\r\n */\n\nconst boundElementsVisitor = (elements, element, visit) => {\n  var _a, _b;\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isBindableElement)(element)) {\n    // create new instance so that possible mutations won't play a role in visiting order\n    const boundElements = (_b = (_a = element.boundElements) === null || _a === void 0 ? void 0 : _a.slice()) !== null && _b !== void 0 ? _b : []; // last added text should be the one we keep (~previous are duplicates)\n\n    boundElements.forEach(({\n      id\n    }) => {\n      visit(elements.get(id), \"boundElements\", id);\n    });\n  }\n};\n/**\r\n * Tries to visit each bindable element (does not have to be found).\r\n */\n\n\nconst bindableElementsVisitor = (elements, element, visit) => {\n  const result = [];\n\n  if (element.frameId) {\n    const id = element.frameId;\n    result.push(visit(elements.get(id), \"frameId\", id));\n  }\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isBoundToContainer)(element)) {\n    const id = element.containerId;\n    result.push(visit(elements.get(id), \"containerId\", id));\n  }\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(element)) {\n    if (element.startBinding) {\n      const id = element.startBinding.elementId;\n      result.push(visit(elements.get(id), \"startBinding\", id));\n    }\n\n    if (element.endBinding) {\n      const id = element.endBinding.elementId;\n      result.push(visit(elements.get(id), \"endBinding\", id));\n    }\n  }\n\n  return result;\n};\n/**\r\n * Bound element containing bindings to `frameId`, `containerId`, `startBinding` or `endBinding`.\r\n */\n\n\nclass BoundElement {\n  /**\r\n   * Unbind the affected non deleted bindable elements (removing element from `boundElements`).\r\n   * - iterates non deleted bindable elements (`containerId` | `startBinding.elementId` | `endBinding.elementId`) of the current element\r\n   * - prepares updates to unbind each bindable element's `boundElements` from the current element\r\n   */\n  static unbindAffected(elements, boundElement, updateElementWith) {\n    if (!boundElement) {\n      return;\n    }\n\n    bindableElementsVisitor(elements, boundElement, bindableElement => {\n      // bindable element is deleted, this is fine\n      if (!bindableElement || bindableElement.isDeleted) {\n        return;\n      }\n\n      boundElementsVisitor(elements, bindableElement, (_, __, boundElementId) => {\n        if (boundElementId === boundElement.id) {\n          updateElementWith(bindableElement, {\n            boundElements: newBoundElements(bindableElement.boundElements, new Set([boundElementId]))\n          });\n        }\n      });\n    });\n  }\n\n}\n/**\r\n * Rebind the next affected non deleted bindable elements (adding element to `boundElements`).\r\n * - iterates non deleted bindable elements (`containerId` | `startBinding.elementId` | `endBinding.elementId`) of the current element\r\n * - prepares updates to rebind each bindable element's `boundElements` to the current element\r\n *\r\n * NOTE: rebind expects that affected elements were previously unbound with `BoundElement.unbindAffected`\r\n */\n\nBoundElement.rebindAffected = (elements, boundElement, updateElementWith) => {\n  // don't try to rebind element that is deleted\n  if (!boundElement || boundElement.isDeleted) {\n    return;\n  }\n\n  bindableElementsVisitor(elements, boundElement, (bindableElement, bindingProp) => {\n    var _a, _b; // unbind from bindable elements, as bindings from non deleted elements into deleted elements are incorrect\n\n\n    if (!bindableElement || bindableElement.isDeleted) {\n      updateElementWith(boundElement, {\n        [bindingProp]: null\n      });\n      return;\n    } // frame bindings are unidirectional, there is nothing to rebind\n\n\n    if (bindingProp === \"frameId\") {\n      return;\n    }\n\n    if ((_a = bindableElement.boundElements) === null || _a === void 0 ? void 0 : _a.find(x => x.id === boundElement.id)) {\n      return;\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(boundElement)) {\n      // rebind if not found!\n      updateElementWith(bindableElement, {\n        boundElements: newBoundElements(bindableElement.boundElements, new Set(), new Array(boundElement))\n      });\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(boundElement)) {\n      if (!((_b = bindableElement.boundElements) === null || _b === void 0 ? void 0 : _b.find(x => x.type === \"text\"))) {\n        // rebind only if there is no other text bound already\n        updateElementWith(bindableElement, {\n          boundElements: newBoundElements(bindableElement.boundElements, new Set(), new Array(boundElement))\n        });\n      } else {\n        // unbind otherwise\n        updateElementWith(boundElement, {\n          [bindingProp]: null\n        });\n      }\n    }\n  });\n};\n/**\r\n * Bindable element containing bindings to `boundElements`.\r\n */\n\n\nclass BindableElement {\n  /**\r\n   * Unbind the affected non deleted bound elements (resetting `containerId`, `startBinding`, `endBinding` to `null`).\r\n   * - iterates through non deleted `boundElements` of the current element\r\n   * - prepares updates to unbind each bound element from the current element\r\n   */\n  static unbindAffected(elements, bindableElement, updateElementWith) {\n    if (!bindableElement) {\n      return;\n    }\n\n    boundElementsVisitor(elements, bindableElement, boundElement => {\n      // bound element is deleted, this is fine\n      if (!boundElement || boundElement.isDeleted) {\n        return;\n      }\n\n      bindableElementsVisitor(elements, boundElement, (_, bindingProp, bindableElementId) => {\n        // making sure there is an element to be unbound\n        if (bindableElementId === bindableElement.id) {\n          updateElementWith(boundElement, {\n            [bindingProp]: null\n          });\n        }\n      });\n    });\n  }\n\n}\n/**\r\n * Rebind the affected non deleted bound elements (for now setting only `containerId`, as we cannot rebind arrows atm).\r\n * - iterates through non deleted `boundElements` of the current element\r\n * - prepares updates to rebind each bound element to the current element or unbind it from `boundElements` in case of conflicts\r\n *\r\n * NOTE: rebind expects that affected elements were previously unbound with `BindaleElement.unbindAffected`\r\n */\n\nBindableElement.rebindAffected = (elements, bindableElement, updateElementWith) => {\n  // don't try to rebind element that is deleted (i.e. updated as deleted)\n  if (!bindableElement || bindableElement.isDeleted) {\n    return;\n  }\n\n  boundElementsVisitor(elements, bindableElement, (boundElement, _, boundElementId) => {\n    var _a, _b, _c; // unbind from bindable elements, as bindings from non deleted elements into deleted elements are incorrect\n\n\n    if (!boundElement || boundElement.isDeleted) {\n      updateElementWith(bindableElement, {\n        boundElements: newBoundElements(bindableElement.boundElements, new Set([boundElementId]))\n      });\n      return;\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(boundElement)) {\n      const boundElements = (_b = (_a = bindableElement.boundElements) === null || _a === void 0 ? void 0 : _a.slice()) !== null && _b !== void 0 ? _b : []; // check if this is the last element in the array, if not, there is an previously bound text which should be unbound\n\n      if (((_c = boundElements.reverse().find(x => x.type === \"text\")) === null || _c === void 0 ? void 0 : _c.id) === boundElement.id) {\n        if (boundElement.containerId !== bindableElement.id) {\n          // rebind if not bound already!\n          updateElementWith(boundElement, {\n            containerId: bindableElement.id\n          });\n        }\n      } else {\n        if (boundElement.containerId !== null) {\n          // unbind if not unbound already\n          updateElementWith(boundElement, {\n            containerId: null\n          });\n        } // unbind from boundElements as the element got bound to some other element in the meantime\n\n\n        updateElementWith(bindableElement, {\n          boundElements: newBoundElements(bindableElement.boundElements, new Set([boundElement.id]))\n        });\n      }\n    }\n  });\n};\n\nconst getGlobalFixedPointForBindableElement = (fixedPointRatio, element) => {\n  const [fixedX, fixedY] = normalizeFixedPoint(fixedPointRatio);\n  return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x + element.width * fixedX, element.y + element.height * fixedY), (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x + element.width / 2, element.y + element.height / 2), element.angle);\n};\n\nconst getGlobalFixedPoints = (arrow, elementsMap) => {\n  const startElement = arrow.startBinding && elementsMap.get(arrow.startBinding.elementId);\n  const endElement = arrow.endBinding && elementsMap.get(arrow.endBinding.elementId);\n  const startPoint = startElement && arrow.startBinding ? getGlobalFixedPointForBindableElement(arrow.startBinding.fixedPoint, startElement) : (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(arrow.x + arrow.points[0][0], arrow.y + arrow.points[0][1]);\n  const endPoint = endElement && arrow.endBinding ? getGlobalFixedPointForBindableElement(arrow.endBinding.fixedPoint, endElement) : (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(arrow.x + arrow.points[arrow.points.length - 1][0], arrow.y + arrow.points[arrow.points.length - 1][1]);\n  return [startPoint, endPoint];\n};\n\nconst getArrowLocalFixedPoints = (arrow, elementsMap) => {\n  const [startPoint, endPoint] = getGlobalFixedPoints(arrow, elementsMap);\n  return [_linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.pointFromAbsoluteCoords(arrow, startPoint, elementsMap), _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.pointFromAbsoluteCoords(arrow, endPoint, elementsMap)];\n};\nconst normalizeFixedPoint = fixedPoint => {\n  // Do not allow a precise 0.5 for fixed point ratio\n  // to avoid jumping arrow heading due to floating point imprecision\n  if (fixedPoint && (fixedPoint[0] === 0.5 || fixedPoint[1] === 0.5)) {\n    return fixedPoint.map(ratio => ratio === 0.5 ? 0.5001 : ratio);\n  }\n\n  return fixedPoint;\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./element/binding.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BINDING_HIGHLIGHT_OFFSET\": () => (/* binding */ BINDING_HIGHLIGHT_OFFSET),\n/* harmony export */   \"BINDING_HIGHLIGHT_THICKNESS\": () => (/* binding */ BINDING_HIGHLIGHT_THICKNESS),\n/* harmony export */   \"BindableElement\": () => (/* binding */ BindableElement),\n/* harmony export */   \"BoundElement\": () => (/* binding */ BoundElement),\n/* harmony export */   \"FIXED_BINDING_DISTANCE\": () => (/* binding */ FIXED_BINDING_DISTANCE),\n/* harmony export */   \"avoidRectangularCorner\": () => (/* binding */ avoidRectangularCorner),\n/* harmony export */   \"bindLinearElement\": () => (/* binding */ bindLinearElement),\n/* harmony export */   \"bindOrUnbindLinearElement\": () => (/* binding */ bindOrUnbindLinearElement),\n/* harmony export */   \"bindOrUnbindLinearElements\": () => (/* binding */ bindOrUnbindLinearElements),\n/* harmony export */   \"bindPointToSnapToElementOutline\": () => (/* binding */ bindPointToSnapToElementOutline),\n/* harmony export */   \"bindingBorderTest\": () => (/* binding */ bindingBorderTest),\n/* harmony export */   \"bindingProperties\": () => (/* binding */ bindingProperties),\n/* harmony export */   \"calculateFixedPointForElbowArrowBinding\": () => (/* binding */ calculateFixedPointForElbowArrowBinding),\n/* harmony export */   \"determineFocusDistance\": () => (/* binding */ determineFocusDistance),\n/* harmony export */   \"distanceToBindableElement\": () => (/* binding */ distanceToBindableElement),\n/* harmony export */   \"fixBindingsAfterDeletion\": () => (/* binding */ fixBindingsAfterDeletion),\n/* harmony export */   \"fixBindingsAfterDuplication\": () => (/* binding */ fixBindingsAfterDuplication),\n/* harmony export */   \"getArrowLocalFixedPoints\": () => (/* binding */ getArrowLocalFixedPoints),\n/* harmony export */   \"getGlobalFixedPointForBindableElement\": () => (/* binding */ getGlobalFixedPointForBindableElement),\n/* harmony export */   \"getHeadingForElbowArrowSnap\": () => (/* binding */ getHeadingForElbowArrowSnap),\n/* harmony export */   \"getHoveredElementForBinding\": () => (/* binding */ getHoveredElementForBinding),\n/* harmony export */   \"getSuggestedBindingsForArrows\": () => (/* binding */ getSuggestedBindingsForArrows),\n/* harmony export */   \"intersectElementWithLine\": () => (/* binding */ intersectElementWithLine),\n/* harmony export */   \"isBindingEnabled\": () => (/* binding */ isBindingEnabled),\n/* harmony export */   \"isLinearElementSimpleAndAlreadyBound\": () => (/* binding */ isLinearElementSimpleAndAlreadyBound),\n/* harmony export */   \"maxBindingGap\": () => (/* binding */ maxBindingGap),\n/* harmony export */   \"maybeBindLinearElement\": () => (/* binding */ maybeBindLinearElement),\n/* harmony export */   \"normalizeFixedPoint\": () => (/* binding */ normalizeFixedPoint),\n/* harmony export */   \"shouldEnableBindingForPointerEvent\": () => (/* binding */ shouldEnableBindingForPointerEvent),\n/* harmony export */   \"snapToMid\": () => (/* binding */ snapToMid),\n/* harmony export */   \"updateBoundElements\": () => (/* binding */ updateBoundElements)\n/* harmony export */ });\n/* harmony import */ var _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../math/ga/ga */ \"../math/ga/ga.ts\");\n/* harmony import */ var _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../math/ga/gapoints */ \"../math/ga/gapoints.ts\");\n/* harmony import */ var _math_ga_gadirections__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../math/ga/gadirections */ \"../math/ga/gadirections.ts\");\n/* harmony import */ var _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../math/ga/galines */ \"../math/ga/galines.ts\");\n/* harmony import */ var _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../math/ga/gatransforms */ \"../math/ga/gatransforms.ts\");\n/* harmony import */ var _bounds__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./bounds */ \"./element/bounds.ts\");\n/* harmony import */ var _utils_collision__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/collision */ \"../utils/collision.ts\");\n/* harmony import */ var _scene__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../scene */ \"./scene/index.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./typeChecks */ \"./element/typeChecks.ts\");\n/* harmony import */ var _mutateElement__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./mutateElement */ \"./element/mutateElement.ts\");\n/* harmony import */ var _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./linearElementEditor */ \"./element/linearElementEditor.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils */ \"./utils.ts\");\n/* harmony import */ var _keys__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../keys */ \"./keys.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./textElement */ \"./element/textElement.ts\");\n/* harmony import */ var _shapes__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../shapes */ \"./shapes.tsx\");\n/* harmony import */ var _heading__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./heading */ \"./element/heading.ts\");\n/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../math */ \"../math/index.ts\");\n/* harmony import */ var _utils_geometry_shape__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../utils/geometry/shape */ \"../utils/geometry/shape.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst shouldEnableBindingForPointerEvent = event => {\n  return !event[_keys__WEBPACK_IMPORTED_MODULE_12__.KEYS.CTRL_OR_CMD];\n};\nconst isBindingEnabled = appState => {\n  return appState.invertBindingBehaviour //zsviczian\n  ? !appState.isBindingEnabled : appState.isBindingEnabled;\n};\nconst FIXED_BINDING_DISTANCE = 5;\nconst BINDING_HIGHLIGHT_THICKNESS = 10;\nconst BINDING_HIGHLIGHT_OFFSET = 4;\n\nconst getNonDeletedElements = (scene, ids) => {\n  const result = [];\n  ids.forEach(id => {\n    const element = scene.getNonDeletedElement(id);\n\n    if (element != null) {\n      result.push(element);\n    }\n  });\n  return result;\n};\n\nconst bindOrUnbindLinearElement = (linearElement, startBindingElement, endBindingElement, elementsMap, scene) => {\n  const boundToElementIds = new Set();\n  const unboundFromElementIds = new Set();\n  bindOrUnbindLinearElementEdge(linearElement, startBindingElement, endBindingElement, \"start\", boundToElementIds, unboundFromElementIds, elementsMap);\n  bindOrUnbindLinearElementEdge(linearElement, endBindingElement, startBindingElement, \"end\", boundToElementIds, unboundFromElementIds, elementsMap);\n  const onlyUnbound = Array.from(unboundFromElementIds).filter(id => !boundToElementIds.has(id));\n  getNonDeletedElements(scene, onlyUnbound).forEach(element => {\n    var _a;\n\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement)(element, {\n      boundElements: (_a = element.boundElements) === null || _a === void 0 ? void 0 : _a.filter(element => element.type !== \"arrow\" || element.id !== linearElement.id)\n    });\n  });\n};\n\nconst bindOrUnbindLinearElementEdge = (linearElement, bindableElement, otherEdgeBindableElement, startOrEnd, // Is mutated\nboundToElementIds, // Is mutated\nunboundFromElementIds, elementsMap) => {\n  // \"keep\" is for method chaining convenience, a \"no-op\", so just bail out\n  if (bindableElement === \"keep\") {\n    return;\n  } // null means break the bind, so nothing to consider here\n\n\n  if (bindableElement === null) {\n    const unbound = unbindLinearElement(linearElement, startOrEnd);\n\n    if (unbound != null) {\n      unboundFromElementIds.add(unbound);\n    }\n\n    return;\n  } // While complext arrows can do anything, simple arrow with both ends trying\n  // to bind to the same bindable should not be allowed, start binding takes\n  // precedence\n\n\n  if (isLinearElementSimple(linearElement)) {\n    if (otherEdgeBindableElement == null || (otherEdgeBindableElement === \"keep\" ? // TODO: Refactor - Needlessly complex\n    !isLinearElementSimpleAndAlreadyBoundOnOppositeEdge(linearElement, bindableElement, startOrEnd) : startOrEnd === \"start\" || otherEdgeBindableElement.id !== bindableElement.id)) {\n      bindLinearElement(linearElement, bindableElement, startOrEnd, elementsMap);\n      boundToElementIds.add(bindableElement.id);\n    }\n  } else {\n    bindLinearElement(linearElement, bindableElement, startOrEnd, elementsMap);\n    boundToElementIds.add(bindableElement.id);\n  }\n};\n\nconst getOriginalBindingIfStillCloseOfLinearElementEdge = (linearElement, edge, elementsMap, zoom) => {\n  var _a, _b;\n\n  const coors = getLinearElementEdgeCoors(linearElement, edge, elementsMap);\n  const elementId = edge === \"start\" ? (_a = linearElement.startBinding) === null || _a === void 0 ? void 0 : _a.elementId : (_b = linearElement.endBinding) === null || _b === void 0 ? void 0 : _b.elementId;\n\n  if (elementId) {\n    const element = elementsMap.get(elementId);\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isBindableElement)(element) && bindingBorderTest(element, coors, elementsMap, zoom)) {\n      return element;\n    }\n  }\n\n  return null;\n};\n\nconst getOriginalBindingsIfStillCloseToArrowEnds = (linearElement, elementsMap, zoom) => [\"start\", \"end\"].map(edge => getOriginalBindingIfStillCloseOfLinearElementEdge(linearElement, edge, elementsMap, zoom));\n\nconst getBindingStrategyForDraggingArrowEndpoints = (selectedElement, isBindingEnabled, draggingPoints, elementsMap, elements, zoom) => {\n  const startIdx = 0;\n  const endIdx = selectedElement.points.length - 1;\n  const startDragged = draggingPoints.findIndex(i => i === startIdx) > -1;\n  const endDragged = draggingPoints.findIndex(i => i === endIdx) > -1;\n  const start = startDragged ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"start\", elementsMap, elements, zoom) : null // If binding is disabled and start is dragged, break all binds\n  : // We have to update the focus and gap of the binding, so let's rebind\n  getElligibleElementForBindingElement(selectedElement, \"start\", elementsMap, elements, zoom);\n  const end = endDragged ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"end\", elementsMap, elements, zoom) : null // If binding is disabled and end is dragged, break all binds\n  : // We have to update the focus and gap of the binding, so let's rebind\n  getElligibleElementForBindingElement(selectedElement, \"end\", elementsMap, elements, zoom);\n  return [start, end];\n};\n\nconst getBindingStrategyForDraggingArrowOrJoints = (selectedElement, elementsMap, elements, isBindingEnabled, zoom) => {\n  const [startIsClose, endIsClose] = getOriginalBindingsIfStillCloseToArrowEnds(selectedElement, elementsMap, zoom);\n  const start = startIsClose ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"start\", elementsMap, elements, zoom) : null : null;\n  const end = endIsClose ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"end\", elementsMap, elements, zoom) : null : null;\n  return [start, end];\n};\n\nconst bindOrUnbindLinearElements = (selectedElements, elementsMap, elements, scene, isBindingEnabled, draggingPoints, zoom) => {\n  selectedElements.forEach(selectedElement => {\n    const [start, end] = (draggingPoints === null || draggingPoints === void 0 ? void 0 : draggingPoints.length) ? // The arrow edge points are dragged (i.e. start, end)\n    getBindingStrategyForDraggingArrowEndpoints(selectedElement, isBindingEnabled, draggingPoints !== null && draggingPoints !== void 0 ? draggingPoints : [], elementsMap, elements, zoom) : // The arrow itself (the shaft) or the inner joins are dragged\n    getBindingStrategyForDraggingArrowOrJoints(selectedElement, elementsMap, elements, isBindingEnabled, zoom);\n    bindOrUnbindLinearElement(selectedElement, start, end, elementsMap, scene);\n  });\n};\nconst getSuggestedBindingsForArrows = (selectedElements, elementsMap, zoom) => {\n  // HOT PATH: Bail out if selected elements list is too large\n  if (selectedElements.length > 50) {\n    return [];\n  }\n\n  return selectedElements.filter(_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isLinearElement).flatMap(element => getOriginalBindingsIfStillCloseToArrowEnds(element, elementsMap, zoom)).filter(element => element !== null) // Filter out bind candidates which are in the\n  // same selection / group with the arrow\n  //\n  // TODO: Is it worth turning the list into a set to avoid dupes?\n  .filter(element => selectedElements.filter(selected => selected.id === (element === null || element === void 0 ? void 0 : element.id)).length === 0);\n};\nconst maybeBindLinearElement = (linearElement, appState, pointerCoords, elementsMap, elements) => {\n  if (appState.startBoundElement != null) {\n    bindLinearElement(linearElement, appState.startBoundElement, \"start\", elementsMap);\n  }\n\n  const hoveredElement = getHoveredElementForBinding(pointerCoords, elements, elementsMap, appState.zoom, (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isElbowArrow)(linearElement) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isElbowArrow)(linearElement));\n\n  if (hoveredElement !== null) {\n    if (!isLinearElementSimpleAndAlreadyBoundOnOppositeEdge(linearElement, hoveredElement, \"end\")) {\n      bindLinearElement(linearElement, hoveredElement, \"end\", elementsMap);\n    }\n  }\n};\n\nconst normalizePointBinding = (binding, hoveredElement) => {\n  let gap = binding.gap;\n  const maxGap = maxBindingGap(hoveredElement, hoveredElement.width, hoveredElement.height);\n\n  if (gap > maxGap) {\n    gap = BINDING_HIGHLIGHT_THICKNESS + BINDING_HIGHLIGHT_OFFSET;\n  }\n\n  return Object.assign(Object.assign({}, binding), {\n    gap\n  });\n};\n\nconst bindLinearElement = (linearElement, hoveredElement, startOrEnd, elementsMap) => {\n  if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(linearElement)) {\n    return;\n  }\n\n  const binding = Object.assign(Object.assign({\n    elementId: hoveredElement.id\n  }, normalizePointBinding(calculateFocusAndGap(linearElement, hoveredElement, startOrEnd, elementsMap), hoveredElement)), (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isElbowArrow)(linearElement) ? calculateFixedPointForElbowArrowBinding(linearElement, hoveredElement, startOrEnd, elementsMap) : {\n    fixedPoint: null\n  });\n  (0,_mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement)(linearElement, {\n    [startOrEnd === \"start\" ? \"startBinding\" : \"endBinding\"]: binding\n  });\n  const boundElementsMap = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.arrayToMap)(hoveredElement.boundElements || []);\n\n  if (!boundElementsMap.has(linearElement.id)) {\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement)(hoveredElement, {\n      boundElements: (hoveredElement.boundElements || []).concat({\n        id: linearElement.id,\n        type: \"arrow\"\n      })\n    });\n  } // update bound elements to make sure the binding tips are in sync with\n  // the normalized gap from above\n\n\n  if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isElbowArrow)(linearElement)) {\n    updateBoundElements(hoveredElement, elementsMap);\n  }\n}; // Don't bind both ends of a simple segment\n\nconst isLinearElementSimpleAndAlreadyBoundOnOppositeEdge = (linearElement, bindableElement, startOrEnd) => {\n  const otherBinding = linearElement[startOrEnd === \"start\" ? \"endBinding\" : \"startBinding\"];\n  return isLinearElementSimpleAndAlreadyBound(linearElement, otherBinding === null || otherBinding === void 0 ? void 0 : otherBinding.elementId, bindableElement);\n};\n\nconst isLinearElementSimpleAndAlreadyBound = (linearElement, alreadyBoundToId, bindableElement) => {\n  return alreadyBoundToId === bindableElement.id && isLinearElementSimple(linearElement);\n};\n\nconst isLinearElementSimple = linearElement => linearElement.points.length < 3;\n\nconst unbindLinearElement = (linearElement, startOrEnd) => {\n  const field = startOrEnd === \"start\" ? \"startBinding\" : \"endBinding\";\n  const binding = linearElement[field];\n\n  if (binding == null) {\n    return null;\n  }\n\n  (0,_mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement)(linearElement, {\n    [field]: null\n  });\n  return binding.elementId;\n};\n\nconst getHoveredElementForBinding = (pointerCoords, elements, elementsMap, zoom, fullShape) => {\n  const hoveredElement = (0,_scene__WEBPACK_IMPORTED_MODULE_7__.getElementAtPosition)(elements, element => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isBindableElement)(element, false) && bindingBorderTest(element, pointerCoords, elementsMap, zoom, // disable fullshape snapping for frame elements so we\n  // can bind to frame children\n  fullShape && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFrameLikeElement)(element)));\n  return hoveredElement;\n};\n\nconst calculateFocusAndGap = (linearElement, hoveredElement, startOrEnd, elementsMap) => {\n  const direction = startOrEnd === \"start\" ? -1 : 1;\n  const edgePointIndex = direction === -1 ? 0 : linearElement.points.length - 1;\n  const adjacentPointIndex = edgePointIndex - direction;\n  const edgePoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, edgePointIndex, elementsMap);\n  const adjacentPoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, adjacentPointIndex, elementsMap);\n  return {\n    focus: determineFocusDistance(hoveredElement, adjacentPoint, edgePoint, elementsMap),\n    gap: Math.max(1, distanceToBindableElement(hoveredElement, edgePoint, elementsMap))\n  };\n}; // Supports translating, rotating and scaling `changedElement` with bound\n// linear elements.\n// Because scaling involves moving the focus points as well, it is\n// done before the `changedElement` is updated, and the `newSize` is passed\n// in explicitly.\n\n\nconst updateBoundElements = (changedElement, elementsMap, options) => {\n  const {\n    newSize,\n    simultaneouslyUpdated,\n    changedElements,\n    zoom\n  } = options !== null && options !== void 0 ? options : {};\n  const simultaneouslyUpdatedElementIds = getSimultaneouslyUpdatedElementIds(simultaneouslyUpdated);\n\n  if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isBindableElement)(changedElement)) {\n    return;\n  }\n\n  boundElementsVisitor(elementsMap, changedElement, element => {\n    var _a, _b;\n\n    if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isLinearElement)(element) || element.isDeleted) {\n      return;\n    } // In case the boundElements are stale\n\n\n    if (!doesNeedUpdate(element, changedElement)) {\n      return;\n    }\n\n    const bindings = {\n      startBinding: maybeCalculateNewGapWhenScaling(changedElement, element.startBinding, newSize),\n      endBinding: maybeCalculateNewGapWhenScaling(changedElement, element.endBinding, newSize)\n    }; // `linearElement` is being moved/scaled already, just update the binding\n\n    if (simultaneouslyUpdatedElementIds.has(element.id)) {\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement)(element, bindings);\n      return;\n    }\n\n    const updates = bindableElementsVisitor(elementsMap, element, (bindableElement, bindingProp) => {\n      var _a;\n\n      if (bindableElement && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isBindableElement)(bindableElement) && (bindingProp === \"startBinding\" || bindingProp === \"endBinding\") && changedElement.id === ((_a = element[bindingProp]) === null || _a === void 0 ? void 0 : _a.elementId)) {\n        const point = updateBoundPoint(element, bindingProp, bindings[bindingProp], bindableElement, elementsMap);\n\n        if (point) {\n          return {\n            index: bindingProp === \"startBinding\" ? 0 : element.points.length - 1,\n            point\n          };\n        }\n      }\n\n      return null;\n    }).filter(update => update !== null);\n    _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.movePoints(element, updates, elementsMap, Object.assign(Object.assign({}, changedElement.id === ((_a = element.startBinding) === null || _a === void 0 ? void 0 : _a.elementId) ? {\n      startBinding: bindings.startBinding\n    } : {}), changedElement.id === ((_b = element.endBinding) === null || _b === void 0 ? void 0 : _b.elementId) ? {\n      endBinding: bindings.endBinding\n    } : {}), {\n      changedElements,\n      zoom\n    });\n    const boundText = (0,_textElement__WEBPACK_IMPORTED_MODULE_13__.getBoundTextElement)(element, elementsMap);\n\n    if (boundText && !boundText.isDeleted) {\n      (0,_textElement__WEBPACK_IMPORTED_MODULE_13__.handleBindTextResize)(element, elementsMap, false);\n    }\n  });\n};\n\nconst doesNeedUpdate = (boundElement, changedElement) => {\n  var _a, _b;\n\n  return ((_a = boundElement.startBinding) === null || _a === void 0 ? void 0 : _a.elementId) === changedElement.id || ((_b = boundElement.endBinding) === null || _b === void 0 ? void 0 : _b.elementId) === changedElement.id;\n};\n\nconst getSimultaneouslyUpdatedElementIds = simultaneouslyUpdated => {\n  return new Set((simultaneouslyUpdated || []).map(element => element.id));\n};\n\nconst getHeadingForElbowArrowSnap = (p, otherPoint, bindableElement, aabb, elementsMap, origPoint, zoom) => {\n  const otherPointHeading = (0,_heading__WEBPACK_IMPORTED_MODULE_15__.vectorToHeading)((0,_math__WEBPACK_IMPORTED_MODULE_16__.vectorFromPoint)(otherPoint, p));\n\n  if (!bindableElement || !aabb) {\n    return otherPointHeading;\n  }\n\n  const distance = getDistanceForBinding(origPoint, bindableElement, elementsMap, zoom);\n\n  if (!distance) {\n    return (0,_heading__WEBPACK_IMPORTED_MODULE_15__.vectorToHeading)((0,_math__WEBPACK_IMPORTED_MODULE_16__.vectorFromPoint)(p, (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(bindableElement.x + bindableElement.width / 2, bindableElement.y + bindableElement.height / 2)));\n  }\n\n  const pointHeading = (0,_heading__WEBPACK_IMPORTED_MODULE_15__.headingForPointFromElement)(bindableElement, aabb, p);\n  return pointHeading;\n};\n\nconst getDistanceForBinding = (point, bindableElement, elementsMap, zoom) => {\n  const distance = distanceToBindableElement(bindableElement, point, elementsMap);\n  const bindDistance = maxBindingGap(bindableElement, bindableElement.width, bindableElement.height, zoom);\n  return distance > bindDistance ? null : distance;\n};\n\nconst bindPointToSnapToElementOutline = (p, otherPoint, bindableElement, elementsMap) => {\n  var _a, _b, _c;\n\n  const aabb = bindableElement && (0,_shapes__WEBPACK_IMPORTED_MODULE_14__.aabbForElement)(bindableElement);\n\n  if (bindableElement && aabb) {\n    // TODO: Dirty hacks until tangents are properly calculated\n    const heading = (0,_heading__WEBPACK_IMPORTED_MODULE_15__.headingForPointFromElement)(bindableElement, aabb, p);\n    const intersections = [...((_a = intersectElementWithLine(bindableElement, (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(p[0], p[1] - 2 * bindableElement.height), (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(p[0], p[1] + 2 * bindableElement.height), FIXED_BINDING_DISTANCE, elementsMap)) !== null && _a !== void 0 ? _a : []), ...((_b = intersectElementWithLine(bindableElement, (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(p[0] - 2 * bindableElement.width, p[1]), (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(p[0] + 2 * bindableElement.width, p[1]), FIXED_BINDING_DISTANCE, elementsMap)) !== null && _b !== void 0 ? _b : [])];\n    const isVertical = (0,_heading__WEBPACK_IMPORTED_MODULE_15__.compareHeading)(heading, _heading__WEBPACK_IMPORTED_MODULE_15__.HEADING_LEFT) || (0,_heading__WEBPACK_IMPORTED_MODULE_15__.compareHeading)(heading, _heading__WEBPACK_IMPORTED_MODULE_15__.HEADING_RIGHT);\n    const dist = Math.abs(distanceToBindableElement(bindableElement, p, elementsMap));\n    const isInner = isVertical ? dist < bindableElement.width * -0.1 : dist < bindableElement.height * -0.1;\n    intersections.sort((a, b) => (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointDistanceSq)(a, p) - (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointDistanceSq)(b, p));\n    return isInner ? headingToMidBindPoint(otherPoint, bindableElement, aabb) : (_c = intersections.filter(i => isVertical ? Math.abs(p[1] - i[1]) < 0.1 : Math.abs(p[0] - i[0]) < 0.1)[0]) !== null && _c !== void 0 ? _c : p;\n  }\n\n  return p;\n};\n\nconst headingToMidBindPoint = (p, bindableElement, aabb) => {\n  const center = (0,_bounds__WEBPACK_IMPORTED_MODULE_5__.getCenterForBounds)(aabb);\n  const heading = (0,_heading__WEBPACK_IMPORTED_MODULE_15__.vectorToHeading)((0,_math__WEBPACK_IMPORTED_MODULE_16__.vectorFromPoint)(p, center));\n\n  switch (true) {\n    case (0,_heading__WEBPACK_IMPORTED_MODULE_15__.compareHeading)(heading, _heading__WEBPACK_IMPORTED_MODULE_15__.HEADING_UP):\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)((aabb[0] + aabb[2]) / 2 + 0.1, aabb[1]), center, bindableElement.angle);\n\n    case (0,_heading__WEBPACK_IMPORTED_MODULE_15__.compareHeading)(heading, _heading__WEBPACK_IMPORTED_MODULE_15__.HEADING_RIGHT):\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(aabb[2], (aabb[1] + aabb[3]) / 2 + 0.1), center, bindableElement.angle);\n\n    case (0,_heading__WEBPACK_IMPORTED_MODULE_15__.compareHeading)(heading, _heading__WEBPACK_IMPORTED_MODULE_15__.HEADING_DOWN):\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)((aabb[0] + aabb[2]) / 2 - 0.1, aabb[3]), center, bindableElement.angle);\n\n    default:\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(aabb[0], (aabb[1] + aabb[3]) / 2 - 0.1), center, bindableElement.angle);\n  }\n};\n\nconst avoidRectangularCorner = (element, p) => {\n  const center = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x + element.width / 2, element.y + element.height / 2);\n  const nonRotatedPoint = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)(p, center, -element.angle);\n\n  if (nonRotatedPoint[0] < element.x && nonRotatedPoint[1] < element.y) {\n    // Top left\n    if (nonRotatedPoint[1] - element.y > -FIXED_BINDING_DISTANCE) {\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x - FIXED_BINDING_DISTANCE, element.y), center, element.angle);\n    }\n\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x, element.y - FIXED_BINDING_DISTANCE), center, element.angle);\n  } else if (nonRotatedPoint[0] < element.x && nonRotatedPoint[1] > element.y + element.height) {\n    // Bottom left\n    if (nonRotatedPoint[0] - element.x > -FIXED_BINDING_DISTANCE) {\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x, element.y + element.height + FIXED_BINDING_DISTANCE), center, element.angle);\n    }\n\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x - FIXED_BINDING_DISTANCE, element.y + element.height), center, element.angle);\n  } else if (nonRotatedPoint[0] > element.x + element.width && nonRotatedPoint[1] > element.y + element.height) {\n    // Bottom right\n    if (nonRotatedPoint[0] - element.x < element.width + FIXED_BINDING_DISTANCE) {\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x + element.width, element.y + element.height + FIXED_BINDING_DISTANCE), center, element.angle);\n    }\n\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x + element.width + FIXED_BINDING_DISTANCE, element.y + element.height), center, element.angle);\n  } else if (nonRotatedPoint[0] > element.x + element.width && nonRotatedPoint[1] < element.y) {\n    // Top right\n    if (nonRotatedPoint[0] - element.x < element.width + FIXED_BINDING_DISTANCE) {\n      return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x + element.width, element.y - FIXED_BINDING_DISTANCE), center, element.angle);\n    }\n\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x + element.width + FIXED_BINDING_DISTANCE, element.y), center, element.angle);\n  }\n\n  return p;\n};\nconst snapToMid = (element, p, tolerance = 0.05) => {\n  const {\n    x,\n    y,\n    width,\n    height,\n    angle\n  } = element;\n  const center = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(x + width / 2 - 0.1, y + height / 2 - 0.1);\n  const nonRotated = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)(p, center, -angle); // snap-to-center point is adaptive to element size, but we don't want to go\n  // above and below certain px distance\n\n  const verticalThrehsold = (0,_math__WEBPACK_IMPORTED_MODULE_16__.clamp)(tolerance * height, 5, 80);\n  const horizontalThrehsold = (0,_math__WEBPACK_IMPORTED_MODULE_16__.clamp)(tolerance * width, 5, 80);\n\n  if (nonRotated[0] <= x + width / 2 && nonRotated[1] > center[1] - verticalThrehsold && nonRotated[1] < center[1] + verticalThrehsold) {\n    // LEFT\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(x - FIXED_BINDING_DISTANCE, center[1]), center, angle);\n  } else if (nonRotated[1] <= y + height / 2 && nonRotated[0] > center[0] - horizontalThrehsold && nonRotated[0] < center[0] + horizontalThrehsold) {\n    // TOP\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(center[0], y - FIXED_BINDING_DISTANCE), center, angle);\n  } else if (nonRotated[0] >= x + width / 2 && nonRotated[1] > center[1] - verticalThrehsold && nonRotated[1] < center[1] + verticalThrehsold) {\n    // RIGHT\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(x + width + FIXED_BINDING_DISTANCE, center[1]), center, angle);\n  } else if (nonRotated[1] >= y + height / 2 && nonRotated[0] > center[0] - horizontalThrehsold && nonRotated[0] < center[0] + horizontalThrehsold) {\n    // DOWN\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(center[0], y + height + FIXED_BINDING_DISTANCE), center, angle);\n  }\n\n  return p;\n};\n\nconst updateBoundPoint = (linearElement, startOrEnd, binding, bindableElement, elementsMap) => {\n  var _a;\n\n  if (binding == null || // We only need to update the other end if this is a 2 point line element\n  binding.elementId !== bindableElement.id && linearElement.points.length > 2) {\n    return null;\n  }\n\n  const direction = startOrEnd === \"startBinding\" ? -1 : 1;\n  const edgePointIndex = direction === -1 ? 0 : linearElement.points.length - 1;\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isElbowArrow)(linearElement) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFixedPointBinding)(binding)) {\n    const fixedPoint = (_a = normalizeFixedPoint(binding.fixedPoint)) !== null && _a !== void 0 ? _a : calculateFixedPointForElbowArrowBinding(linearElement, bindableElement, startOrEnd === \"startBinding\" ? \"start\" : \"end\", elementsMap).fixedPoint;\n    const globalMidPoint = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(bindableElement.x + bindableElement.width / 2, bindableElement.y + bindableElement.height / 2);\n    const global = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(bindableElement.x + fixedPoint[0] * bindableElement.width, bindableElement.y + fixedPoint[1] * bindableElement.height);\n    const rotatedGlobal = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)(global, globalMidPoint, bindableElement.angle);\n    return _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.pointFromAbsoluteCoords(linearElement, rotatedGlobal, elementsMap);\n  }\n\n  const adjacentPointIndex = edgePointIndex - direction;\n  const adjacentPoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, adjacentPointIndex, elementsMap);\n  const focusPointAbsolute = determineFocusPoint(bindableElement, binding.focus, adjacentPoint, elementsMap);\n  let newEdgePoint; // The linear element was not originally pointing inside the bound shape,\n  // we can point directly at the focus point\n\n  if (binding.gap === 0) {\n    newEdgePoint = focusPointAbsolute;\n  } else {\n    const intersections = intersectElementWithLine(bindableElement, adjacentPoint, focusPointAbsolute, binding.gap, elementsMap);\n\n    if (!intersections || intersections.length === 0) {\n      // This should never happen, since focusPoint should always be\n      // inside the element, but just in case, bail out\n      newEdgePoint = focusPointAbsolute;\n    } else {\n      // Guaranteed to intersect because focusPoint is always inside the shape\n      newEdgePoint = intersections[0];\n    }\n  }\n\n  return _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.pointFromAbsoluteCoords(linearElement, newEdgePoint, elementsMap);\n};\n\nconst calculateFixedPointForElbowArrowBinding = (linearElement, hoveredElement, startOrEnd, elementsMap) => {\n  const bounds = [hoveredElement.x, hoveredElement.y, hoveredElement.x + hoveredElement.width, hoveredElement.y + hoveredElement.height];\n  const edgePointIndex = startOrEnd === \"start\" ? 0 : linearElement.points.length - 1;\n  const globalPoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, edgePointIndex, elementsMap);\n  const otherGlobalPoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, edgePointIndex, elementsMap);\n  const snappedPoint = bindPointToSnapToElementOutline(globalPoint, otherGlobalPoint, hoveredElement, elementsMap);\n  const globalMidPoint = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(bounds[0] + (bounds[2] - bounds[0]) / 2, bounds[1] + (bounds[3] - bounds[1]) / 2);\n  const nonRotatedSnappedGlobalPoint = (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)(snappedPoint, globalMidPoint, -hoveredElement.angle);\n  return {\n    fixedPoint: normalizeFixedPoint([(nonRotatedSnappedGlobalPoint[0] - hoveredElement.x) / hoveredElement.width, (nonRotatedSnappedGlobalPoint[1] - hoveredElement.y) / hoveredElement.height])\n  };\n};\n\nconst maybeCalculateNewGapWhenScaling = (changedElement, currentBinding, newSize) => {\n  if (currentBinding == null || newSize == null) {\n    return currentBinding;\n  }\n\n  const {\n    width: newWidth,\n    height: newHeight\n  } = newSize;\n  const {\n    width,\n    height\n  } = changedElement;\n  const newGap = Math.max(1, Math.min(maxBindingGap(changedElement, newWidth, newHeight), currentBinding.gap * (newWidth < newHeight ? newWidth / width : newHeight / height)));\n  return Object.assign(Object.assign({}, currentBinding), {\n    gap: newGap\n  });\n};\n\nconst getElligibleElementForBindingElement = (linearElement, startOrEnd, elementsMap, elements, zoom) => {\n  return getHoveredElementForBinding(getLinearElementEdgeCoors(linearElement, startOrEnd, elementsMap), elements, elementsMap, zoom);\n};\n\nconst getLinearElementEdgeCoors = (linearElement, startOrEnd, elementsMap) => {\n  const index = startOrEnd === \"start\" ? 0 : -1;\n  return (0,_utils__WEBPACK_IMPORTED_MODULE_11__.tupleToCoors)(_linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, index, elementsMap));\n}; // We need to:\n// 1: Update elements not selected to point to duplicated elements\n// 2: Update duplicated elements to point to other duplicated elements\n\n\nconst fixBindingsAfterDuplication = (sceneElements, oldElements, oldIdToDuplicatedId, // There are three copying mechanisms: Copy-paste, duplication and alt-drag.\n// Only when alt-dragging the new \"duplicates\" act as the \"old\", while\n// the \"old\" elements act as the \"new copy\" - essentially working reverse\n// to the other two.\nduplicatesServeAsOld) => {\n  // First collect all the binding/bindable elements, so we only update\n  // each once, regardless of whether they were duplicated or not.\n  const allBoundElementIds = new Set();\n  const allBindableElementIds = new Set();\n  const shouldReverseRoles = duplicatesServeAsOld === \"duplicatesServeAsOld\";\n  const duplicateIdToOldId = new Map([...oldIdToDuplicatedId].map(([key, value]) => [value, key]));\n  oldElements.forEach(oldElement => {\n    const {\n      boundElements\n    } = oldElement;\n\n    if (boundElements != null && boundElements.length > 0) {\n      boundElements.forEach(boundElement => {\n        if (shouldReverseRoles && !oldIdToDuplicatedId.has(boundElement.id)) {\n          allBoundElementIds.add(boundElement.id);\n        }\n      });\n      allBindableElementIds.add(oldIdToDuplicatedId.get(oldElement.id));\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isBindingElement)(oldElement)) {\n      if (oldElement.startBinding != null) {\n        const {\n          elementId\n        } = oldElement.startBinding;\n\n        if (shouldReverseRoles && !oldIdToDuplicatedId.has(elementId)) {\n          allBindableElementIds.add(elementId);\n        }\n      }\n\n      if (oldElement.endBinding != null) {\n        const {\n          elementId\n        } = oldElement.endBinding;\n\n        if (shouldReverseRoles && !oldIdToDuplicatedId.has(elementId)) {\n          allBindableElementIds.add(elementId);\n        }\n      }\n\n      if (oldElement.startBinding != null || oldElement.endBinding != null) {\n        allBoundElementIds.add(oldIdToDuplicatedId.get(oldElement.id));\n      }\n    }\n  }); // Update the linear elements\n\n  sceneElements.filter(({\n    id\n  }) => allBoundElementIds.has(id)).forEach(element => {\n    const {\n      startBinding,\n      endBinding\n    } = element;\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement)(element, {\n      startBinding: newBindingAfterDuplication(startBinding, oldIdToDuplicatedId),\n      endBinding: newBindingAfterDuplication(endBinding, oldIdToDuplicatedId)\n    });\n  }); // Update the bindable shapes\n\n  sceneElements.filter(({\n    id\n  }) => allBindableElementIds.has(id)).forEach(bindableElement => {\n    var _a;\n\n    const oldElementId = duplicateIdToOldId.get(bindableElement.id);\n    const boundElements = (_a = sceneElements.find(({\n      id\n    }) => id === oldElementId)) === null || _a === void 0 ? void 0 : _a.boundElements;\n\n    if (boundElements && boundElements.length > 0) {\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement)(bindableElement, {\n        boundElements: boundElements.map(boundElement => oldIdToDuplicatedId.has(boundElement.id) ? {\n          id: oldIdToDuplicatedId.get(boundElement.id),\n          type: boundElement.type\n        } : boundElement)\n      });\n    }\n  });\n};\n\nconst newBindingAfterDuplication = (binding, oldIdToDuplicatedId) => {\n  var _a;\n\n  if (binding == null) {\n    return null;\n  }\n\n  return Object.assign(Object.assign({}, binding), {\n    elementId: (_a = oldIdToDuplicatedId.get(binding.elementId)) !== null && _a !== void 0 ? _a : binding.elementId\n  });\n};\n\nconst fixBindingsAfterDeletion = (sceneElements, deletedElements) => {\n  const elements = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.arrayToMap)(sceneElements);\n\n  for (const element of deletedElements) {\n    BoundElement.unbindAffected(elements, element, _mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement);\n    BindableElement.unbindAffected(elements, element, _mutateElement__WEBPACK_IMPORTED_MODULE_9__.mutateElement);\n  }\n};\n\nconst newBoundElements = (boundElements, idsToRemove, elementsToAdd = []) => {\n  if (!boundElements) {\n    return null;\n  }\n\n  const nextBoundElements = boundElements.filter(boundElement => !idsToRemove.has(boundElement.id));\n  nextBoundElements.push(...elementsToAdd.map(x => ({\n    id: x.id,\n    type: x.type\n  })));\n  return nextBoundElements;\n};\n\nconst bindingBorderTest = (element, {\n  x,\n  y\n}, elementsMap, zoom, fullShape) => {\n  const threshold = maxBindingGap(element, element.width, element.height, zoom);\n  const shape = (0,_shapes__WEBPACK_IMPORTED_MODULE_14__.getElementShape)(element, elementsMap);\n  return (0,_utils_collision__WEBPACK_IMPORTED_MODULE_6__.isPointOnShape)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(x, y), shape, threshold) || fullShape === true && (0,_shapes__WEBPACK_IMPORTED_MODULE_14__.pointInsideBounds)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(x, y), (0,_shapes__WEBPACK_IMPORTED_MODULE_14__.aabbForElement)(element));\n};\nconst maxBindingGap = (element, elementWidth, elementHeight, zoom) => {\n  const zoomValue = (zoom === null || zoom === void 0 ? void 0 : zoom.value) && zoom.value < 1 ? zoom.value : 1; // Aligns diamonds with rectangles\n\n  const shapeRatio = element.type === \"diamond\" ? 1 / Math.sqrt(2) : 1;\n  const smallerDimension = shapeRatio * Math.min(elementWidth, elementHeight);\n  return Math.max(16, // bigger bindable boundary for bigger elements\n  Math.min(0.25 * smallerDimension, 32), // keep in sync with the zoomed highlight\n  BINDING_HIGHLIGHT_THICKNESS / zoomValue + BINDING_HIGHLIGHT_OFFSET);\n};\nconst distanceToBindableElement = (element, point, elementsMap) => {\n  switch (element.type) {\n    case \"rectangle\":\n    case \"image\":\n    case \"text\":\n    case \"iframe\":\n    case \"embeddable\":\n    case \"frame\":\n    case \"magicframe\":\n      return distanceToRectangle(element, point, elementsMap);\n\n    case \"diamond\":\n      return distanceToDiamond(element, point, elementsMap);\n\n    case \"ellipse\":\n      return distanceToEllipse(element, point, elementsMap);\n  }\n};\n\nconst distanceToRectangle = (element, p, elementsMap) => {\n  const [, pointRel, hwidth, hheight] = pointRelativeToElement(element, p, elementsMap);\n  return Math.max(_math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distanceToLine(pointRel, _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.equation(0, 1, -hheight)), _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distanceToLine(pointRel, _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.equation(1, 0, -hwidth)));\n};\n\nconst distanceToDiamond = (element, point, elementsMap) => {\n  const [, pointRel, hwidth, hheight] = pointRelativeToElement(element, point, elementsMap);\n  const side = _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.equation(hheight, hwidth, -hheight * hwidth);\n  return _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distanceToLine(pointRel, side);\n};\n\nconst distanceToEllipse = (element, point, elementsMap) => {\n  const [pointRel, tangent] = ellipseParamsForTest(element, point, elementsMap);\n  return -_math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.sign(tangent) * _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distanceToLine(pointRel, tangent);\n};\n\nconst ellipseParamsForTest = (element, point, elementsMap) => {\n  const [, pointRel, hwidth, hheight] = pointRelativeToElement(element, point, elementsMap);\n  const [px, py] = _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.toTuple(pointRel); // We're working in positive quadrant, so start with `t = 45deg`, `tx=cos(t)`\n\n  let tx = 0.707;\n  let ty = 0.707;\n  const a = hwidth;\n  const b = hheight; // This is a numerical method to find the params tx, ty at which\n  // the ellipse has the closest point to the given point\n\n  [0, 1, 2, 3].forEach(_ => {\n    const xx = a * tx;\n    const yy = b * ty;\n    const ex = (a * a - b * b) * tx ** 3 / a;\n    const ey = (b * b - a * a) * ty ** 3 / b;\n    const rx = xx - ex;\n    const ry = yy - ey;\n    const qx = px - ex;\n    const qy = py - ey;\n    const r = Math.hypot(ry, rx);\n    const q = Math.hypot(qy, qx);\n    tx = Math.min(1, Math.max(0, (qx * r / q + ex) / a));\n    ty = Math.min(1, Math.max(0, (qy * r / q + ey) / b));\n    const t = Math.hypot(ty, tx);\n    tx /= t;\n    ty /= t;\n  });\n  const closestPoint = _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(a * tx, b * ty);\n  const tangent = _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.orthogonalThrough(pointRel, closestPoint);\n  return [pointRel, tangent];\n}; // Returns:\n//   1. the point relative to the elements (x, y) position\n//   2. the point relative to the element's center with positive (x, y)\n//   3. half element width\n//   4. half element height\n//\n// Note that for linear elements the (x, y) position is not at the\n// top right corner of their boundary.\n//\n// Rectangles, diamonds and ellipses are symmetrical over axes,\n// and other elements have a rectangular boundary,\n// so we only need to perform hit tests for the positive quadrant.\n\n\nconst pointRelativeToElement = (element, pointTuple, elementsMap) => {\n  const point = _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.from(pointTuple);\n  const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_5__.getElementAbsoluteCoords)(element, elementsMap);\n  const center = coordsCenter(x1, y1, x2, y2); // GA has angle orientation opposite to `rotate`\n\n  const rotate = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.rotation(center, element.angle);\n  const pointRotated = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(rotate, point);\n  const pointRelToCenter = _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.sub(pointRotated, _math_ga_gadirections__WEBPACK_IMPORTED_MODULE_2__.from(center));\n  const pointRelToCenterAbs = _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.abs(pointRelToCenter);\n  const elementPos = _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.offset(element.x, element.y);\n  const pointRelToPos = _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.sub(pointRotated, elementPos);\n  const halfWidth = (x2 - x1) / 2;\n  const halfHeight = (y2 - y1) / 2;\n  return [pointRelToPos, pointRelToCenterAbs, halfWidth, halfHeight];\n};\n\nconst relativizationToElementCenter = (element, elementsMap) => {\n  const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_5__.getElementAbsoluteCoords)(element, elementsMap);\n  const center = coordsCenter(x1, y1, x2, y2); // GA has angle orientation opposite to `rotate`\n\n  const rotate = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.rotation(center, element.angle);\n  const translate = _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.reverse(_math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.translation(_math_ga_gadirections__WEBPACK_IMPORTED_MODULE_2__.from(center)));\n  return _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.compose(rotate, translate);\n};\n\nconst coordsCenter = (x1, y1, x2, y2) => {\n  return _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point((x1 + x2) / 2, (y1 + y2) / 2);\n}; // The focus distance is the oriented ratio between the size of\n// the `element` and the \"focus image\" of the element on which\n// all focus points lie, so it's a number between -1 and 1.\n// The line going through `a` and `b` is a tangent to the \"focus image\"\n// of the element.\n\n\nconst determineFocusDistance = ( //zsviczian added export\nelement, // Point on the line, in absolute coordinates\na, // Another point on the line, in absolute coordinates (closer to element)\nb, elementsMap) => {\n  const relateToCenter = relativizationToElementCenter(element, elementsMap);\n  const aRel = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(relateToCenter, _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.from(a));\n  const bRel = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(relateToCenter, _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.from(b));\n  const line = _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.through(aRel, bRel);\n  const q = element.height / element.width;\n  const hwidth = element.width / 2;\n  const hheight = element.height / 2;\n  const n = line[2];\n  const m = line[3];\n  const c = line[1];\n  const mabs = Math.abs(m);\n  const nabs = Math.abs(n);\n  let ret;\n\n  switch (element.type) {\n    case \"rectangle\":\n    case \"image\":\n    case \"text\":\n    case \"iframe\":\n    case \"embeddable\":\n    case \"frame\":\n    case \"magicframe\":\n      ret = c / (hwidth * (nabs + q * mabs));\n      break;\n\n    case \"diamond\":\n      ret = mabs < nabs ? c / (nabs * hwidth) : c / (mabs * hheight);\n      break;\n\n    case \"ellipse\":\n      ret = c / (hwidth * Math.sqrt(n ** 2 + q ** 2 * m ** 2));\n      break;\n  }\n\n  return ret || 0;\n};\n\nconst determineFocusPoint = (element, // The oriented, relative distance from the center of `element` of the\n// returned focusPoint\nfocus, adjecentPoint, elementsMap) => {\n  if (focus === 0) {\n    const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_5__.getElementAbsoluteCoords)(element, elementsMap);\n    const center = coordsCenter(x1, y1, x2, y2);\n    return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFromPair)(_math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.toTuple(center));\n  }\n\n  const relateToCenter = relativizationToElementCenter(element, elementsMap);\n  const adjecentPointRel = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(relateToCenter, _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.from(adjecentPoint));\n  const reverseRelateToCenter = _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.reverse(relateToCenter);\n  let point;\n\n  switch (element.type) {\n    case \"rectangle\":\n    case \"image\":\n    case \"text\":\n    case \"diamond\":\n    case \"iframe\":\n    case \"embeddable\":\n    case \"frame\":\n    case \"magicframe\":\n      point = findFocusPointForRectangulars(element, focus, adjecentPointRel);\n      break;\n\n    case \"ellipse\":\n      point = findFocusPointForEllipse(element, focus, adjecentPointRel);\n      break;\n  }\n\n  return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFromPair)(_math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.toTuple(_math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(reverseRelateToCenter, point)));\n}; // Returns 2 or 0 intersection points between line going through `a` and `b`\n// and the `element`, in ascending order of distance from `a`.\n\n\nconst intersectElementWithLine = ( //zsviczian added export\nelement, // Point on the line, in absolute coordinates\na, // Another point on the line, in absolute coordinates\nb, // If given, the element is inflated by this value\ngap = 0, elementsMap) => {\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isRectangularElement)(element)) {\n    return (0,_utils_geometry_shape__WEBPACK_IMPORTED_MODULE_17__.segmentIntersectRectangleElement)(element, (0,_math__WEBPACK_IMPORTED_MODULE_16__.lineSegment)(a, b), gap);\n  }\n\n  const relateToCenter = relativizationToElementCenter(element, elementsMap);\n  const aRel = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(relateToCenter, _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.from(a));\n  const bRel = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(relateToCenter, _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.from(b));\n  const line = _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.through(aRel, bRel);\n  const reverseRelateToCenter = _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.reverse(relateToCenter);\n  const intersections = getSortedElementLineIntersections(element, line, aRel, gap);\n  return intersections.map(point => (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFromPair)(_math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.toTuple(_math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(reverseRelateToCenter, point))));\n};\n\nconst getSortedElementLineIntersections = (element, // Relative to element center\nline, // Relative to element center\nnearPoint, gap = 0) => {\n  let intersections;\n\n  switch (element.type) {\n    case \"rectangle\":\n    case \"image\":\n    case \"text\":\n    case \"diamond\":\n    case \"iframe\":\n    case \"embeddable\":\n    case \"frame\":\n    case \"magicframe\":\n      const corners = getCorners(element);\n      intersections = corners.flatMap((point, i) => {\n        const edge = [point, corners[(i + 1) % 4]];\n        return intersectSegment(line, offsetSegment(edge, gap));\n      }).concat(corners.flatMap(point => getCircleIntersections(point, gap, line)));\n      break;\n\n    case \"ellipse\":\n      intersections = getEllipseIntersections(element, gap, line);\n      break;\n  }\n\n  if (intersections.length < 2) {\n    // Ignore the \"edge\" case of only intersecting with a single corner\n    return [];\n  }\n\n  const sortedIntersections = intersections.sort((i1, i2) => _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distance(i1, nearPoint) - _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distance(i2, nearPoint));\n  return [sortedIntersections[0], sortedIntersections[sortedIntersections.length - 1]];\n};\n\nconst getCorners = (element, scale = 1) => {\n  const hx = scale * element.width / 2;\n  const hy = scale * element.height / 2;\n\n  switch (element.type) {\n    case \"rectangle\":\n    case \"image\":\n    case \"text\":\n    case \"iframe\":\n    case \"embeddable\":\n    case \"frame\":\n    case \"magicframe\":\n      return [_math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(hx, hy), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(hx, -hy), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(-hx, -hy), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(-hx, hy)];\n\n    case \"diamond\":\n      return [_math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(0, hy), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(hx, 0), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(0, -hy), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(-hx, 0)];\n  }\n}; // Returns intersection of `line` with `segment`, with `segment` moved by\n// `gap` in its polar direction.\n// If intersection coincides with second segment point returns empty array.\n\n\nconst intersectSegment = (line, segment) => {\n  const [a, b] = segment;\n  const aDist = _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distanceToLine(a, line);\n  const bDist = _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distanceToLine(b, line);\n\n  if (aDist * bDist >= 0) {\n    // The intersection is outside segment `(a, b)`\n    return [];\n  }\n\n  return [_math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.intersect(line, _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.through(a, b))];\n};\n\nconst offsetSegment = (segment, distance) => {\n  const [a, b] = segment;\n  const offset = _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.translationOrthogonal(_math_ga_gadirections__WEBPACK_IMPORTED_MODULE_2__.fromTo(a, b), distance);\n  return [_math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(offset, a), _math_ga_gatransforms__WEBPACK_IMPORTED_MODULE_4__.apply(offset, b)];\n};\n\nconst getEllipseIntersections = (element, gap, line) => {\n  const a = element.width / 2 + gap;\n  const b = element.height / 2 + gap;\n  const m = line[2];\n  const n = line[3];\n  const c = line[1];\n  const squares = a * a * m * m + b * b * n * n;\n  const discr = squares - c * c;\n\n  if (squares === 0 || discr <= 0) {\n    return [];\n  }\n\n  const discrRoot = Math.sqrt(discr);\n  const xn = -a * a * m * c;\n  const yn = -b * b * n * c;\n  return [_math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point((xn + a * b * n * discrRoot) / squares, (yn - a * b * m * discrRoot) / squares), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point((xn - a * b * n * discrRoot) / squares, (yn + a * b * m * discrRoot) / squares)];\n};\n\nconst getCircleIntersections = (center, radius, line) => {\n  if (radius === 0) {\n    return _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.distanceToLine(line, center) === 0 ? [center] : [];\n  }\n\n  const m = line[2];\n  const n = line[3];\n  const c = line[1];\n  const [a, b] = _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.toTuple(center);\n  const r = radius;\n  const squares = m * m + n * n;\n  const discr = r * r * squares - (m * a + n * b + c) ** 2;\n\n  if (squares === 0 || discr <= 0) {\n    return [];\n  }\n\n  const discrRoot = Math.sqrt(discr);\n  const xn = a * n * n - b * m * n - m * c;\n  const yn = b * m * m - a * m * n - n * c;\n  return [_math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point((xn + n * discrRoot) / squares, (yn - m * discrRoot) / squares), _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point((xn - n * discrRoot) / squares, (yn + m * discrRoot) / squares)];\n}; // The focus point is the tangent point of the \"focus image\" of the\n// `element`, where the tangent goes through `point`.\n\n\nconst findFocusPointForEllipse = (ellipse, // Between -1 and 1 (not 0) the relative size of the \"focus image\" of\n// the element on which the focus point lies\nrelativeDistance, // The point for which we're trying to find the focus point, relative\n// to the ellipse center.\npoint) => {\n  const relativeDistanceAbs = Math.abs(relativeDistance);\n  const a = ellipse.width * relativeDistanceAbs / 2;\n  const b = ellipse.height * relativeDistanceAbs / 2;\n  const orientation = Math.sign(relativeDistance);\n  const [px, pyo] = _math_ga_gapoints__WEBPACK_IMPORTED_MODULE_1__.toTuple(point); // The calculation below can't handle py = 0\n\n  const py = pyo === 0 ? 0.0001 : pyo;\n  const squares = px ** 2 * b ** 2 + py ** 2 * a ** 2; // Tangent mx + ny + 1 = 0\n\n  const m = (-px * b ** 2 + orientation * py * Math.sqrt(Math.max(0, squares - a ** 2 * b ** 2))) / squares;\n  let n = (-m * px - 1) / py;\n\n  if (n === 0) {\n    // if zero {-0, 0}, fall back to a same-sign value in the similar range\n    n = (Object.is(n, -0) ? -1 : 1) * 0.01;\n  }\n\n  const x = -(a ** 2 * m) / (n ** 2 * b ** 2 + m ** 2 * a ** 2);\n  return _math_ga_ga__WEBPACK_IMPORTED_MODULE_0__.point(x, (-m * x - 1) / (n === 0 ? 0.0001 : n)); //zsviczian https://github.com/zsviczian/obsidian-excalidraw-plugin/issues/1054\n};\n\nconst findFocusPointForRectangulars = (element, // Between -1 and 1 for how far away should the focus point be relative\n// to the size of the element. Sign determines orientation.\nrelativeDistance, // The point for which we're trying to find the focus point, relative\n// to the element center.\npoint) => {\n  const relativeDistanceAbs = Math.abs(relativeDistance);\n  const orientation = Math.sign(relativeDistance);\n  const corners = getCorners(element, relativeDistanceAbs);\n  let maxDistance = 0;\n  let tangentPoint = null;\n  corners.forEach(corner => {\n    const distance = orientation * _math_ga_galines__WEBPACK_IMPORTED_MODULE_3__.through(point, corner)[1];\n\n    if (distance > maxDistance) {\n      maxDistance = distance;\n      tangentPoint = corner;\n    }\n  });\n  return tangentPoint;\n};\n\nconst bindingProperties = new Set([\"boundElements\", \"frameId\", \"containerId\", \"startBinding\", \"endBinding\"]);\n/**\r\n * Tries to visit each bound element (does not have to be found).\r\n */\n\nconst boundElementsVisitor = (elements, element, visit) => {\n  var _a, _b;\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isBindableElement)(element)) {\n    // create new instance so that possible mutations won't play a role in visiting order\n    const boundElements = (_b = (_a = element.boundElements) === null || _a === void 0 ? void 0 : _a.slice()) !== null && _b !== void 0 ? _b : []; // last added text should be the one we keep (~previous are duplicates)\n\n    boundElements.forEach(({\n      id\n    }) => {\n      visit(elements.get(id), \"boundElements\", id);\n    });\n  }\n};\n/**\r\n * Tries to visit each bindable element (does not have to be found).\r\n */\n\n\nconst bindableElementsVisitor = (elements, element, visit) => {\n  const result = [];\n\n  if (element.frameId) {\n    const id = element.frameId;\n    result.push(visit(elements.get(id), \"frameId\", id));\n  }\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isBoundToContainer)(element)) {\n    const id = element.containerId;\n    result.push(visit(elements.get(id), \"containerId\", id));\n  }\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(element)) {\n    if (element.startBinding) {\n      const id = element.startBinding.elementId;\n      result.push(visit(elements.get(id), \"startBinding\", id));\n    }\n\n    if (element.endBinding) {\n      const id = element.endBinding.elementId;\n      result.push(visit(elements.get(id), \"endBinding\", id));\n    }\n  }\n\n  return result;\n};\n/**\r\n * Bound element containing bindings to `frameId`, `containerId`, `startBinding` or `endBinding`.\r\n */\n\n\nclass BoundElement {\n  /**\r\n   * Unbind the affected non deleted bindable elements (removing element from `boundElements`).\r\n   * - iterates non deleted bindable elements (`containerId` | `startBinding.elementId` | `endBinding.elementId`) of the current element\r\n   * - prepares updates to unbind each bindable element's `boundElements` from the current element\r\n   */\n  static unbindAffected(elements, boundElement, updateElementWith) {\n    if (!boundElement) {\n      return;\n    }\n\n    bindableElementsVisitor(elements, boundElement, bindableElement => {\n      // bindable element is deleted, this is fine\n      if (!bindableElement || bindableElement.isDeleted) {\n        return;\n      }\n\n      boundElementsVisitor(elements, bindableElement, (_, __, boundElementId) => {\n        if (boundElementId === boundElement.id) {\n          updateElementWith(bindableElement, {\n            boundElements: newBoundElements(bindableElement.boundElements, new Set([boundElementId]))\n          });\n        }\n      });\n    });\n  }\n\n}\n/**\r\n * Rebind the next affected non deleted bindable elements (adding element to `boundElements`).\r\n * - iterates non deleted bindable elements (`containerId` | `startBinding.elementId` | `endBinding.elementId`) of the current element\r\n * - prepares updates to rebind each bindable element's `boundElements` to the current element\r\n *\r\n * NOTE: rebind expects that affected elements were previously unbound with `BoundElement.unbindAffected`\r\n */\n\nBoundElement.rebindAffected = (elements, boundElement, updateElementWith) => {\n  // don't try to rebind element that is deleted\n  if (!boundElement || boundElement.isDeleted) {\n    return;\n  }\n\n  bindableElementsVisitor(elements, boundElement, (bindableElement, bindingProp) => {\n    var _a, _b; // unbind from bindable elements, as bindings from non deleted elements into deleted elements are incorrect\n\n\n    if (!bindableElement || bindableElement.isDeleted) {\n      updateElementWith(boundElement, {\n        [bindingProp]: null\n      });\n      return;\n    } // frame bindings are unidirectional, there is nothing to rebind\n\n\n    if (bindingProp === \"frameId\") {\n      return;\n    }\n\n    if ((_a = bindableElement.boundElements) === null || _a === void 0 ? void 0 : _a.find(x => x.id === boundElement.id)) {\n      return;\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(boundElement)) {\n      // rebind if not found!\n      updateElementWith(bindableElement, {\n        boundElements: newBoundElements(bindableElement.boundElements, new Set(), new Array(boundElement))\n      });\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(boundElement)) {\n      if (!((_b = bindableElement.boundElements) === null || _b === void 0 ? void 0 : _b.find(x => x.type === \"text\"))) {\n        // rebind only if there is no other text bound already\n        updateElementWith(bindableElement, {\n          boundElements: newBoundElements(bindableElement.boundElements, new Set(), new Array(boundElement))\n        });\n      } else {\n        // unbind otherwise\n        updateElementWith(boundElement, {\n          [bindingProp]: null\n        });\n      }\n    }\n  });\n};\n/**\r\n * Bindable element containing bindings to `boundElements`.\r\n */\n\n\nclass BindableElement {\n  /**\r\n   * Unbind the affected non deleted bound elements (resetting `containerId`, `startBinding`, `endBinding` to `null`).\r\n   * - iterates through non deleted `boundElements` of the current element\r\n   * - prepares updates to unbind each bound element from the current element\r\n   */\n  static unbindAffected(elements, bindableElement, updateElementWith) {\n    if (!bindableElement) {\n      return;\n    }\n\n    boundElementsVisitor(elements, bindableElement, boundElement => {\n      // bound element is deleted, this is fine\n      if (!boundElement || boundElement.isDeleted) {\n        return;\n      }\n\n      bindableElementsVisitor(elements, boundElement, (_, bindingProp, bindableElementId) => {\n        // making sure there is an element to be unbound\n        if (bindableElementId === bindableElement.id) {\n          updateElementWith(boundElement, {\n            [bindingProp]: null\n          });\n        }\n      });\n    });\n  }\n\n}\n/**\r\n * Rebind the affected non deleted bound elements (for now setting only `containerId`, as we cannot rebind arrows atm).\r\n * - iterates through non deleted `boundElements` of the current element\r\n * - prepares updates to rebind each bound element to the current element or unbind it from `boundElements` in case of conflicts\r\n *\r\n * NOTE: rebind expects that affected elements were previously unbound with `BindaleElement.unbindAffected`\r\n */\n\nBindableElement.rebindAffected = (elements, bindableElement, updateElementWith) => {\n  // don't try to rebind element that is deleted (i.e. updated as deleted)\n  if (!bindableElement || bindableElement.isDeleted) {\n    return;\n  }\n\n  boundElementsVisitor(elements, bindableElement, (boundElement, _, boundElementId) => {\n    var _a, _b, _c; // unbind from bindable elements, as bindings from non deleted elements into deleted elements are incorrect\n\n\n    if (!boundElement || boundElement.isDeleted) {\n      updateElementWith(bindableElement, {\n        boundElements: newBoundElements(bindableElement.boundElements, new Set([boundElementId]))\n      });\n      return;\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(boundElement)) {\n      const boundElements = (_b = (_a = bindableElement.boundElements) === null || _a === void 0 ? void 0 : _a.slice()) !== null && _b !== void 0 ? _b : []; // check if this is the last element in the array, if not, there is an previously bound text which should be unbound\n\n      if (((_c = boundElements.reverse().find(x => x.type === \"text\")) === null || _c === void 0 ? void 0 : _c.id) === boundElement.id) {\n        if (boundElement.containerId !== bindableElement.id) {\n          // rebind if not bound already!\n          updateElementWith(boundElement, {\n            containerId: bindableElement.id\n          });\n        }\n      } else {\n        if (boundElement.containerId !== null) {\n          // unbind if not unbound already\n          updateElementWith(boundElement, {\n            containerId: null\n          });\n        } // unbind from boundElements as the element got bound to some other element in the meantime\n\n\n        updateElementWith(bindableElement, {\n          boundElements: newBoundElements(bindableElement.boundElements, new Set([boundElement.id]))\n        });\n      }\n    }\n  });\n};\n\nconst getGlobalFixedPointForBindableElement = (fixedPointRatio, element) => {\n  const [fixedX, fixedY] = normalizeFixedPoint(fixedPointRatio);\n  return (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointRotateRads)((0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x + element.width * fixedX, element.y + element.height * fixedY), (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(element.x + element.width / 2, element.y + element.height / 2), element.angle);\n};\n\nconst getGlobalFixedPoints = (arrow, elementsMap) => {\n  const startElement = arrow.startBinding && elementsMap.get(arrow.startBinding.elementId);\n  const endElement = arrow.endBinding && elementsMap.get(arrow.endBinding.elementId);\n  const startPoint = startElement && arrow.startBinding ? getGlobalFixedPointForBindableElement(arrow.startBinding.fixedPoint, startElement) : (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(arrow.x + arrow.points[0][0], arrow.y + arrow.points[0][1]);\n  const endPoint = endElement && arrow.endBinding ? getGlobalFixedPointForBindableElement(arrow.endBinding.fixedPoint, endElement) : (0,_math__WEBPACK_IMPORTED_MODULE_16__.pointFrom)(arrow.x + arrow.points[arrow.points.length - 1][0], arrow.y + arrow.points[arrow.points.length - 1][1]);\n  return [startPoint, endPoint];\n};\n\nconst getArrowLocalFixedPoints = (arrow, elementsMap) => {\n  const [startPoint, endPoint] = getGlobalFixedPoints(arrow, elementsMap);\n  return [_linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.pointFromAbsoluteCoords(arrow, startPoint, elementsMap), _linearElementEditor__WEBPACK_IMPORTED_MODULE_10__.LinearElementEditor.pointFromAbsoluteCoords(arrow, endPoint, elementsMap)];\n};\nconst normalizeFixedPoint = fixedPoint => {\n  // Do not allow a precise 0.5 for fixed point ratio\n  // to avoid jumping arrow heading due to floating point imprecision\n  if (fixedPoint && (fixedPoint[0] === 0.5 || fixedPoint[1] === 0.5)) {\n    return fixedPoint.map(ratio => ratio === 0.5 ? 0.5001 : ratio);\n  }\n\n  return fixedPoint;\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./element/binding.ts?");
 /***/ }),
@@ -3424,7 +3424,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__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 */   \"ExcalidrawFontFace\": () => (/* binding */ ExcalidrawFontFace)\n/* harmony export */ });\n/* harmony import */ var _data_encode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../data/encode */ \"./data/encode.ts\");\n/* harmony import */ var _obsidianUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../obsidianUtils */ \"./obsidianUtils.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ \"./utils.ts\");\n/* harmony import */ var _FontMetadata__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./FontMetadata */ \"./fonts/FontMetadata.ts\");\n/* harmony import */ var _subset_subset_main__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../subset/subset-main */ \"./subset/subset-main.ts\");\n\n\n\n\n\nclass ExcalidrawFontFace {\n  constructor(family, uri, descriptors) {\n    this.urls = ExcalidrawFontFace.createUrls(uri);\n    const sources = this.urls.map(url => `url(${url}) ${ExcalidrawFontFace.getFormat(url)}`).join(\", \");\n    this.fontFace = new FontFace(family, sources, Object.assign({\n      display: \"swap\",\n      style: \"normal\",\n      weight: \"400\"\n    }, descriptors));\n  }\n  /**\r\n   * Generates CSS `@font-face` definition with the (subsetted) font source as a data url for the characters within the unicode range.\r\n   *\r\n   * Retrieves `undefined` otherwise.\r\n   */\n\n\n  toCSS(characters) {\n    // quick exit in case the characters are not within this font face's unicode range\n    if (!this.getUnicodeRangeRegex().test(characters)) {\n      return;\n    } //zsviczian - only woffs are chopped into glyphs other fonts are returned as is\n\n\n    if (typeof this.urls[0] === \"string\" && !this.urls[0].startsWith(\"data:font/woff2\")) {\n      return Promise.resolve(`@font-face { font-family: ${this.fontFace.family}; src: url(${this.urls[0]}); }`);\n    }\n\n    const codepoints = Array.from(characters).map(char => char.codePointAt(0));\n    return this.getContent(codepoints).then(content => `@font-face { font-family: ${this.fontFace.family}; src: url(${content}); }`);\n  }\n  /**\r\n   * Tries to fetch woff2 content, based on the registered urls (from first to last, treated as fallbacks).\r\n   *\r\n   * @returns base64 with subsetted glyphs based on the passed codepoint, last defined url otherwise\r\n   */\n\n\n  async getContent(codePoints) {\n    let i = 0;\n    const errorMessages = [];\n\n    while (i < this.urls.length) {\n      const url = this.urls[i];\n\n      try {\n        const arrayBuffer = await this.fetchFont(url);\n        const base64 = await (0,_subset_subset_main__WEBPACK_IMPORTED_MODULE_4__.subsetWoff2GlyphsByCodepoints)(arrayBuffer, codePoints);\n        return base64;\n      } catch (e) {\n        errorMessages.push(`\"${url.toString()}\" returned error \"${e}\"`);\n      }\n\n      i++;\n    }\n\n    console.error(`Failed to fetch font family \"${this.fontFace.family}\"`, JSON.stringify(errorMessages, undefined, 2)); // in case of issues, at least return the last url as a content\n    // defaults to unpkg for bundled fonts (so that we don't have to host them forever) and http url for others\n\n    return this.urls.length ? this.urls[this.urls.length - 1].toString() : \"\";\n  }\n\n  fetchFont(url) {\n    return (0,_utils__WEBPACK_IMPORTED_MODULE_2__.promiseTry)(async () => {\n      const result = await (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_1__.fetchFontFromVault)(url); //zsviczian\n\n      if (result) {\n        return result;\n      }\n\n      const response = await fetch(url, {\n        // always prefer cache (even stale), otherwise it always triggers an unnecessary validation request\n        // which we don't need as we are controlling freshness of the fonts with the stable hash suffix in the url\n        // https://developer.mozilla.org/en-US/docs/Web/API/Request/cache\n        cache: \"force-cache\",\n        headers: {\n          Accept: \"font/woff2\"\n        }\n      });\n\n      if (!response.ok) {\n        const urlString = url instanceof URL ? url.toString() : \"dataurl\";\n        throw new Error(`Failed to fetch \"${urlString}\": ${response.statusText}`);\n      }\n\n      const arrayBuffer = await response.arrayBuffer();\n      return arrayBuffer;\n    });\n  }\n\n  getUnicodeRangeRegex() {\n    // using \\u{h} or \\u{hhhhh} to match any number of hex digits,\n    // otherwise we would get an \"Invalid Unicode escape\" error\n    // e.g. U+0-1007F -> \\u{0}-\\u{1007F}\n    const unicodeRangeRegex = this.fontFace.unicodeRange.split(/,\\s*/).map(range => {\n      const [start, end] = range.replace(\"U+\", \"\").split(\"-\");\n\n      if (end) {\n        return `\\\\u{${start}}-\\\\u{${end}}`;\n      }\n\n      return `\\\\u{${start}}`;\n    }).join(\"\");\n    return new RegExp(`[${unicodeRangeRegex}]`, \"u\");\n  }\n\n  static createUrls(uri) {\n    if (uri.startsWith(\"data\")) {\n      // don't create the URL instance, as parsing the huge dataurl string is expensive\n      return [uri];\n    }\n\n    if (uri.startsWith(_FontMetadata__WEBPACK_IMPORTED_MODULE_3__.LOCAL_FONT_PROTOCOL)) {\n      // no url for local fonts\n      return [];\n    }\n\n    if (uri.startsWith(\"http\")) {\n      // one url for http imports or data url\n      return [new URL(uri)];\n    } // absolute assets paths, which are found in tests and excalidraw-app build, won't work with base url, so we are stripping initial slash away\n\n\n    const assetUrl = uri.replace(/^\\/+/, \"\");\n    const urls = [];\n\n    if (typeof window.EXCALIDRAW_ASSET_PATH === \"string\") {\n      const normalizedBaseUrl = this.normalizeBaseUrl(window.EXCALIDRAW_ASSET_PATH);\n      urls.push(new URL(assetUrl, normalizedBaseUrl));\n    } else if (Array.isArray(window.EXCALIDRAW_ASSET_PATH)) {\n      window.EXCALIDRAW_ASSET_PATH.forEach(path => {\n        const normalizedBaseUrl = this.normalizeBaseUrl(path);\n        urls.push(new URL(assetUrl, normalizedBaseUrl));\n      });\n    } // fallback url for bundled fonts\n\n\n    urls.push(new URL(assetUrl, ExcalidrawFontFace.UNPKG_FALLBACK_URL));\n    return urls;\n  }\n\n  static getFormat(url) {\n    if (!(url instanceof URL)) {\n      // format is irrelevant for data url\n      return \"\";\n    }\n\n    try {\n      const parts = new URL(url).pathname.split(\".\");\n\n      if (parts.length === 1) {\n        return \"\";\n      }\n\n      return `format('${parts.pop()}')`;\n    } catch (error) {\n      return \"\";\n    }\n  }\n\n  static normalizeBaseUrl(baseUrl) {\n    var _a;\n\n    let result = baseUrl; // in case user passed a root-relative url (~absolute path),\n    // like \"/\" or \"/some/path\", or relative (starts with \"./\"),\n    // prepend it with `location.origin`\n\n    if (/^\\.?\\//.test(result)) {\n      result = new URL(result.replace(/^\\.?\\/+/, \"\"), (_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.origin).toString();\n    } // ensure there is a trailing slash, otherwise url won't be correctly concatenated\n\n\n    result = `${result.replace(/\\/+$/, \"\")}/`;\n    return result;\n  }\n  /**\r\n   * zsviczian https://github.com/zsviczian/excalidraw/commit/b4cfaaa4b4f46ca01f94e27fb7bf651a9da99daa\r\n   */\n\n\n  async getContentLegacy() {\n    let i = 0;\n    const errorMessages = [];\n\n    while (i < this.urls.length) {\n      const url = this.urls[i];\n\n      if (typeof url === \"string\" && url.startsWith(\"data:\")) {\n        // it's dataurl, the font is inlined as base64, no need to fetch\n        return url;\n      }\n\n      try {\n        const result = await (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_1__.fetchFontFromVault)(url); //zsviczian\n\n        if (result) {\n          return `data:font/woff2;base64,${await (0,_data_encode__WEBPACK_IMPORTED_MODULE_0__.stringToBase64)(await (0,_data_encode__WEBPACK_IMPORTED_MODULE_0__.toByteString)(result), true)}`;\n        }\n\n        const response = await fetch(url, {\n          headers: {\n            Accept: \"font/woff2\"\n          }\n        });\n\n        if (response.ok) {\n          const mimeType = response.headers.get(\"Content-Type\");\n          const buffer = await response.arrayBuffer();\n          return `data:${mimeType};base64,${await (0,_data_encode__WEBPACK_IMPORTED_MODULE_0__.stringToBase64)(await (0,_data_encode__WEBPACK_IMPORTED_MODULE_0__.toByteString)(buffer), true)}`;\n        } // response not ok, try to continue\n\n\n        errorMessages.push(`\"${url.toString()}\" returned status \"${response.status}\"`);\n      } catch (e) {\n        errorMessages.push(`\"${url.toString()}\" returned error \"${e}\"`);\n      }\n\n      i++;\n    }\n\n    console.error(`Failed to fetch font \"${this.fontFace.family}\" from urls \"${this.urls.toString()}`, JSON.stringify(errorMessages, undefined, 2)); // in case of issues, at least return the last url as a content\n    // defaults to unpkg for bundled fonts (so that we don't have to host them forever) and http url for others\n\n    return this.urls.length ? this.urls[this.urls.length - 1].toString() : \"\";\n  }\n\n}\nExcalidrawFontFace.UNPKG_FALLBACK_URL = `https://unpkg.com/${ true ? `${\"@zsviczian/excalidraw\"}@${({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.17.6-23\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).PKG_VERSION}` // should be provided by vite during package build\n: 0 // fallback to latest package version (i.e. for app)\n}/dist/prod/`;\n\n//# sourceURL=webpack://ExcalidrawLib/./fonts/ExcalidrawFontFace.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ExcalidrawFontFace\": () => (/* binding */ ExcalidrawFontFace)\n/* harmony export */ });\n/* harmony import */ var _data_encode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../data/encode */ \"./data/encode.ts\");\n/* harmony import */ var _obsidianUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../obsidianUtils */ \"./obsidianUtils.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ \"./utils.ts\");\n/* harmony import */ var _FontMetadata__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./FontMetadata */ \"./fonts/FontMetadata.ts\");\n/* harmony import */ var _subset_subset_main__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../subset/subset-main */ \"./subset/subset-main.ts\");\n\n\n\n\n\nclass ExcalidrawFontFace {\n  constructor(family, uri, descriptors) {\n    this.urls = ExcalidrawFontFace.createUrls(uri);\n    const sources = this.urls.map(url => `url(${url}) ${ExcalidrawFontFace.getFormat(url)}`).join(\", \");\n    this.fontFace = new FontFace(family, sources, Object.assign({\n      display: \"swap\",\n      style: \"normal\",\n      weight: \"400\"\n    }, descriptors));\n  }\n  /**\r\n   * Generates CSS `@font-face` definition with the (subsetted) font source as a data url for the characters within the unicode range.\r\n   *\r\n   * Retrieves `undefined` otherwise.\r\n   */\n\n\n  toCSS(characters) {\n    // quick exit in case the characters are not within this font face's unicode range\n    if (!this.getUnicodeRangeRegex().test(characters)) {\n      return;\n    } //zsviczian - only woffs are chopped into glyphs other fonts are returned as is\n\n\n    if (typeof this.urls[0] === \"string\" && !this.urls[0].startsWith(\"data:font/woff2\")) {\n      return Promise.resolve(`@font-face { font-family: ${this.fontFace.family}; src: url(${this.urls[0]}); }`);\n    }\n\n    const codepoints = Array.from(characters).map(char => char.codePointAt(0));\n    return this.getContent(codepoints).then(content => `@font-face { font-family: ${this.fontFace.family}; src: url(${content}); }`);\n  }\n  /**\r\n   * Tries to fetch woff2 content, based on the registered urls (from first to last, treated as fallbacks).\r\n   *\r\n   * @returns base64 with subsetted glyphs based on the passed codepoint, last defined url otherwise\r\n   */\n\n\n  async getContent(codePoints) {\n    let i = 0;\n    const errorMessages = [];\n\n    while (i < this.urls.length) {\n      const url = this.urls[i];\n\n      try {\n        const arrayBuffer = await this.fetchFont(url);\n        const base64 = await (0,_subset_subset_main__WEBPACK_IMPORTED_MODULE_4__.subsetWoff2GlyphsByCodepoints)(arrayBuffer, codePoints);\n        return base64;\n      } catch (e) {\n        errorMessages.push(`\"${url.toString()}\" returned error \"${e}\"`);\n      }\n\n      i++;\n    }\n\n    console.error(`Failed to fetch font family \"${this.fontFace.family}\"`, JSON.stringify(errorMessages, undefined, 2)); // in case of issues, at least return the last url as a content\n    // defaults to unpkg for bundled fonts (so that we don't have to host them forever) and http url for others\n\n    return this.urls.length ? this.urls[this.urls.length - 1].toString() : \"\";\n  }\n\n  fetchFont(url) {\n    return (0,_utils__WEBPACK_IMPORTED_MODULE_2__.promiseTry)(async () => {\n      const result = await (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_1__.fetchFontFromVault)(url); //zsviczian\n\n      if (result) {\n        return result;\n      }\n\n      const response = await fetch(url, {\n        // always prefer cache (even stale), otherwise it always triggers an unnecessary validation request\n        // which we don't need as we are controlling freshness of the fonts with the stable hash suffix in the url\n        // https://developer.mozilla.org/en-US/docs/Web/API/Request/cache\n        cache: \"force-cache\",\n        headers: {\n          Accept: \"font/woff2\"\n        }\n      });\n\n      if (!response.ok) {\n        const urlString = url instanceof URL ? url.toString() : \"dataurl\";\n        throw new Error(`Failed to fetch \"${urlString}\": ${response.statusText}`);\n      }\n\n      const arrayBuffer = await response.arrayBuffer();\n      return arrayBuffer;\n    });\n  }\n\n  getUnicodeRangeRegex() {\n    // using \\u{h} or \\u{hhhhh} to match any number of hex digits,\n    // otherwise we would get an \"Invalid Unicode escape\" error\n    // e.g. U+0-1007F -> \\u{0}-\\u{1007F}\n    const unicodeRangeRegex = this.fontFace.unicodeRange.split(/,\\s*/).map(range => {\n      const [start, end] = range.replace(\"U+\", \"\").split(\"-\");\n\n      if (end) {\n        return `\\\\u{${start}}-\\\\u{${end}}`;\n      }\n\n      return `\\\\u{${start}}`;\n    }).join(\"\");\n    return new RegExp(`[${unicodeRangeRegex}]`, \"u\");\n  }\n\n  static createUrls(uri) {\n    if (uri.startsWith(\"data\")) {\n      // don't create the URL instance, as parsing the huge dataurl string is expensive\n      return [uri];\n    }\n\n    if (uri.startsWith(_FontMetadata__WEBPACK_IMPORTED_MODULE_3__.LOCAL_FONT_PROTOCOL)) {\n      // no url for local fonts\n      return [];\n    }\n\n    if (uri.startsWith(\"http\")) {\n      // one url for http imports or data url\n      return [new URL(uri)];\n    } // absolute assets paths, which are found in tests and excalidraw-app build, won't work with base url, so we are stripping initial slash away\n\n\n    const assetUrl = uri.replace(/^\\/+/, \"\");\n    const urls = [];\n\n    if (typeof window.EXCALIDRAW_ASSET_PATH === \"string\") {\n      const normalizedBaseUrl = this.normalizeBaseUrl(window.EXCALIDRAW_ASSET_PATH);\n      urls.push(new URL(assetUrl, normalizedBaseUrl));\n    } else if (Array.isArray(window.EXCALIDRAW_ASSET_PATH)) {\n      window.EXCALIDRAW_ASSET_PATH.forEach(path => {\n        const normalizedBaseUrl = this.normalizeBaseUrl(path);\n        urls.push(new URL(assetUrl, normalizedBaseUrl));\n      });\n    } // fallback url for bundled fonts\n\n\n    urls.push(new URL(assetUrl, ExcalidrawFontFace.UNPKG_FALLBACK_URL));\n    return urls;\n  }\n\n  static getFormat(url) {\n    if (!(url instanceof URL)) {\n      // format is irrelevant for data url\n      return \"\";\n    }\n\n    try {\n      const parts = new URL(url).pathname.split(\".\");\n\n      if (parts.length === 1) {\n        return \"\";\n      }\n\n      return `format('${parts.pop()}')`;\n    } catch (error) {\n      return \"\";\n    }\n  }\n\n  static normalizeBaseUrl(baseUrl) {\n    var _a;\n\n    let result = baseUrl; // in case user passed a root-relative url (~absolute path),\n    // like \"/\" or \"/some/path\", or relative (starts with \"./\"),\n    // prepend it with `location.origin`\n\n    if (/^\\.?\\//.test(result)) {\n      result = new URL(result.replace(/^\\.?\\/+/, \"\"), (_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.origin).toString();\n    } // ensure there is a trailing slash, otherwise url won't be correctly concatenated\n\n\n    result = `${result.replace(/\\/+$/, \"\")}/`;\n    return result;\n  }\n  /**\r\n   * zsviczian https://github.com/zsviczian/excalidraw/commit/b4cfaaa4b4f46ca01f94e27fb7bf651a9da99daa\r\n   */\n\n\n  async getContentLegacy() {\n    let i = 0;\n    const errorMessages = [];\n\n    while (i < this.urls.length) {\n      const url = this.urls[i];\n\n      if (typeof url === \"string\" && url.startsWith(\"data:\")) {\n        // it's dataurl, the font is inlined as base64, no need to fetch\n        return url;\n      }\n\n      try {\n        const result = await (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_1__.fetchFontFromVault)(url); //zsviczian\n\n        if (result) {\n          return `data:font/woff2;base64,${await (0,_data_encode__WEBPACK_IMPORTED_MODULE_0__.stringToBase64)(await (0,_data_encode__WEBPACK_IMPORTED_MODULE_0__.toByteString)(result), true)}`;\n        }\n\n        const response = await fetch(url, {\n          headers: {\n            Accept: \"font/woff2\"\n          }\n        });\n\n        if (response.ok) {\n          const mimeType = response.headers.get(\"Content-Type\");\n          const buffer = await response.arrayBuffer();\n          return `data:${mimeType};base64,${await (0,_data_encode__WEBPACK_IMPORTED_MODULE_0__.stringToBase64)(await (0,_data_encode__WEBPACK_IMPORTED_MODULE_0__.toByteString)(buffer), true)}`;\n        } // response not ok, try to continue\n\n\n        errorMessages.push(`\"${url.toString()}\" returned status \"${response.status}\"`);\n      } catch (e) {\n        errorMessages.push(`\"${url.toString()}\" returned error \"${e}\"`);\n      }\n\n      i++;\n    }\n\n    console.error(`Failed to fetch font \"${this.fontFace.family}\" from urls \"${this.urls.toString()}`, JSON.stringify(errorMessages, undefined, 2)); // in case of issues, at least return the last url as a content\n    // defaults to unpkg for bundled fonts (so that we don't have to host them forever) and http url for others\n\n    return this.urls.length ? this.urls[this.urls.length - 1].toString() : \"\";\n  }\n\n}\nExcalidrawFontFace.UNPKG_FALLBACK_URL = `https://unpkg.com/${ true ? `${\"@zsviczian/excalidraw\"}@${({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.17.6-24\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).PKG_VERSION}` // should be provided by vite during package build\n: 0 // fallback to latest package version (i.e. for app)\n}/dist/prod/`;\n\n//# sourceURL=webpack://ExcalidrawLib/./fonts/ExcalidrawFontFace.ts?");
 /***/ }),
@@ -3809,7 +3809,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ \"./constants.ts\");\n\n\nif (\"development\" !== _constants__WEBPACK_IMPORTED_MODULE_0__.ENV.TEST) {\n  /* eslint-disable */\n\n  /* global __webpack_public_path__:writable */\n  __webpack_require__.p = window.EXCALIDRAW_ASSET_PATH || `https://unpkg.com/${\"@zsviczian/excalidraw\"}@${\"0.17.6-23\"}/dist/`;\n}\n\n//# sourceURL=webpack://ExcalidrawLib/./publicPath.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ \"./constants.ts\");\n\n\nif (\"development\" !== _constants__WEBPACK_IMPORTED_MODULE_0__.ENV.TEST) {\n  /* eslint-disable */\n\n  /* global __webpack_public_path__:writable */\n  __webpack_require__.p = window.EXCALIDRAW_ASSET_PATH || `https://unpkg.com/${\"@zsviczian/excalidraw\"}@${\"0.17.6-24\"}/dist/`;\n}\n\n//# sourceURL=webpack://ExcalidrawLib/./publicPath.js?");
 /***/ }),
@@ -4227,7 +4227,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__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 */   \"PromisePool\": () => (/* binding */ PromisePool),\n/* harmony export */   \"addEventListener\": () => (/* binding */ addEventListener),\n/* harmony export */   \"allowFullScreen\": () => (/* binding */ allowFullScreen),\n/* harmony export */   \"arrayToList\": () => (/* binding */ arrayToList),\n/* harmony export */   \"arrayToMap\": () => (/* binding */ arrayToMap),\n/* harmony export */   \"arrayToMapWithIndex\": () => (/* binding */ arrayToMapWithIndex),\n/* harmony export */   \"arrayToObject\": () => (/* binding */ arrayToObject),\n/* harmony export */   \"assertNever\": () => (/* binding */ assertNever),\n/* harmony export */   \"bytesToHexString\": () => (/* binding */ bytesToHexString),\n/* harmony export */   \"capitalizeString\": () => (/* binding */ capitalizeString),\n/* harmony export */   \"chunk\": () => (/* binding */ chunk),\n/* harmony export */   \"cloneJSON\": () => (/* binding */ cloneJSON),\n/* harmony export */   \"composeEventHandlers\": () => (/* binding */ composeEventHandlers),\n/* harmony export */   \"debounce\": () => (/* binding */ debounce),\n/* harmony export */   \"distance\": () => (/* binding */ distance),\n/* harmony export */   \"easeOut\": () => (/* binding */ easeOut),\n/* harmony export */   \"easeToValuesRAF\": () => (/* binding */ easeToValuesRAF),\n/* harmony export */   \"exitFullScreen\": () => (/* binding */ exitFullScreen),\n/* harmony export */   \"findIndex\": () => (/* binding */ findIndex),\n/* harmony export */   \"findLastIndex\": () => (/* binding */ findLastIndex),\n/* harmony export */   \"focusNearestParent\": () => (/* binding */ focusNearestParent),\n/* harmony export */   \"getDateTime\": () => (/* binding */ getDateTime),\n/* harmony export */   \"getFontFamilyString\": () => (/* binding */ getFontFamilyString),\n/* harmony export */   \"getFontString\": () => (/* binding */ getFontString),\n/* harmony export */   \"getFrame\": () => (/* binding */ getFrame),\n/* harmony export */   \"getGlobalCSSVariable\": () => (/* binding */ getGlobalCSSVariable),\n/* harmony export */   \"getNearestScrollableContainer\": () => (/* binding */ getNearestScrollableContainer),\n/* harmony export */   \"getShortcutKey\": () => (/* binding */ getShortcutKey),\n/* harmony export */   \"getSvgPathFromStroke\": () => (/* binding */ getSvgPathFromStroke),\n/* harmony export */   \"getUpdatedTimestamp\": () => (/* binding */ getUpdatedTimestamp),\n/* harmony export */   \"getVersion\": () => (/* binding */ getVersion),\n/* harmony export */   \"invariant\": () => (/* binding */ invariant),\n/* harmony export */   \"isAnyTrue\": () => (/* binding */ isAnyTrue),\n/* harmony export */   \"isDevEnv\": () => (/* binding */ isDevEnv),\n/* harmony export */   \"isFullScreen\": () => (/* binding */ isFullScreen),\n/* harmony export */   \"isInputLike\": () => (/* binding */ isInputLike),\n/* harmony export */   \"isInteractive\": () => (/* binding */ isInteractive),\n/* harmony export */   \"isMemberOf\": () => (/* binding */ isMemberOf),\n/* harmony export */   \"isPrimitive\": () => (/* binding */ isPrimitive),\n/* harmony export */   \"isPromiseLike\": () => (/* binding */ isPromiseLike),\n/* harmony export */   \"isRTL\": () => (/* binding */ isRTL),\n/* harmony export */   \"isRunningInIframe\": () => (/* binding */ isRunningInIframe),\n/* harmony export */   \"isServerEnv\": () => (/* binding */ isServerEnv),\n/* harmony export */   \"isShallowEqual\": () => (/* binding */ isShallowEqual),\n/* harmony export */   \"isTestEnv\": () => (/* binding */ isTestEnv),\n/* harmony export */   \"isToolIcon\": () => (/* binding */ isToolIcon),\n/* harmony export */   \"isTransparent\": () => (/* binding */ isTransparent),\n/* harmony export */   \"isWritableElement\": () => (/* binding */ isWritableElement),\n/* harmony export */   \"memoize\": () => (/* binding */ memoize),\n/* harmony export */   \"muteFSAbortError\": () => (/* binding */ muteFSAbortError),\n/* harmony export */   \"nFormatter\": () => (/* binding */ nFormatter),\n/* harmony export */   \"normalizeEOL\": () => (/* binding */ normalizeEOL),\n/* harmony export */   \"preventUnload\": () => (/* binding */ preventUnload),\n/* harmony export */   \"promiseTry\": () => (/* binding */ promiseTry),\n/* harmony export */   \"queryFocusableElements\": () => (/* binding */ queryFocusableElements),\n/* harmony export */   \"removeSelection\": () => (/* binding */ removeSelection),\n/* harmony export */   \"resolvablePromise\": () => (/* binding */ resolvablePromise),\n/* harmony export */   \"safelyParseJSON\": () => (/* binding */ safelyParseJSON),\n/* harmony export */   \"sceneCoordsToViewportCoords\": () => (/* binding */ sceneCoordsToViewportCoords),\n/* harmony export */   \"selectNode\": () => (/* binding */ selectNode),\n/* harmony export */   \"setDateTimeForTests\": () => (/* binding */ setDateTimeForTests),\n/* harmony export */   \"supportsEmoji\": () => (/* binding */ supportsEmoji),\n/* harmony export */   \"throttleRAF\": () => (/* binding */ throttleRAF),\n/* harmony export */   \"toBrandedType\": () => (/* binding */ toBrandedType),\n/* harmony export */   \"tupleToCoors\": () => (/* binding */ tupleToCoors),\n/* harmony export */   \"updateActiveTool\": () => (/* binding */ updateActiveTool),\n/* harmony export */   \"updateObject\": () => (/* binding */ updateObject),\n/* harmony export */   \"updateStable\": () => (/* binding */ updateStable),\n/* harmony export */   \"viewportCoordsToSceneCoords\": () => (/* binding */ viewportCoordsToSceneCoords),\n/* harmony export */   \"wrapEvent\": () => (/* binding */ wrapEvent)\n/* harmony export */ });\n/* harmony import */ var es6_promise_pool__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! es6-promise-pool */ \"../../node_modules/es6-promise-pool/es6-promise-pool.js\");\n/* harmony import */ var es6_promise_pool__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(es6_promise_pool__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../math */ \"../math/index.ts\");\n/* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./colors */ \"./colors.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constants */ \"./constants.ts\");\n\n\n\n\nlet mockDateTime = null;\nconst setDateTimeForTests = dateTime => {\n  mockDateTime = dateTime;\n};\nconst getDateTime = () => {\n  if (mockDateTime) {\n    return mockDateTime;\n  }\n\n  const date = new Date();\n  const year = date.getFullYear();\n  const month = `${date.getMonth() + 1}`.padStart(2, \"0\");\n  const day = `${date.getDate()}`.padStart(2, \"0\");\n  const hr = `${date.getHours()}`.padStart(2, \"0\");\n  const min = `${date.getMinutes()}`.padStart(2, \"0\");\n  return `${year}-${month}-${day}-${hr}${min}`;\n};\nconst capitalizeString = str => str.charAt(0).toUpperCase() + str.slice(1);\nconst isToolIcon = target => target instanceof HTMLElement && target.className.includes(\"ToolIcon\");\nconst isInputLike = target => target instanceof HTMLElement && target.dataset.type === \"wysiwyg\" || target instanceof HTMLBRElement || // newline in wysiwyg\ntarget instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement;\nconst isInteractive = target => {\n  return isInputLike(target) || target instanceof Element && !!target.closest(\"label, button\");\n};\nconst isWritableElement = target => target instanceof HTMLElement && target.dataset.type === \"wysiwyg\" || target instanceof HTMLBRElement || // newline in wysiwyg\ntarget instanceof HTMLTextAreaElement || target instanceof HTMLInputElement && (target.type === \"text\" || target.type === \"number\" || target.type === \"password\");\nconst getFontFamilyString = ({\n  fontFamily\n}) => {\n  for (const [fontFamilyString, id] of Object.entries(_constants__WEBPACK_IMPORTED_MODULE_3__.FONT_FAMILY)) {\n    if (id === fontFamily) {\n      // TODO: we should fallback first to generic family names first\n      return `${fontFamilyString}${(0,_constants__WEBPACK_IMPORTED_MODULE_3__.getFontFamilyFallbacks)(id).map(x => `, ${x}`).join(\"\")}`;\n    }\n  }\n\n  return _constants__WEBPACK_IMPORTED_MODULE_3__.WINDOWS_EMOJI_FALLBACK_FONT;\n};\n/** returns fontSize+fontFamily string for assignment to DOM elements */\n\nconst getFontString = ({\n  fontSize,\n  fontFamily\n}) => {\n  return `${fontSize}px ${getFontFamilyString({\n    fontFamily\n  })}`;\n};\nconst debounce = (fn, timeout) => {\n  let handle = 0;\n  let lastArgs = null;\n\n  const ret = (...args) => {\n    lastArgs = args;\n    clearTimeout(handle);\n    handle = window.setTimeout(() => {\n      lastArgs = null;\n      fn(...args);\n    }, timeout);\n  };\n\n  ret.flush = () => {\n    clearTimeout(handle);\n\n    if (lastArgs) {\n      const _lastArgs = lastArgs;\n      lastArgs = null;\n      fn(..._lastArgs);\n    }\n  };\n\n  ret.cancel = () => {\n    lastArgs = null;\n    clearTimeout(handle);\n  };\n\n  return ret;\n}; // throttle callback to execute once per animation frame\n\nconst throttleRAF = (fn, opts) => {\n  let timerId = null;\n  let lastArgs = null;\n  let lastArgsTrailing = null;\n\n  const scheduleFunc = args => {\n    timerId = window.requestAnimationFrame(() => {\n      timerId = null;\n      fn(...args);\n      lastArgs = null;\n\n      if (lastArgsTrailing) {\n        lastArgs = lastArgsTrailing;\n        lastArgsTrailing = null;\n        scheduleFunc(lastArgs);\n      }\n    });\n  };\n\n  const ret = (...args) => {\n    if (false) {}\n\n    lastArgs = args;\n\n    if (timerId === null) {\n      scheduleFunc(lastArgs);\n    } else if (opts === null || opts === void 0 ? void 0 : opts.trailing) {\n      lastArgsTrailing = args;\n    }\n  };\n\n  ret.flush = () => {\n    if (timerId !== null) {\n      cancelAnimationFrame(timerId);\n      timerId = null;\n    }\n\n    if (lastArgs) {\n      fn(...(lastArgsTrailing || lastArgs));\n      lastArgs = lastArgsTrailing = null;\n    }\n  };\n\n  ret.cancel = () => {\n    lastArgs = lastArgsTrailing = null;\n\n    if (timerId !== null) {\n      cancelAnimationFrame(timerId);\n      timerId = null;\n    }\n  };\n\n  return ret;\n};\n/**\r\n * Exponential ease-out method\r\n *\r\n * @param {number} k - The value to be tweened.\r\n * @returns {number} The tweened value.\r\n */\n\nconst easeOut = k => {\n  return 1 - Math.pow(1 - k, 4);\n};\n\nconst easeOutInterpolate = (from, to, progress) => {\n  return (to - from) * easeOut(progress) + from;\n};\n/**\r\n * Animates values from `fromValues` to `toValues` using the requestAnimationFrame API.\r\n * Executes the `onStep` callback on each step with the interpolated values.\r\n * Returns a function that can be called to cancel the animation.\r\n *\r\n * @example\r\n * // Example usage:\r\n * const fromValues = { x: 0, y: 0 };\r\n * const toValues = { x: 100, y: 200 };\r\n * const onStep = ({x, y}) => {\r\n *   setState(x, y)\r\n * };\r\n * const onCancel = () => {\r\n *   console.log(\"Animation canceled\");\r\n * };\r\n *\r\n * const cancelAnimation = easeToValuesRAF({\r\n *   fromValues,\r\n *   toValues,\r\n *   onStep,\r\n *   onCancel,\r\n * });\r\n *\r\n * // To cancel the animation:\r\n * cancelAnimation();\r\n */\n\n\nconst easeToValuesRAF = ({\n  fromValues,\n  toValues,\n  onStep,\n  duration = 250,\n  interpolateValue,\n  onStart,\n  onEnd,\n  onCancel\n}) => {\n  let canceled = false;\n  let frameId = 0;\n  let startTime;\n\n  function step(timestamp) {\n    if (canceled) {\n      return;\n    }\n\n    if (startTime === undefined) {\n      startTime = timestamp;\n      onStart === null || onStart === void 0 ? void 0 : onStart();\n    }\n\n    const elapsed = Math.min(timestamp - startTime, duration);\n    const factor = easeOut(elapsed / duration);\n    const newValues = {};\n    Object.keys(fromValues).forEach(key => {\n      const _key = key;\n      const result = (toValues[_key] - fromValues[_key]) * factor + fromValues[_key];\n      newValues[_key] = result;\n    });\n    onStep(newValues);\n\n    if (elapsed < duration) {\n      const progress = elapsed / duration;\n      const newValues = {};\n      Object.keys(fromValues).forEach(key => {\n        const _key = key;\n        const startValue = fromValues[_key];\n        const endValue = toValues[_key];\n        let result;\n        result = interpolateValue ? interpolateValue(startValue, endValue, progress, _key) : easeOutInterpolate(startValue, endValue, progress);\n\n        if (result == null) {\n          result = easeOutInterpolate(startValue, endValue, progress);\n        }\n\n        newValues[_key] = result;\n      });\n      onStep(newValues);\n      frameId = window.requestAnimationFrame(step);\n    } else {\n      onStep(toValues);\n      onEnd === null || onEnd === void 0 ? void 0 : onEnd();\n    }\n  }\n\n  frameId = window.requestAnimationFrame(step);\n  return () => {\n    onCancel === null || onCancel === void 0 ? void 0 : onCancel();\n    canceled = true;\n    window.cancelAnimationFrame(frameId);\n  };\n}; // https://github.com/lodash/lodash/blob/es/chunk.js\n\nconst chunk = (array, size) => {\n  if (!array.length || size < 1) {\n    return [];\n  }\n\n  let index = 0;\n  let resIndex = 0;\n  const result = Array(Math.ceil(array.length / size));\n\n  while (index < array.length) {\n    result[resIndex++] = array.slice(index, index += size);\n  }\n\n  return result;\n};\nconst selectNode = node => {\n  const selection = window.getSelection();\n\n  if (selection) {\n    const range = document.createRange();\n    range.selectNodeContents(node);\n    selection.removeAllRanges();\n    selection.addRange(range);\n  }\n};\nconst removeSelection = () => {\n  const selection = window.getSelection();\n\n  if (selection) {\n    selection.removeAllRanges();\n  }\n};\nconst distance = (x, y) => Math.abs(x - y);\nconst updateActiveTool = (appState, data) => {\n  var _a, _b;\n\n  if (data.type === \"custom\") {\n    return Object.assign(Object.assign({}, appState.activeTool), {\n      type: \"custom\",\n      customType: data.customType,\n      locked: (_a = data.locked) !== null && _a !== void 0 ? _a : appState.activeTool.locked\n    });\n  }\n\n  return Object.assign(Object.assign({}, appState.activeTool), {\n    lastActiveTool: data.lastActiveToolBeforeEraser === undefined ? appState.activeTool.lastActiveTool : data.lastActiveToolBeforeEraser,\n    type: data.type,\n    customType: null,\n    locked: (_b = data.locked) !== null && _b !== void 0 ? _b : appState.activeTool.locked\n  });\n};\nconst isFullScreen = () => {\n  var _a;\n\n  return ((_a = document.fullscreenElement) === null || _a === void 0 ? void 0 : _a.nodeName) === \"HTML\";\n};\nconst allowFullScreen = () => document.documentElement.requestFullscreen();\nconst exitFullScreen = () => document.exitFullscreen();\nconst getShortcutKey = shortcut => {\n  shortcut = shortcut.replace(/\\bAlt\\b/i, \"Alt\").replace(/\\bShift\\b/i, \"Shift\").replace(/\\b(Enter|Return)\\b/i, \"Enter\");\n\n  if (_constants__WEBPACK_IMPORTED_MODULE_3__.isDarwin) {\n    return shortcut.replace(/\\bCtrlOrCmd\\b/gi, \"Cmd\").replace(/\\bAlt\\b/i, \"Option\");\n  }\n\n  return shortcut.replace(/\\bCtrlOrCmd\\b/gi, \"Ctrl\");\n};\nconst viewportCoordsToSceneCoords = ({\n  clientX,\n  clientY\n}, {\n  zoom,\n  offsetLeft,\n  offsetTop,\n  scrollX,\n  scrollY\n}) => {\n  const x = (clientX - offsetLeft) / zoom.value - scrollX;\n  const y = (clientY - offsetTop) / zoom.value - scrollY;\n  return {\n    x,\n    y\n  };\n};\nconst sceneCoordsToViewportCoords = ({\n  sceneX,\n  sceneY\n}, {\n  zoom,\n  offsetLeft,\n  offsetTop,\n  scrollX,\n  scrollY\n}) => {\n  const x = (sceneX + scrollX) * zoom.value + offsetLeft;\n  const y = (sceneY + scrollY) * zoom.value + offsetTop;\n  return {\n    x,\n    y\n  };\n};\nconst getGlobalCSSVariable = name => getComputedStyle(document.documentElement).getPropertyValue(`--${name}`);\nconst RS_LTR_CHARS = \"A-Za-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02B8\\u0300-\\u0590\\u0800-\\u1FFF\" + \"\\u2C00-\\uFB1C\\uFDFE-\\uFE6F\\uFEFD-\\uFFFF\";\nconst RS_RTL_CHARS = \"\\u0591-\\u07FF\\uFB1D-\\uFDFD\\uFE70-\\uFEFC\";\nconst RE_RTL_CHECK = new RegExp(`^[^${RS_LTR_CHARS}]*[${RS_RTL_CHARS}]`);\n/**\r\n * Checks whether first directional character is RTL. Meaning whether it starts\r\n *  with RTL characters, or indeterminate (numbers etc.) characters followed by\r\n *  RTL.\r\n * See https://github.com/excalidraw/excalidraw/pull/1722#discussion_r436340171\r\n */\n\nconst isRTL = text => RE_RTL_CHECK.test(text);\nconst tupleToCoors = xyTuple => {\n  const [x, y] = xyTuple;\n  return {\n    x,\n    y\n  };\n};\n/** use as a rejectionHandler to mute filesystem Abort errors */\n\nconst muteFSAbortError = error => {\n  if ((error === null || error === void 0 ? void 0 : error.name) === \"AbortError\") {\n    console.warn(error);\n    return;\n  }\n\n  throw error;\n};\nconst findIndex = (array, cb, fromIndex = 0) => {\n  if (fromIndex < 0) {\n    fromIndex = array.length + fromIndex;\n  }\n\n  fromIndex = Math.min(array.length, Math.max(fromIndex, 0));\n  let index = fromIndex - 1;\n\n  while (++index < array.length) {\n    if (cb(array[index], index, array)) {\n      return index;\n    }\n  }\n\n  return -1;\n};\nconst findLastIndex = (array, cb, fromIndex = array.length - 1) => {\n  if (fromIndex < 0) {\n    fromIndex = array.length + fromIndex;\n  }\n\n  fromIndex = Math.min(array.length - 1, Math.max(fromIndex, 0));\n  let index = fromIndex + 1;\n\n  while (--index > -1) {\n    if (cb(array[index], index, array)) {\n      return index;\n    }\n  }\n\n  return -1;\n};\nconst isTransparent = color => {\n  const isRGBTransparent = color.length === 5 && color.substr(4, 1) === \"0\";\n  const isRRGGBBTransparent = color.length === 9 && color.substr(7, 2) === \"00\";\n  return isRGBTransparent || isRRGGBBTransparent || color === _colors__WEBPACK_IMPORTED_MODULE_2__.COLOR_PALETTE.transparent;\n};\nconst resolvablePromise = () => {\n  let resolve;\n  let reject;\n  const promise = new Promise((_resolve, _reject) => {\n    resolve = _resolve;\n    reject = _reject;\n  });\n  promise.resolve = resolve;\n  promise.reject = reject;\n  return promise;\n}; //https://stackoverflow.com/a/9462382/8418\n\nconst nFormatter = (num, digits) => {\n  const si = [{\n    value: 1,\n    symbol: \"b\"\n  }, {\n    value: 1e3,\n    symbol: \"k\"\n  }, {\n    value: 1e6,\n    symbol: \"M\"\n  }, {\n    value: 1e9,\n    symbol: \"G\"\n  }];\n  const rx = /\\.0+$|(\\.[0-9]*[1-9])0+$/;\n  let index;\n\n  for (index = si.length - 1; index > 0; index--) {\n    if (num >= si[index].value) {\n      break;\n    }\n  }\n\n  return (num / si[index].value).toFixed(digits).replace(rx, \"$1\") + si[index].symbol;\n};\nconst getVersion = () => {\n  var _a;\n\n  return ((_a = document.querySelector('meta[name=\"version\"]')) === null || _a === void 0 ? void 0 : _a.content) || _constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULT_VERSION;\n}; // Adapted from https://github.com/Modernizr/Modernizr/blob/master/feature-detects/emoji.js\n\nconst supportsEmoji = () => {\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n\n  if (!ctx) {\n    return false;\n  }\n\n  const offset = 12;\n  ctx.fillStyle = \"#f00\";\n  ctx.textBaseline = \"top\";\n  ctx.font = \"32px Arial\"; // Modernizr used 🐨, but it is sort of supported on Windows 7.\n  // Luckily 😀 isn't supported.\n\n  ctx.fillText(\"😀\", 0, 0);\n  return ctx.getImageData(offset, offset, 1, 1).data[0] !== 0;\n};\nconst getNearestScrollableContainer = element => {\n  let parent = element.parentElement;\n\n  while (parent) {\n    if (parent === document.body) {\n      return document;\n    }\n\n    const {\n      overflowY\n    } = window.getComputedStyle(parent);\n    const hasScrollableContent = parent.scrollHeight > parent.clientHeight;\n\n    if (hasScrollableContent && (overflowY === \"auto\" || overflowY === \"scroll\" || overflowY === \"overlay\")) {\n      return parent;\n    }\n\n    parent = parent.parentElement;\n  }\n\n  return document;\n};\nconst focusNearestParent = element => {\n  let parent = element.parentElement;\n\n  while (parent) {\n    if (parent.tabIndex > -1) {\n      parent.focus();\n      return;\n    }\n\n    parent = parent.parentElement;\n  }\n};\nconst preventUnload = event => {\n  event.preventDefault(); // NOTE: modern browsers no longer allow showing a custom message here\n\n  event.returnValue = \"\";\n};\nconst bytesToHexString = bytes => {\n  return Array.from(bytes).map(byte => `0${byte.toString(16)}`.slice(-2)).join(\"\");\n};\nconst getUpdatedTimestamp = () => isTestEnv() ? 1 : Date.now();\n/**\r\n * Transforms array of objects containing `id` attribute,\r\n * or array of ids (strings), into a Map, keyd by `id`.\r\n */\n\nconst arrayToMap = items => {\n  if (items instanceof Map) {\n    return items;\n  }\n\n  return items.reduce((acc, element) => {\n    acc.set(typeof element === \"string\" ? element : element.id, element);\n    return acc;\n  }, new Map());\n};\nconst arrayToMapWithIndex = elements => elements.reduce((acc, element, idx) => {\n  acc.set(element.id, [element, idx]);\n  return acc;\n}, new Map());\n/**\r\n * Transform array into an object, use only when array order is irrelevant.\r\n */\n\nconst arrayToObject = (array, groupBy) => array.reduce((acc, value) => {\n  acc[groupBy ? groupBy(value) : String(value)] = value;\n  return acc;\n}, {});\n/**\r\n * Creates a circular doubly linked list by adding `prev` and `next` props to the existing array nodes.\r\n */\n\nconst arrayToList = array => array.reduce((acc, curr, index) => {\n  const node = Object.assign(Object.assign({}, curr), {\n    prev: null,\n    next: null\n  }); // no-op for first item, we don't want circular references on a single item\n\n  if (index !== 0) {\n    const prevNode = acc[index - 1];\n    node.prev = prevNode;\n    prevNode.next = node;\n\n    if (index === array.length - 1) {\n      // make the references circular and connect head & tail\n      const firstNode = acc[0];\n      node.next = firstNode;\n      firstNode.prev = node;\n    }\n  }\n\n  acc.push(node);\n  return acc;\n}, []);\nconst isTestEnv = () => \"development\" === \"test\";\nconst isDevEnv = () => \"development\" === \"development\";\nconst isServerEnv = () => {\n  var _a;\n\n  return typeof process !== \"undefined\" && !!((_a = process === null || process === void 0 ? void 0 : ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.17.6-23\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true})) === null || _a === void 0 ? void 0 : _a.NODE_ENV);\n};\nconst wrapEvent = (name, nativeEvent) => {\n  return new CustomEvent(name, {\n    detail: {\n      nativeEvent\n    },\n    cancelable: true\n  });\n};\nconst updateObject = (obj, updates) => {\n  let didChange = false;\n\n  for (const key in updates) {\n    const value = updates[key];\n\n    if (typeof value !== \"undefined\") {\n      if (obj[key] === value && ( // if object, always update because its attrs could have changed\n      typeof value !== \"object\" || value === null)) {\n        continue;\n      }\n\n      didChange = true;\n    }\n  }\n\n  if (!didChange) {\n    return obj;\n  }\n\n  return Object.assign(Object.assign({}, obj), updates);\n};\nconst isPrimitive = val => {\n  const type = typeof val;\n  return val == null || type !== \"object\" && type !== \"function\";\n};\nconst getFrame = () => {\n  try {\n    return window.self === window.top ? \"top\" : \"iframe\";\n  } catch (error) {\n    return \"iframe\";\n  }\n};\nconst isRunningInIframe = () => getFrame() === \"iframe\";\nconst isPromiseLike = value => {\n  return !!value && typeof value === \"object\" && \"then\" in value && \"catch\" in value && \"finally\" in value;\n};\nconst queryFocusableElements = container => {\n  const focusableElements = container === null || container === void 0 ? void 0 : container.querySelectorAll(\"button, a, input, select, textarea, div[tabindex], label[tabindex]\");\n  return focusableElements ? Array.from(focusableElements).filter(element => element.tabIndex > -1 && !element.disabled) : [];\n};\n/** use as a fallback after identity check (for perf reasons) */\n\nconst _defaultIsShallowComparatorFallback = (a, b) => {\n  // consider two empty arrays equal\n  if (Array.isArray(a) && Array.isArray(b) && a.length === 0 && b.length === 0) {\n    return true;\n  }\n\n  return a === b;\n};\n/**\r\n * Returns whether object/array is shallow equal.\r\n * Considers empty object/arrays as equal (whether top-level or second-level).\r\n */\n\n\nconst isShallowEqual = (objA, objB, comparators, debug = false) => {\n  const aKeys = Object.keys(objA);\n  const bKeys = Object.keys(objB);\n\n  if (aKeys.length !== bKeys.length) {\n    if (debug) {\n      console.warn(`%cisShallowEqual: objects don't have same properties ->`, \"color: #8B4000\", objA, objB);\n    }\n\n    return false;\n  }\n\n  if (comparators && Array.isArray(comparators)) {\n    for (const key of comparators) {\n      const ret = objA[key] === objB[key] || _defaultIsShallowComparatorFallback(objA[key], objB[key]);\n\n      if (!ret) {\n        if (debug) {\n          console.warn(`%cisShallowEqual: ${key} not equal ->`, \"color: #8B4000\", objA[key], objB[key]);\n        }\n\n        return false;\n      }\n    }\n\n    return true;\n  }\n\n  return aKeys.every(key => {\n    const comparator = comparators === null || comparators === void 0 ? void 0 : comparators[key];\n    const ret = comparator ? comparator(objA[key], objB[key]) : objA[key] === objB[key] || _defaultIsShallowComparatorFallback(objA[key], objB[key]);\n\n    if (!ret && debug) {\n      console.warn(`%cisShallowEqual: ${key} not equal ->`, \"color: #8B4000\", objA[key], objB[key]);\n    }\n\n    return ret;\n  });\n}; // taken from Radix UI\n// https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx\n\nconst composeEventHandlers = (originalEventHandler, ourEventHandler, {\n  checkForDefaultPrevented = true\n} = {}) => {\n  return function handleEvent(event) {\n    originalEventHandler === null || originalEventHandler === void 0 ? void 0 : originalEventHandler(event);\n\n    if (!checkForDefaultPrevented || !(event === null || event === void 0 ? void 0 : event.defaultPrevented)) {\n      return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);\n    }\n  };\n};\n/**\r\n * supply `null` as message if non-never value is valid, you just need to\r\n * typecheck against it\r\n */\n\nconst assertNever = (value, message, softAssert) => {\n  if (!message) {\n    return value;\n  }\n\n  if (softAssert) {\n    console.error(message);\n    return value;\n  }\n\n  throw new Error(message);\n};\nfunction invariant(condition, message) {\n  if (!condition) {\n    throw new Error(message);\n  }\n}\n/**\r\n * Memoizes on values of `opts` object (strict equality).\r\n */\n\nconst memoize = func => {\n  let lastArgs;\n  let lastResult;\n\n  const ret = function (opts) {\n    const currentArgs = Object.entries(opts);\n\n    if (lastArgs) {\n      let argsAreEqual = true;\n\n      for (const [key, value] of currentArgs) {\n        if (lastArgs.get(key) !== value) {\n          argsAreEqual = false;\n          break;\n        }\n      }\n\n      if (argsAreEqual) {\n        return lastResult;\n      }\n    }\n\n    const result = func(opts);\n    lastArgs = new Map(currentArgs);\n    lastResult = result;\n    return result;\n  };\n\n  ret.clear = () => {\n    lastArgs = undefined;\n    lastResult = undefined;\n  };\n\n  return ret;\n};\n/** Checks if value is inside given collection. Useful for type-safety. */\n\nconst isMemberOf = (\n/** Set/Map/Array/Object */\ncollection,\n/** value to look for */\nvalue) => {\n  return collection instanceof Set || collection instanceof Map ? collection.has(value) : \"includes\" in collection ? collection.includes(value) : collection.hasOwnProperty(value);\n};\nconst cloneJSON = obj => JSON.parse(JSON.stringify(obj));\nconst updateStable = (prevValue, nextValue) => {\n  if (isShallowEqual(prevValue, nextValue)) {\n    return prevValue;\n  }\n\n  return nextValue;\n}; // implem\n\nfunction addEventListener(\n/**\r\n * allows for falsy values so you don't have to type check when adding\r\n * event listeners to optional elements\r\n */\ntarget, type, listener, options) {\n  var _a;\n\n  if (!target) {\n    return () => {};\n  }\n\n  (_a = target === null || target === void 0 ? void 0 : target.addEventListener) === null || _a === void 0 ? void 0 : _a.call(target, type, listener, options);\n  return () => {\n    var _a;\n\n    (_a = target === null || target === void 0 ? void 0 : target.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(target, type, listener, options);\n  };\n}\nfunction getSvgPathFromStroke(points, closed = true) {\n  const len = points.length;\n\n  if (len < 4) {\n    return ``;\n  }\n\n  let a = points[0];\n  let b = points[1];\n  const c = points[2];\n  let result = `M${a[0].toFixed(2)},${a[1].toFixed(2)} Q${b[0].toFixed(2)},${b[1].toFixed(2)} ${(0,_math__WEBPACK_IMPORTED_MODULE_1__.average)(b[0], c[0]).toFixed(2)},${(0,_math__WEBPACK_IMPORTED_MODULE_1__.average)(b[1], c[1]).toFixed(2)} T`;\n\n  for (let i = 2, max = len - 1; i < max; i++) {\n    a = points[i];\n    b = points[i + 1];\n    result += `${(0,_math__WEBPACK_IMPORTED_MODULE_1__.average)(a[0], b[0]).toFixed(2)},${(0,_math__WEBPACK_IMPORTED_MODULE_1__.average)(a[1], b[1]).toFixed(2)} `;\n  }\n\n  if (closed) {\n    result += \"Z\";\n  }\n\n  return result;\n}\nconst normalizeEOL = str => {\n  return str.replace(/\\r?\\n|\\r/g, \"\\n\");\n};\n/**\r\n * Makes type into a branded type, ensuring that value is assignable to\r\n * the base ubranded type. Optionally you can explicitly supply current value\r\n * type to combine both (useful for composite branded types. Make sure you\r\n * compose branded types which are not composite themselves.)\r\n */\n\nconst toBrandedType = value => {\n  return value;\n}; // -----------------------------------------------------------------------------\n// Promise.try, adapted from https://github.com/sindresorhus/p-try\n\nconst promiseTry = async (fn, ...args) => {\n  return new Promise(resolve => {\n    resolve(fn(...args));\n  });\n};\nconst isAnyTrue = (...args) => Math.max(...args.map(arg => arg ? 1 : 0)) > 0;\nconst safelyParseJSON = json => {\n  try {\n    return JSON.parse(json);\n  } catch (_a) {\n    return null;\n  }\n};\nclass PromisePool {\n  constructor(source, concurrency) {\n    this.entries = {};\n    this.pool = new (es6_promise_pool__WEBPACK_IMPORTED_MODULE_0___default())(source, concurrency);\n  }\n\n  all() {\n    const listener = event => {\n      if (event.data.result) {\n        // by default pool does not return the results, so we are gathering them manually\n        // with the correct call order (represented by the index in the tuple)\n        const [index, value] = event.data.result;\n        this.entries[index] = value;\n      }\n    };\n\n    this.pool.addEventListener(\"fulfilled\", listener);\n    return this.pool.start().then(() => {\n      setTimeout(() => {\n        this.pool.removeEventListener(\"fulfilled\", listener);\n      });\n      return Object.values(this.entries);\n    });\n  }\n\n}\n\n//# sourceURL=webpack://ExcalidrawLib/./utils.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PromisePool\": () => (/* binding */ PromisePool),\n/* harmony export */   \"addEventListener\": () => (/* binding */ addEventListener),\n/* harmony export */   \"allowFullScreen\": () => (/* binding */ allowFullScreen),\n/* harmony export */   \"arrayToList\": () => (/* binding */ arrayToList),\n/* harmony export */   \"arrayToMap\": () => (/* binding */ arrayToMap),\n/* harmony export */   \"arrayToMapWithIndex\": () => (/* binding */ arrayToMapWithIndex),\n/* harmony export */   \"arrayToObject\": () => (/* binding */ arrayToObject),\n/* harmony export */   \"assertNever\": () => (/* binding */ assertNever),\n/* harmony export */   \"bytesToHexString\": () => (/* binding */ bytesToHexString),\n/* harmony export */   \"capitalizeString\": () => (/* binding */ capitalizeString),\n/* harmony export */   \"chunk\": () => (/* binding */ chunk),\n/* harmony export */   \"cloneJSON\": () => (/* binding */ cloneJSON),\n/* harmony export */   \"composeEventHandlers\": () => (/* binding */ composeEventHandlers),\n/* harmony export */   \"debounce\": () => (/* binding */ debounce),\n/* harmony export */   \"distance\": () => (/* binding */ distance),\n/* harmony export */   \"easeOut\": () => (/* binding */ easeOut),\n/* harmony export */   \"easeToValuesRAF\": () => (/* binding */ easeToValuesRAF),\n/* harmony export */   \"exitFullScreen\": () => (/* binding */ exitFullScreen),\n/* harmony export */   \"findIndex\": () => (/* binding */ findIndex),\n/* harmony export */   \"findLastIndex\": () => (/* binding */ findLastIndex),\n/* harmony export */   \"focusNearestParent\": () => (/* binding */ focusNearestParent),\n/* harmony export */   \"getDateTime\": () => (/* binding */ getDateTime),\n/* harmony export */   \"getFontFamilyString\": () => (/* binding */ getFontFamilyString),\n/* harmony export */   \"getFontString\": () => (/* binding */ getFontString),\n/* harmony export */   \"getFrame\": () => (/* binding */ getFrame),\n/* harmony export */   \"getGlobalCSSVariable\": () => (/* binding */ getGlobalCSSVariable),\n/* harmony export */   \"getNearestScrollableContainer\": () => (/* binding */ getNearestScrollableContainer),\n/* harmony export */   \"getShortcutKey\": () => (/* binding */ getShortcutKey),\n/* harmony export */   \"getSvgPathFromStroke\": () => (/* binding */ getSvgPathFromStroke),\n/* harmony export */   \"getUpdatedTimestamp\": () => (/* binding */ getUpdatedTimestamp),\n/* harmony export */   \"getVersion\": () => (/* binding */ getVersion),\n/* harmony export */   \"invariant\": () => (/* binding */ invariant),\n/* harmony export */   \"isAnyTrue\": () => (/* binding */ isAnyTrue),\n/* harmony export */   \"isDevEnv\": () => (/* binding */ isDevEnv),\n/* harmony export */   \"isFullScreen\": () => (/* binding */ isFullScreen),\n/* harmony export */   \"isInputLike\": () => (/* binding */ isInputLike),\n/* harmony export */   \"isInteractive\": () => (/* binding */ isInteractive),\n/* harmony export */   \"isMemberOf\": () => (/* binding */ isMemberOf),\n/* harmony export */   \"isPrimitive\": () => (/* binding */ isPrimitive),\n/* harmony export */   \"isPromiseLike\": () => (/* binding */ isPromiseLike),\n/* harmony export */   \"isRTL\": () => (/* binding */ isRTL),\n/* harmony export */   \"isRunningInIframe\": () => (/* binding */ isRunningInIframe),\n/* harmony export */   \"isServerEnv\": () => (/* binding */ isServerEnv),\n/* harmony export */   \"isShallowEqual\": () => (/* binding */ isShallowEqual),\n/* harmony export */   \"isTestEnv\": () => (/* binding */ isTestEnv),\n/* harmony export */   \"isToolIcon\": () => (/* binding */ isToolIcon),\n/* harmony export */   \"isTransparent\": () => (/* binding */ isTransparent),\n/* harmony export */   \"isWritableElement\": () => (/* binding */ isWritableElement),\n/* harmony export */   \"memoize\": () => (/* binding */ memoize),\n/* harmony export */   \"muteFSAbortError\": () => (/* binding */ muteFSAbortError),\n/* harmony export */   \"nFormatter\": () => (/* binding */ nFormatter),\n/* harmony export */   \"normalizeEOL\": () => (/* binding */ normalizeEOL),\n/* harmony export */   \"preventUnload\": () => (/* binding */ preventUnload),\n/* harmony export */   \"promiseTry\": () => (/* binding */ promiseTry),\n/* harmony export */   \"queryFocusableElements\": () => (/* binding */ queryFocusableElements),\n/* harmony export */   \"removeSelection\": () => (/* binding */ removeSelection),\n/* harmony export */   \"resolvablePromise\": () => (/* binding */ resolvablePromise),\n/* harmony export */   \"safelyParseJSON\": () => (/* binding */ safelyParseJSON),\n/* harmony export */   \"sceneCoordsToViewportCoords\": () => (/* binding */ sceneCoordsToViewportCoords),\n/* harmony export */   \"selectNode\": () => (/* binding */ selectNode),\n/* harmony export */   \"setDateTimeForTests\": () => (/* binding */ setDateTimeForTests),\n/* harmony export */   \"supportsEmoji\": () => (/* binding */ supportsEmoji),\n/* harmony export */   \"throttleRAF\": () => (/* binding */ throttleRAF),\n/* harmony export */   \"toBrandedType\": () => (/* binding */ toBrandedType),\n/* harmony export */   \"tupleToCoors\": () => (/* binding */ tupleToCoors),\n/* harmony export */   \"updateActiveTool\": () => (/* binding */ updateActiveTool),\n/* harmony export */   \"updateObject\": () => (/* binding */ updateObject),\n/* harmony export */   \"updateStable\": () => (/* binding */ updateStable),\n/* harmony export */   \"viewportCoordsToSceneCoords\": () => (/* binding */ viewportCoordsToSceneCoords),\n/* harmony export */   \"wrapEvent\": () => (/* binding */ wrapEvent)\n/* harmony export */ });\n/* harmony import */ var es6_promise_pool__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! es6-promise-pool */ \"../../node_modules/es6-promise-pool/es6-promise-pool.js\");\n/* harmony import */ var es6_promise_pool__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(es6_promise_pool__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../math */ \"../math/index.ts\");\n/* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./colors */ \"./colors.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constants */ \"./constants.ts\");\n\n\n\n\nlet mockDateTime = null;\nconst setDateTimeForTests = dateTime => {\n  mockDateTime = dateTime;\n};\nconst getDateTime = () => {\n  if (mockDateTime) {\n    return mockDateTime;\n  }\n\n  const date = new Date();\n  const year = date.getFullYear();\n  const month = `${date.getMonth() + 1}`.padStart(2, \"0\");\n  const day = `${date.getDate()}`.padStart(2, \"0\");\n  const hr = `${date.getHours()}`.padStart(2, \"0\");\n  const min = `${date.getMinutes()}`.padStart(2, \"0\");\n  return `${year}-${month}-${day}-${hr}${min}`;\n};\nconst capitalizeString = str => str.charAt(0).toUpperCase() + str.slice(1);\nconst isToolIcon = target => target instanceof HTMLElement && target.className.includes(\"ToolIcon\");\nconst isInputLike = target => target instanceof HTMLElement && target.dataset.type === \"wysiwyg\" || target instanceof HTMLBRElement || // newline in wysiwyg\ntarget instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement;\nconst isInteractive = target => {\n  return isInputLike(target) || target instanceof Element && !!target.closest(\"label, button\");\n};\nconst isWritableElement = target => target instanceof HTMLElement && target.dataset.type === \"wysiwyg\" || target instanceof HTMLBRElement || // newline in wysiwyg\ntarget instanceof HTMLTextAreaElement || target instanceof HTMLInputElement && (target.type === \"text\" || target.type === \"number\" || target.type === \"password\");\nconst getFontFamilyString = ({\n  fontFamily\n}) => {\n  for (const [fontFamilyString, id] of Object.entries(_constants__WEBPACK_IMPORTED_MODULE_3__.FONT_FAMILY)) {\n    if (id === fontFamily) {\n      // TODO: we should fallback first to generic family names first\n      return `${fontFamilyString}${(0,_constants__WEBPACK_IMPORTED_MODULE_3__.getFontFamilyFallbacks)(id).map(x => `, ${x}`).join(\"\")}`;\n    }\n  }\n\n  return _constants__WEBPACK_IMPORTED_MODULE_3__.WINDOWS_EMOJI_FALLBACK_FONT;\n};\n/** returns fontSize+fontFamily string for assignment to DOM elements */\n\nconst getFontString = ({\n  fontSize,\n  fontFamily\n}) => {\n  return `${fontSize}px ${getFontFamilyString({\n    fontFamily\n  })}`;\n};\nconst debounce = (fn, timeout) => {\n  let handle = 0;\n  let lastArgs = null;\n\n  const ret = (...args) => {\n    lastArgs = args;\n    clearTimeout(handle);\n    handle = window.setTimeout(() => {\n      lastArgs = null;\n      fn(...args);\n    }, timeout);\n  };\n\n  ret.flush = () => {\n    clearTimeout(handle);\n\n    if (lastArgs) {\n      const _lastArgs = lastArgs;\n      lastArgs = null;\n      fn(..._lastArgs);\n    }\n  };\n\n  ret.cancel = () => {\n    lastArgs = null;\n    clearTimeout(handle);\n  };\n\n  return ret;\n}; // throttle callback to execute once per animation frame\n\nconst throttleRAF = (fn, opts) => {\n  let timerId = null;\n  let lastArgs = null;\n  let lastArgsTrailing = null;\n\n  const scheduleFunc = args => {\n    timerId = window.requestAnimationFrame(() => {\n      timerId = null;\n      fn(...args);\n      lastArgs = null;\n\n      if (lastArgsTrailing) {\n        lastArgs = lastArgsTrailing;\n        lastArgsTrailing = null;\n        scheduleFunc(lastArgs);\n      }\n    });\n  };\n\n  const ret = (...args) => {\n    if (false) {}\n\n    lastArgs = args;\n\n    if (timerId === null) {\n      scheduleFunc(lastArgs);\n    } else if (opts === null || opts === void 0 ? void 0 : opts.trailing) {\n      lastArgsTrailing = args;\n    }\n  };\n\n  ret.flush = () => {\n    if (timerId !== null) {\n      cancelAnimationFrame(timerId);\n      timerId = null;\n    }\n\n    if (lastArgs) {\n      fn(...(lastArgsTrailing || lastArgs));\n      lastArgs = lastArgsTrailing = null;\n    }\n  };\n\n  ret.cancel = () => {\n    lastArgs = lastArgsTrailing = null;\n\n    if (timerId !== null) {\n      cancelAnimationFrame(timerId);\n      timerId = null;\n    }\n  };\n\n  return ret;\n};\n/**\r\n * Exponential ease-out method\r\n *\r\n * @param {number} k - The value to be tweened.\r\n * @returns {number} The tweened value.\r\n */\n\nconst easeOut = k => {\n  return 1 - Math.pow(1 - k, 4);\n};\n\nconst easeOutInterpolate = (from, to, progress) => {\n  return (to - from) * easeOut(progress) + from;\n};\n/**\r\n * Animates values from `fromValues` to `toValues` using the requestAnimationFrame API.\r\n * Executes the `onStep` callback on each step with the interpolated values.\r\n * Returns a function that can be called to cancel the animation.\r\n *\r\n * @example\r\n * // Example usage:\r\n * const fromValues = { x: 0, y: 0 };\r\n * const toValues = { x: 100, y: 200 };\r\n * const onStep = ({x, y}) => {\r\n *   setState(x, y)\r\n * };\r\n * const onCancel = () => {\r\n *   console.log(\"Animation canceled\");\r\n * };\r\n *\r\n * const cancelAnimation = easeToValuesRAF({\r\n *   fromValues,\r\n *   toValues,\r\n *   onStep,\r\n *   onCancel,\r\n * });\r\n *\r\n * // To cancel the animation:\r\n * cancelAnimation();\r\n */\n\n\nconst easeToValuesRAF = ({\n  fromValues,\n  toValues,\n  onStep,\n  duration = 250,\n  interpolateValue,\n  onStart,\n  onEnd,\n  onCancel\n}) => {\n  let canceled = false;\n  let frameId = 0;\n  let startTime;\n\n  function step(timestamp) {\n    if (canceled) {\n      return;\n    }\n\n    if (startTime === undefined) {\n      startTime = timestamp;\n      onStart === null || onStart === void 0 ? void 0 : onStart();\n    }\n\n    const elapsed = Math.min(timestamp - startTime, duration);\n    const factor = easeOut(elapsed / duration);\n    const newValues = {};\n    Object.keys(fromValues).forEach(key => {\n      const _key = key;\n      const result = (toValues[_key] - fromValues[_key]) * factor + fromValues[_key];\n      newValues[_key] = result;\n    });\n    onStep(newValues);\n\n    if (elapsed < duration) {\n      const progress = elapsed / duration;\n      const newValues = {};\n      Object.keys(fromValues).forEach(key => {\n        const _key = key;\n        const startValue = fromValues[_key];\n        const endValue = toValues[_key];\n        let result;\n        result = interpolateValue ? interpolateValue(startValue, endValue, progress, _key) : easeOutInterpolate(startValue, endValue, progress);\n\n        if (result == null) {\n          result = easeOutInterpolate(startValue, endValue, progress);\n        }\n\n        newValues[_key] = result;\n      });\n      onStep(newValues);\n      frameId = window.requestAnimationFrame(step);\n    } else {\n      onStep(toValues);\n      onEnd === null || onEnd === void 0 ? void 0 : onEnd();\n    }\n  }\n\n  frameId = window.requestAnimationFrame(step);\n  return () => {\n    onCancel === null || onCancel === void 0 ? void 0 : onCancel();\n    canceled = true;\n    window.cancelAnimationFrame(frameId);\n  };\n}; // https://github.com/lodash/lodash/blob/es/chunk.js\n\nconst chunk = (array, size) => {\n  if (!array.length || size < 1) {\n    return [];\n  }\n\n  let index = 0;\n  let resIndex = 0;\n  const result = Array(Math.ceil(array.length / size));\n\n  while (index < array.length) {\n    result[resIndex++] = array.slice(index, index += size);\n  }\n\n  return result;\n};\nconst selectNode = node => {\n  const selection = window.getSelection();\n\n  if (selection) {\n    const range = document.createRange();\n    range.selectNodeContents(node);\n    selection.removeAllRanges();\n    selection.addRange(range);\n  }\n};\nconst removeSelection = () => {\n  const selection = window.getSelection();\n\n  if (selection) {\n    selection.removeAllRanges();\n  }\n};\nconst distance = (x, y) => Math.abs(x - y);\nconst updateActiveTool = (appState, data) => {\n  var _a, _b;\n\n  if (data.type === \"custom\") {\n    return Object.assign(Object.assign({}, appState.activeTool), {\n      type: \"custom\",\n      customType: data.customType,\n      locked: (_a = data.locked) !== null && _a !== void 0 ? _a : appState.activeTool.locked\n    });\n  }\n\n  return Object.assign(Object.assign({}, appState.activeTool), {\n    lastActiveTool: data.lastActiveToolBeforeEraser === undefined ? appState.activeTool.lastActiveTool : data.lastActiveToolBeforeEraser,\n    type: data.type,\n    customType: null,\n    locked: (_b = data.locked) !== null && _b !== void 0 ? _b : appState.activeTool.locked\n  });\n};\nconst isFullScreen = () => {\n  var _a;\n\n  return ((_a = document.fullscreenElement) === null || _a === void 0 ? void 0 : _a.nodeName) === \"HTML\";\n};\nconst allowFullScreen = () => document.documentElement.requestFullscreen();\nconst exitFullScreen = () => document.exitFullscreen();\nconst getShortcutKey = shortcut => {\n  shortcut = shortcut.replace(/\\bAlt\\b/i, \"Alt\").replace(/\\bShift\\b/i, \"Shift\").replace(/\\b(Enter|Return)\\b/i, \"Enter\");\n\n  if (_constants__WEBPACK_IMPORTED_MODULE_3__.isDarwin) {\n    return shortcut.replace(/\\bCtrlOrCmd\\b/gi, \"Cmd\").replace(/\\bAlt\\b/i, \"Option\");\n  }\n\n  return shortcut.replace(/\\bCtrlOrCmd\\b/gi, \"Ctrl\");\n};\nconst viewportCoordsToSceneCoords = ({\n  clientX,\n  clientY\n}, {\n  zoom,\n  offsetLeft,\n  offsetTop,\n  scrollX,\n  scrollY\n}) => {\n  const x = (clientX - offsetLeft) / zoom.value - scrollX;\n  const y = (clientY - offsetTop) / zoom.value - scrollY;\n  return {\n    x,\n    y\n  };\n};\nconst sceneCoordsToViewportCoords = ({\n  sceneX,\n  sceneY\n}, {\n  zoom,\n  offsetLeft,\n  offsetTop,\n  scrollX,\n  scrollY\n}) => {\n  const x = (sceneX + scrollX) * zoom.value + offsetLeft;\n  const y = (sceneY + scrollY) * zoom.value + offsetTop;\n  return {\n    x,\n    y\n  };\n};\nconst getGlobalCSSVariable = name => getComputedStyle(document.documentElement).getPropertyValue(`--${name}`);\nconst RS_LTR_CHARS = \"A-Za-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02B8\\u0300-\\u0590\\u0800-\\u1FFF\" + \"\\u2C00-\\uFB1C\\uFDFE-\\uFE6F\\uFEFD-\\uFFFF\";\nconst RS_RTL_CHARS = \"\\u0591-\\u07FF\\uFB1D-\\uFDFD\\uFE70-\\uFEFC\";\nconst RE_RTL_CHECK = new RegExp(`^[^${RS_LTR_CHARS}]*[${RS_RTL_CHARS}]`);\n/**\r\n * Checks whether first directional character is RTL. Meaning whether it starts\r\n *  with RTL characters, or indeterminate (numbers etc.) characters followed by\r\n *  RTL.\r\n * See https://github.com/excalidraw/excalidraw/pull/1722#discussion_r436340171\r\n */\n\nconst isRTL = text => RE_RTL_CHECK.test(text);\nconst tupleToCoors = xyTuple => {\n  const [x, y] = xyTuple;\n  return {\n    x,\n    y\n  };\n};\n/** use as a rejectionHandler to mute filesystem Abort errors */\n\nconst muteFSAbortError = error => {\n  if ((error === null || error === void 0 ? void 0 : error.name) === \"AbortError\") {\n    console.warn(error);\n    return;\n  }\n\n  throw error;\n};\nconst findIndex = (array, cb, fromIndex = 0) => {\n  if (fromIndex < 0) {\n    fromIndex = array.length + fromIndex;\n  }\n\n  fromIndex = Math.min(array.length, Math.max(fromIndex, 0));\n  let index = fromIndex - 1;\n\n  while (++index < array.length) {\n    if (cb(array[index], index, array)) {\n      return index;\n    }\n  }\n\n  return -1;\n};\nconst findLastIndex = (array, cb, fromIndex = array.length - 1) => {\n  if (fromIndex < 0) {\n    fromIndex = array.length + fromIndex;\n  }\n\n  fromIndex = Math.min(array.length - 1, Math.max(fromIndex, 0));\n  let index = fromIndex + 1;\n\n  while (--index > -1) {\n    if (cb(array[index], index, array)) {\n      return index;\n    }\n  }\n\n  return -1;\n};\nconst isTransparent = color => {\n  const isRGBTransparent = color.length === 5 && color.substr(4, 1) === \"0\";\n  const isRRGGBBTransparent = color.length === 9 && color.substr(7, 2) === \"00\";\n  return isRGBTransparent || isRRGGBBTransparent || color === _colors__WEBPACK_IMPORTED_MODULE_2__.COLOR_PALETTE.transparent;\n};\nconst resolvablePromise = () => {\n  let resolve;\n  let reject;\n  const promise = new Promise((_resolve, _reject) => {\n    resolve = _resolve;\n    reject = _reject;\n  });\n  promise.resolve = resolve;\n  promise.reject = reject;\n  return promise;\n}; //https://stackoverflow.com/a/9462382/8418\n\nconst nFormatter = (num, digits) => {\n  const si = [{\n    value: 1,\n    symbol: \"b\"\n  }, {\n    value: 1e3,\n    symbol: \"k\"\n  }, {\n    value: 1e6,\n    symbol: \"M\"\n  }, {\n    value: 1e9,\n    symbol: \"G\"\n  }];\n  const rx = /\\.0+$|(\\.[0-9]*[1-9])0+$/;\n  let index;\n\n  for (index = si.length - 1; index > 0; index--) {\n    if (num >= si[index].value) {\n      break;\n    }\n  }\n\n  return (num / si[index].value).toFixed(digits).replace(rx, \"$1\") + si[index].symbol;\n};\nconst getVersion = () => {\n  var _a;\n\n  return ((_a = document.querySelector('meta[name=\"version\"]')) === null || _a === void 0 ? void 0 : _a.content) || _constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULT_VERSION;\n}; // Adapted from https://github.com/Modernizr/Modernizr/blob/master/feature-detects/emoji.js\n\nconst supportsEmoji = () => {\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n\n  if (!ctx) {\n    return false;\n  }\n\n  const offset = 12;\n  ctx.fillStyle = \"#f00\";\n  ctx.textBaseline = \"top\";\n  ctx.font = \"32px Arial\"; // Modernizr used 🐨, but it is sort of supported on Windows 7.\n  // Luckily 😀 isn't supported.\n\n  ctx.fillText(\"😀\", 0, 0);\n  return ctx.getImageData(offset, offset, 1, 1).data[0] !== 0;\n};\nconst getNearestScrollableContainer = element => {\n  let parent = element.parentElement;\n\n  while (parent) {\n    if (parent === document.body) {\n      return document;\n    }\n\n    const {\n      overflowY\n    } = window.getComputedStyle(parent);\n    const hasScrollableContent = parent.scrollHeight > parent.clientHeight;\n\n    if (hasScrollableContent && (overflowY === \"auto\" || overflowY === \"scroll\" || overflowY === \"overlay\")) {\n      return parent;\n    }\n\n    parent = parent.parentElement;\n  }\n\n  return document;\n};\nconst focusNearestParent = element => {\n  let parent = element.parentElement;\n\n  while (parent) {\n    if (parent.tabIndex > -1) {\n      parent.focus();\n      return;\n    }\n\n    parent = parent.parentElement;\n  }\n};\nconst preventUnload = event => {\n  event.preventDefault(); // NOTE: modern browsers no longer allow showing a custom message here\n\n  event.returnValue = \"\";\n};\nconst bytesToHexString = bytes => {\n  return Array.from(bytes).map(byte => `0${byte.toString(16)}`.slice(-2)).join(\"\");\n};\nconst getUpdatedTimestamp = () => isTestEnv() ? 1 : Date.now();\n/**\r\n * Transforms array of objects containing `id` attribute,\r\n * or array of ids (strings), into a Map, keyd by `id`.\r\n */\n\nconst arrayToMap = items => {\n  if (items instanceof Map) {\n    return items;\n  }\n\n  return items.reduce((acc, element) => {\n    acc.set(typeof element === \"string\" ? element : element.id, element);\n    return acc;\n  }, new Map());\n};\nconst arrayToMapWithIndex = elements => elements.reduce((acc, element, idx) => {\n  acc.set(element.id, [element, idx]);\n  return acc;\n}, new Map());\n/**\r\n * Transform array into an object, use only when array order is irrelevant.\r\n */\n\nconst arrayToObject = (array, groupBy) => array.reduce((acc, value) => {\n  acc[groupBy ? groupBy(value) : String(value)] = value;\n  return acc;\n}, {});\n/**\r\n * Creates a circular doubly linked list by adding `prev` and `next` props to the existing array nodes.\r\n */\n\nconst arrayToList = array => array.reduce((acc, curr, index) => {\n  const node = Object.assign(Object.assign({}, curr), {\n    prev: null,\n    next: null\n  }); // no-op for first item, we don't want circular references on a single item\n\n  if (index !== 0) {\n    const prevNode = acc[index - 1];\n    node.prev = prevNode;\n    prevNode.next = node;\n\n    if (index === array.length - 1) {\n      // make the references circular and connect head & tail\n      const firstNode = acc[0];\n      node.next = firstNode;\n      firstNode.prev = node;\n    }\n  }\n\n  acc.push(node);\n  return acc;\n}, []);\nconst isTestEnv = () => \"development\" === \"test\";\nconst isDevEnv = () => \"development\" === \"development\";\nconst isServerEnv = () => {\n  var _a;\n\n  return typeof process !== \"undefined\" && !!((_a = process === null || process === void 0 ? void 0 : ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.17.6-24\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true})) === null || _a === void 0 ? void 0 : _a.NODE_ENV);\n};\nconst wrapEvent = (name, nativeEvent) => {\n  return new CustomEvent(name, {\n    detail: {\n      nativeEvent\n    },\n    cancelable: true\n  });\n};\nconst updateObject = (obj, updates) => {\n  let didChange = false;\n\n  for (const key in updates) {\n    const value = updates[key];\n\n    if (typeof value !== \"undefined\") {\n      if (obj[key] === value && ( // if object, always update because its attrs could have changed\n      typeof value !== \"object\" || value === null)) {\n        continue;\n      }\n\n      didChange = true;\n    }\n  }\n\n  if (!didChange) {\n    return obj;\n  }\n\n  return Object.assign(Object.assign({}, obj), updates);\n};\nconst isPrimitive = val => {\n  const type = typeof val;\n  return val == null || type !== \"object\" && type !== \"function\";\n};\nconst getFrame = () => {\n  try {\n    return window.self === window.top ? \"top\" : \"iframe\";\n  } catch (error) {\n    return \"iframe\";\n  }\n};\nconst isRunningInIframe = () => getFrame() === \"iframe\";\nconst isPromiseLike = value => {\n  return !!value && typeof value === \"object\" && \"then\" in value && \"catch\" in value && \"finally\" in value;\n};\nconst queryFocusableElements = container => {\n  const focusableElements = container === null || container === void 0 ? void 0 : container.querySelectorAll(\"button, a, input, select, textarea, div[tabindex], label[tabindex]\");\n  return focusableElements ? Array.from(focusableElements).filter(element => element.tabIndex > -1 && !element.disabled) : [];\n};\n/** use as a fallback after identity check (for perf reasons) */\n\nconst _defaultIsShallowComparatorFallback = (a, b) => {\n  // consider two empty arrays equal\n  if (Array.isArray(a) && Array.isArray(b) && a.length === 0 && b.length === 0) {\n    return true;\n  }\n\n  return a === b;\n};\n/**\r\n * Returns whether object/array is shallow equal.\r\n * Considers empty object/arrays as equal (whether top-level or second-level).\r\n */\n\n\nconst isShallowEqual = (objA, objB, comparators, debug = false) => {\n  const aKeys = Object.keys(objA);\n  const bKeys = Object.keys(objB);\n\n  if (aKeys.length !== bKeys.length) {\n    if (debug) {\n      console.warn(`%cisShallowEqual: objects don't have same properties ->`, \"color: #8B4000\", objA, objB);\n    }\n\n    return false;\n  }\n\n  if (comparators && Array.isArray(comparators)) {\n    for (const key of comparators) {\n      const ret = objA[key] === objB[key] || _defaultIsShallowComparatorFallback(objA[key], objB[key]);\n\n      if (!ret) {\n        if (debug) {\n          console.warn(`%cisShallowEqual: ${key} not equal ->`, \"color: #8B4000\", objA[key], objB[key]);\n        }\n\n        return false;\n      }\n    }\n\n    return true;\n  }\n\n  return aKeys.every(key => {\n    const comparator = comparators === null || comparators === void 0 ? void 0 : comparators[key];\n    const ret = comparator ? comparator(objA[key], objB[key]) : objA[key] === objB[key] || _defaultIsShallowComparatorFallback(objA[key], objB[key]);\n\n    if (!ret && debug) {\n      console.warn(`%cisShallowEqual: ${key} not equal ->`, \"color: #8B4000\", objA[key], objB[key]);\n    }\n\n    return ret;\n  });\n}; // taken from Radix UI\n// https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx\n\nconst composeEventHandlers = (originalEventHandler, ourEventHandler, {\n  checkForDefaultPrevented = true\n} = {}) => {\n  return function handleEvent(event) {\n    originalEventHandler === null || originalEventHandler === void 0 ? void 0 : originalEventHandler(event);\n\n    if (!checkForDefaultPrevented || !(event === null || event === void 0 ? void 0 : event.defaultPrevented)) {\n      return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);\n    }\n  };\n};\n/**\r\n * supply `null` as message if non-never value is valid, you just need to\r\n * typecheck against it\r\n */\n\nconst assertNever = (value, message, softAssert) => {\n  if (!message) {\n    return value;\n  }\n\n  if (softAssert) {\n    console.error(message);\n    return value;\n  }\n\n  throw new Error(message);\n};\nfunction invariant(condition, message) {\n  if (!condition) {\n    throw new Error(message);\n  }\n}\n/**\r\n * Memoizes on values of `opts` object (strict equality).\r\n */\n\nconst memoize = func => {\n  let lastArgs;\n  let lastResult;\n\n  const ret = function (opts) {\n    const currentArgs = Object.entries(opts);\n\n    if (lastArgs) {\n      let argsAreEqual = true;\n\n      for (const [key, value] of currentArgs) {\n        if (lastArgs.get(key) !== value) {\n          argsAreEqual = false;\n          break;\n        }\n      }\n\n      if (argsAreEqual) {\n        return lastResult;\n      }\n    }\n\n    const result = func(opts);\n    lastArgs = new Map(currentArgs);\n    lastResult = result;\n    return result;\n  };\n\n  ret.clear = () => {\n    lastArgs = undefined;\n    lastResult = undefined;\n  };\n\n  return ret;\n};\n/** Checks if value is inside given collection. Useful for type-safety. */\n\nconst isMemberOf = (\n/** Set/Map/Array/Object */\ncollection,\n/** value to look for */\nvalue) => {\n  return collection instanceof Set || collection instanceof Map ? collection.has(value) : \"includes\" in collection ? collection.includes(value) : collection.hasOwnProperty(value);\n};\nconst cloneJSON = obj => JSON.parse(JSON.stringify(obj));\nconst updateStable = (prevValue, nextValue) => {\n  if (isShallowEqual(prevValue, nextValue)) {\n    return prevValue;\n  }\n\n  return nextValue;\n}; // implem\n\nfunction addEventListener(\n/**\r\n * allows for falsy values so you don't have to type check when adding\r\n * event listeners to optional elements\r\n */\ntarget, type, listener, options) {\n  var _a;\n\n  if (!target) {\n    return () => {};\n  }\n\n  (_a = target === null || target === void 0 ? void 0 : target.addEventListener) === null || _a === void 0 ? void 0 : _a.call(target, type, listener, options);\n  return () => {\n    var _a;\n\n    (_a = target === null || target === void 0 ? void 0 : target.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(target, type, listener, options);\n  };\n}\nfunction getSvgPathFromStroke(points, closed = true) {\n  const len = points.length;\n\n  if (len < 4) {\n    return ``;\n  }\n\n  let a = points[0];\n  let b = points[1];\n  const c = points[2];\n  let result = `M${a[0].toFixed(2)},${a[1].toFixed(2)} Q${b[0].toFixed(2)},${b[1].toFixed(2)} ${(0,_math__WEBPACK_IMPORTED_MODULE_1__.average)(b[0], c[0]).toFixed(2)},${(0,_math__WEBPACK_IMPORTED_MODULE_1__.average)(b[1], c[1]).toFixed(2)} T`;\n\n  for (let i = 2, max = len - 1; i < max; i++) {\n    a = points[i];\n    b = points[i + 1];\n    result += `${(0,_math__WEBPACK_IMPORTED_MODULE_1__.average)(a[0], b[0]).toFixed(2)},${(0,_math__WEBPACK_IMPORTED_MODULE_1__.average)(a[1], b[1]).toFixed(2)} `;\n  }\n\n  if (closed) {\n    result += \"Z\";\n  }\n\n  return result;\n}\nconst normalizeEOL = str => {\n  return str.replace(/\\r?\\n|\\r/g, \"\\n\");\n};\n/**\r\n * Makes type into a branded type, ensuring that value is assignable to\r\n * the base ubranded type. Optionally you can explicitly supply current value\r\n * type to combine both (useful for composite branded types. Make sure you\r\n * compose branded types which are not composite themselves.)\r\n */\n\nconst toBrandedType = value => {\n  return value;\n}; // -----------------------------------------------------------------------------\n// Promise.try, adapted from https://github.com/sindresorhus/p-try\n\nconst promiseTry = async (fn, ...args) => {\n  return new Promise(resolve => {\n    resolve(fn(...args));\n  });\n};\nconst isAnyTrue = (...args) => Math.max(...args.map(arg => arg ? 1 : 0)) > 0;\nconst safelyParseJSON = json => {\n  try {\n    return JSON.parse(json);\n  } catch (_a) {\n    return null;\n  }\n};\nclass PromisePool {\n  constructor(source, concurrency) {\n    this.entries = {};\n    this.pool = new (es6_promise_pool__WEBPACK_IMPORTED_MODULE_0___default())(source, concurrency);\n  }\n\n  all() {\n    const listener = event => {\n      if (event.data.result) {\n        // by default pool does not return the results, so we are gathering them manually\n        // with the correct call order (represented by the index in the tuple)\n        const [index, value] = event.data.result;\n        this.entries[index] = value;\n      }\n    };\n\n    this.pool.addEventListener(\"fulfilled\", listener);\n    return this.pool.start().then(() => {\n      setTimeout(() => {\n        this.pool.removeEventListener(\"fulfilled\", listener);\n      });\n      return Object.values(this.entries);\n    });\n  }\n\n}\n\n//# sourceURL=webpack://ExcalidrawLib/./utils.ts?");
 /***/ }),
@@ -4641,7 +4641,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \**********************************************************************/
 /***/ ((module, exports, __webpack_require__) => {
-eval("/* eslint-env browser */\n\n/**\n * This is the web browser implementation of `debug()`.\n */\n\nexports.formatArgs = formatArgs;\nexports.save = save;\nexports.load = load;\nexports.useColors = useColors;\nexports.storage = localstorage();\nexports.destroy = (() => {\n\tlet warned = false;\n\n\treturn () => {\n\t\tif (!warned) {\n\t\t\twarned = true;\n\t\t\tconsole.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');\n\t\t}\n\t};\n})();\n\n/**\n * Colors.\n */\n\nexports.colors = [\n\t'#0000CC',\n\t'#0000FF',\n\t'#0033CC',\n\t'#0033FF',\n\t'#0066CC',\n\t'#0066FF',\n\t'#0099CC',\n\t'#0099FF',\n\t'#00CC00',\n\t'#00CC33',\n\t'#00CC66',\n\t'#00CC99',\n\t'#00CCCC',\n\t'#00CCFF',\n\t'#3300CC',\n\t'#3300FF',\n\t'#3333CC',\n\t'#3333FF',\n\t'#3366CC',\n\t'#3366FF',\n\t'#3399CC',\n\t'#3399FF',\n\t'#33CC00',\n\t'#33CC33',\n\t'#33CC66',\n\t'#33CC99',\n\t'#33CCCC',\n\t'#33CCFF',\n\t'#6600CC',\n\t'#6600FF',\n\t'#6633CC',\n\t'#6633FF',\n\t'#66CC00',\n\t'#66CC33',\n\t'#9900CC',\n\t'#9900FF',\n\t'#9933CC',\n\t'#9933FF',\n\t'#99CC00',\n\t'#99CC33',\n\t'#CC0000',\n\t'#CC0033',\n\t'#CC0066',\n\t'#CC0099',\n\t'#CC00CC',\n\t'#CC00FF',\n\t'#CC3300',\n\t'#CC3333',\n\t'#CC3366',\n\t'#CC3399',\n\t'#CC33CC',\n\t'#CC33FF',\n\t'#CC6600',\n\t'#CC6633',\n\t'#CC9900',\n\t'#CC9933',\n\t'#CCCC00',\n\t'#CCCC33',\n\t'#FF0000',\n\t'#FF0033',\n\t'#FF0066',\n\t'#FF0099',\n\t'#FF00CC',\n\t'#FF00FF',\n\t'#FF3300',\n\t'#FF3333',\n\t'#FF3366',\n\t'#FF3399',\n\t'#FF33CC',\n\t'#FF33FF',\n\t'#FF6600',\n\t'#FF6633',\n\t'#FF9900',\n\t'#FF9933',\n\t'#FFCC00',\n\t'#FFCC33'\n];\n\n/**\n * Currently only WebKit-based Web Inspectors, Firefox >= v31,\n * and the Firebug extension (any Firefox version) are known\n * to support \"%c\" CSS customizations.\n *\n * TODO: add a `localStorage` variable to explicitly enable/disable colors\n */\n\n// eslint-disable-next-line complexity\nfunction useColors() {\n\t// NB: In an Electron preload script, document will be defined but not fully\n\t// initialized. Since we know we're in Chrome, we'll just detect this case\n\t// explicitly\n\tif (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {\n\t\treturn true;\n\t}\n\n\t// Internet Explorer and Edge do not support colors.\n\tif (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\\/(\\d+)/)) {\n\t\treturn false;\n\t}\n\n\tlet m;\n\n\t// Is webkit? http://stackoverflow.com/a/16459606/376773\n\t// document is undefined in react-native: https://github.com/facebook/react-native/pull/1632\n\t// eslint-disable-next-line no-return-assign\n\treturn (typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance) ||\n\t\t// Is firebug? http://stackoverflow.com/a/398120/376773\n\t\t(typeof window !== 'undefined' && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||\n\t\t// Is firefox >= v31?\n\t\t// https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages\n\t\t(typeof navigator !== 'undefined' && navigator.userAgent && (m = navigator.userAgent.toLowerCase().match(/firefox\\/(\\d+)/)) && parseInt(m[1], 10) >= 31) ||\n\t\t// Double check webkit in userAgent just in case we are in a worker\n\t\t(typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/));\n}\n\n/**\n * Colorize log arguments if enabled.\n *\n * @api public\n */\n\nfunction formatArgs(args) {\n\targs[0] = (this.useColors ? '%c' : '') +\n\t\tthis.namespace +\n\t\t(this.useColors ? ' %c' : ' ') +\n\t\targs[0] +\n\t\t(this.useColors ? '%c ' : ' ') +\n\t\t'+' + module.exports.humanize(this.diff);\n\n\tif (!this.useColors) {\n\t\treturn;\n\t}\n\n\tconst c = 'color: ' + this.color;\n\targs.splice(1, 0, c, 'color: inherit');\n\n\t// The final \"%c\" is somewhat tricky, because there could be other\n\t// arguments passed either before or after the %c, so we need to\n\t// figure out the correct index to insert the CSS into\n\tlet index = 0;\n\tlet lastC = 0;\n\targs[0].replace(/%[a-zA-Z%]/g, match => {\n\t\tif (match === '%%') {\n\t\t\treturn;\n\t\t}\n\t\tindex++;\n\t\tif (match === '%c') {\n\t\t\t// We only are interested in the *last* %c\n\t\t\t// (the user may have provided their own)\n\t\t\tlastC = index;\n\t\t}\n\t});\n\n\targs.splice(lastC, 0, c);\n}\n\n/**\n * Invokes `console.debug()` when available.\n * No-op when `console.debug` is not a \"function\".\n * If `console.debug` is not available, falls back\n * to `console.log`.\n *\n * @api public\n */\nexports.log = console.debug || console.log || (() => {});\n\n/**\n * Save `namespaces`.\n *\n * @param {String} namespaces\n * @api private\n */\nfunction save(namespaces) {\n\ttry {\n\t\tif (namespaces) {\n\t\t\texports.storage.setItem('debug', namespaces);\n\t\t} else {\n\t\t\texports.storage.removeItem('debug');\n\t\t}\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n}\n\n/**\n * Load `namespaces`.\n *\n * @return {String} returns the previously persisted debug modes\n * @api private\n */\nfunction load() {\n\tlet r;\n\ttry {\n\t\tr = exports.storage.getItem('debug');\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n\n\t// If debug isn't set in LS, and we're in Electron, try to load $DEBUG\n\tif (!r && typeof process !== 'undefined' && 'env' in process) {\n\t\tr = ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.17.6-23\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).DEBUG;\n\t}\n\n\treturn r;\n}\n\n/**\n * Localstorage attempts to return the localstorage.\n *\n * This is necessary because safari throws\n * when a user disables cookies/localstorage\n * and you attempt to access it.\n *\n * @return {LocalStorage}\n * @api private\n */\n\nfunction localstorage() {\n\ttry {\n\t\t// TVMLKit (Apple TV JS Runtime) does not have a window object, just localStorage in the global context\n\t\t// The Browser also has localStorage in the global context.\n\t\treturn localStorage;\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n}\n\nmodule.exports = __webpack_require__(/*! ./common */ \"../../node_modules/micromark/node_modules/debug/src/common.js\")(exports);\n\nconst {formatters} = module.exports;\n\n/**\n * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.\n */\n\nformatters.j = function (v) {\n\ttry {\n\t\treturn JSON.stringify(v);\n\t} catch (error) {\n\t\treturn '[UnexpectedJSONParseError]: ' + error.message;\n\t}\n};\n\n\n//# sourceURL=webpack://ExcalidrawLib/../../node_modules/micromark/node_modules/debug/src/browser.js?");
+eval("/* eslint-env browser */\n\n/**\n * This is the web browser implementation of `debug()`.\n */\n\nexports.formatArgs = formatArgs;\nexports.save = save;\nexports.load = load;\nexports.useColors = useColors;\nexports.storage = localstorage();\nexports.destroy = (() => {\n\tlet warned = false;\n\n\treturn () => {\n\t\tif (!warned) {\n\t\t\twarned = true;\n\t\t\tconsole.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');\n\t\t}\n\t};\n})();\n\n/**\n * Colors.\n */\n\nexports.colors = [\n\t'#0000CC',\n\t'#0000FF',\n\t'#0033CC',\n\t'#0033FF',\n\t'#0066CC',\n\t'#0066FF',\n\t'#0099CC',\n\t'#0099FF',\n\t'#00CC00',\n\t'#00CC33',\n\t'#00CC66',\n\t'#00CC99',\n\t'#00CCCC',\n\t'#00CCFF',\n\t'#3300CC',\n\t'#3300FF',\n\t'#3333CC',\n\t'#3333FF',\n\t'#3366CC',\n\t'#3366FF',\n\t'#3399CC',\n\t'#3399FF',\n\t'#33CC00',\n\t'#33CC33',\n\t'#33CC66',\n\t'#33CC99',\n\t'#33CCCC',\n\t'#33CCFF',\n\t'#6600CC',\n\t'#6600FF',\n\t'#6633CC',\n\t'#6633FF',\n\t'#66CC00',\n\t'#66CC33',\n\t'#9900CC',\n\t'#9900FF',\n\t'#9933CC',\n\t'#9933FF',\n\t'#99CC00',\n\t'#99CC33',\n\t'#CC0000',\n\t'#CC0033',\n\t'#CC0066',\n\t'#CC0099',\n\t'#CC00CC',\n\t'#CC00FF',\n\t'#CC3300',\n\t'#CC3333',\n\t'#CC3366',\n\t'#CC3399',\n\t'#CC33CC',\n\t'#CC33FF',\n\t'#CC6600',\n\t'#CC6633',\n\t'#CC9900',\n\t'#CC9933',\n\t'#CCCC00',\n\t'#CCCC33',\n\t'#FF0000',\n\t'#FF0033',\n\t'#FF0066',\n\t'#FF0099',\n\t'#FF00CC',\n\t'#FF00FF',\n\t'#FF3300',\n\t'#FF3333',\n\t'#FF3366',\n\t'#FF3399',\n\t'#FF33CC',\n\t'#FF33FF',\n\t'#FF6600',\n\t'#FF6633',\n\t'#FF9900',\n\t'#FF9933',\n\t'#FFCC00',\n\t'#FFCC33'\n];\n\n/**\n * Currently only WebKit-based Web Inspectors, Firefox >= v31,\n * and the Firebug extension (any Firefox version) are known\n * to support \"%c\" CSS customizations.\n *\n * TODO: add a `localStorage` variable to explicitly enable/disable colors\n */\n\n// eslint-disable-next-line complexity\nfunction useColors() {\n\t// NB: In an Electron preload script, document will be defined but not fully\n\t// initialized. Since we know we're in Chrome, we'll just detect this case\n\t// explicitly\n\tif (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {\n\t\treturn true;\n\t}\n\n\t// Internet Explorer and Edge do not support colors.\n\tif (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\\/(\\d+)/)) {\n\t\treturn false;\n\t}\n\n\tlet m;\n\n\t// Is webkit? http://stackoverflow.com/a/16459606/376773\n\t// document is undefined in react-native: https://github.com/facebook/react-native/pull/1632\n\t// eslint-disable-next-line no-return-assign\n\treturn (typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance) ||\n\t\t// Is firebug? http://stackoverflow.com/a/398120/376773\n\t\t(typeof window !== 'undefined' && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||\n\t\t// Is firefox >= v31?\n\t\t// https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages\n\t\t(typeof navigator !== 'undefined' && navigator.userAgent && (m = navigator.userAgent.toLowerCase().match(/firefox\\/(\\d+)/)) && parseInt(m[1], 10) >= 31) ||\n\t\t// Double check webkit in userAgent just in case we are in a worker\n\t\t(typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/));\n}\n\n/**\n * Colorize log arguments if enabled.\n *\n * @api public\n */\n\nfunction formatArgs(args) {\n\targs[0] = (this.useColors ? '%c' : '') +\n\t\tthis.namespace +\n\t\t(this.useColors ? ' %c' : ' ') +\n\t\targs[0] +\n\t\t(this.useColors ? '%c ' : ' ') +\n\t\t'+' + module.exports.humanize(this.diff);\n\n\tif (!this.useColors) {\n\t\treturn;\n\t}\n\n\tconst c = 'color: ' + this.color;\n\targs.splice(1, 0, c, 'color: inherit');\n\n\t// The final \"%c\" is somewhat tricky, because there could be other\n\t// arguments passed either before or after the %c, so we need to\n\t// figure out the correct index to insert the CSS into\n\tlet index = 0;\n\tlet lastC = 0;\n\targs[0].replace(/%[a-zA-Z%]/g, match => {\n\t\tif (match === '%%') {\n\t\t\treturn;\n\t\t}\n\t\tindex++;\n\t\tif (match === '%c') {\n\t\t\t// We only are interested in the *last* %c\n\t\t\t// (the user may have provided their own)\n\t\t\tlastC = index;\n\t\t}\n\t});\n\n\targs.splice(lastC, 0, c);\n}\n\n/**\n * Invokes `console.debug()` when available.\n * No-op when `console.debug` is not a \"function\".\n * If `console.debug` is not available, falls back\n * to `console.log`.\n *\n * @api public\n */\nexports.log = console.debug || console.log || (() => {});\n\n/**\n * Save `namespaces`.\n *\n * @param {String} namespaces\n * @api private\n */\nfunction save(namespaces) {\n\ttry {\n\t\tif (namespaces) {\n\t\t\texports.storage.setItem('debug', namespaces);\n\t\t} else {\n\t\t\texports.storage.removeItem('debug');\n\t\t}\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n}\n\n/**\n * Load `namespaces`.\n *\n * @return {String} returns the previously persisted debug modes\n * @api private\n */\nfunction load() {\n\tlet r;\n\ttry {\n\t\tr = exports.storage.getItem('debug');\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n\n\t// If debug isn't set in LS, and we're in Electron, try to load $DEBUG\n\tif (!r && typeof process !== 'undefined' && 'env' in process) {\n\t\tr = ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.17.6-24\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).DEBUG;\n\t}\n\n\treturn r;\n}\n\n/**\n * Localstorage attempts to return the localstorage.\n *\n * This is necessary because safari throws\n * when a user disables cookies/localstorage\n * and you attempt to access it.\n *\n * @return {LocalStorage}\n * @api private\n */\n\nfunction localstorage() {\n\ttry {\n\t\t// TVMLKit (Apple TV JS Runtime) does not have a window object, just localStorage in the global context\n\t\t// The Browser also has localStorage in the global context.\n\t\treturn localStorage;\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n}\n\nmodule.exports = __webpack_require__(/*! ./common */ \"../../node_modules/micromark/node_modules/debug/src/common.js\")(exports);\n\nconst {formatters} = module.exports;\n\n/**\n * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.\n */\n\nformatters.j = function (v) {\n\ttry {\n\t\treturn JSON.stringify(v);\n\t} catch (error) {\n\t\treturn '[UnexpectedJSONParseError]: ' + error.message;\n\t}\n};\n\n\n//# sourceURL=webpack://ExcalidrawLib/../../node_modules/micromark/node_modules/debug/src/browser.js?");
 /***/ }),
@@ -16400,7 +16400,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack___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 */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n\n\nlet FORCE_COLOR, NODE_DISABLE_COLORS, NO_COLOR, TERM, isTTY=true;\nif (typeof process !== 'undefined') {\n\t({ FORCE_COLOR, NODE_DISABLE_COLORS, NO_COLOR, TERM } = ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.17.6-23\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}) || 0);\n\tisTTY = process.stdout && process.stdout.isTTY;\n}\n\nconst $ = {\n\tenabled: !NODE_DISABLE_COLORS && NO_COLOR == null && TERM !== 'dumb' && (\n\t\tFORCE_COLOR != null && FORCE_COLOR !== '0' || isTTY\n\t),\n\n\t// modifiers\n\treset: init(0, 0),\n\tbold: init(1, 22),\n\tdim: init(2, 22),\n\titalic: init(3, 23),\n\tunderline: init(4, 24),\n\tinverse: init(7, 27),\n\thidden: init(8, 28),\n\tstrikethrough: init(9, 29),\n\n\t// colors\n\tblack: init(30, 39),\n\tred: init(31, 39),\n\tgreen: init(32, 39),\n\tyellow: init(33, 39),\n\tblue: init(34, 39),\n\tmagenta: init(35, 39),\n\tcyan: init(36, 39),\n\twhite: init(37, 39),\n\tgray: init(90, 39),\n\tgrey: init(90, 39),\n\n\t// background colors\n\tbgBlack: init(40, 49),\n\tbgRed: init(41, 49),\n\tbgGreen: init(42, 49),\n\tbgYellow: init(43, 49),\n\tbgBlue: init(44, 49),\n\tbgMagenta: init(45, 49),\n\tbgCyan: init(46, 49),\n\tbgWhite: init(47, 49)\n};\n\nfunction run(arr, str) {\n\tlet i=0, tmp, beg='', end='';\n\tfor (; i < arr.length; i++) {\n\t\ttmp = arr[i];\n\t\tbeg += tmp.open;\n\t\tend += tmp.close;\n\t\tif (!!~str.indexOf(tmp.close)) {\n\t\t\tstr = str.replace(tmp.rgx, tmp.close + tmp.open);\n\t\t}\n\t}\n\treturn beg + str + end;\n}\n\nfunction chain(has, keys) {\n\tlet ctx = { has, keys };\n\n\tctx.reset = $.reset.bind(ctx);\n\tctx.bold = $.bold.bind(ctx);\n\tctx.dim = $.dim.bind(ctx);\n\tctx.italic = $.italic.bind(ctx);\n\tctx.underline = $.underline.bind(ctx);\n\tctx.inverse = $.inverse.bind(ctx);\n\tctx.hidden = $.hidden.bind(ctx);\n\tctx.strikethrough = $.strikethrough.bind(ctx);\n\n\tctx.black = $.black.bind(ctx);\n\tctx.red = $.red.bind(ctx);\n\tctx.green = $.green.bind(ctx);\n\tctx.yellow = $.yellow.bind(ctx);\n\tctx.blue = $.blue.bind(ctx);\n\tctx.magenta = $.magenta.bind(ctx);\n\tctx.cyan = $.cyan.bind(ctx);\n\tctx.white = $.white.bind(ctx);\n\tctx.gray = $.gray.bind(ctx);\n\tctx.grey = $.grey.bind(ctx);\n\n\tctx.bgBlack = $.bgBlack.bind(ctx);\n\tctx.bgRed = $.bgRed.bind(ctx);\n\tctx.bgGreen = $.bgGreen.bind(ctx);\n\tctx.bgYellow = $.bgYellow.bind(ctx);\n\tctx.bgBlue = $.bgBlue.bind(ctx);\n\tctx.bgMagenta = $.bgMagenta.bind(ctx);\n\tctx.bgCyan = $.bgCyan.bind(ctx);\n\tctx.bgWhite = $.bgWhite.bind(ctx);\n\n\treturn ctx;\n}\n\nfunction init(open, close) {\n\tlet blk = {\n\t\topen: `\\x1b[${open}m`,\n\t\tclose: `\\x1b[${close}m`,\n\t\trgx: new RegExp(`\\\\x1b\\\\[${close}m`, 'g')\n\t};\n\treturn function (txt) {\n\t\tif (this !== void 0 && this.has !== void 0) {\n\t\t\t!!~this.has.indexOf(open) || (this.has.push(open),this.keys.push(blk));\n\t\t\treturn txt === void 0 ? this : $.enabled ? run(this.keys, txt+'') : txt+'';\n\t\t}\n\t\treturn txt === void 0 ? chain([open], [blk]) : $.enabled ? run([blk], txt+'') : txt+'';\n\t};\n}\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ($);\n\n\n//# sourceURL=webpack://ExcalidrawLib/../../node_modules/kleur/index.mjs?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n\n\nlet FORCE_COLOR, NODE_DISABLE_COLORS, NO_COLOR, TERM, isTTY=true;\nif (typeof process !== 'undefined') {\n\t({ FORCE_COLOR, NODE_DISABLE_COLORS, NO_COLOR, TERM } = ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.17.6-24\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}) || 0);\n\tisTTY = process.stdout && process.stdout.isTTY;\n}\n\nconst $ = {\n\tenabled: !NODE_DISABLE_COLORS && NO_COLOR == null && TERM !== 'dumb' && (\n\t\tFORCE_COLOR != null && FORCE_COLOR !== '0' || isTTY\n\t),\n\n\t// modifiers\n\treset: init(0, 0),\n\tbold: init(1, 22),\n\tdim: init(2, 22),\n\titalic: init(3, 23),\n\tunderline: init(4, 24),\n\tinverse: init(7, 27),\n\thidden: init(8, 28),\n\tstrikethrough: init(9, 29),\n\n\t// colors\n\tblack: init(30, 39),\n\tred: init(31, 39),\n\tgreen: init(32, 39),\n\tyellow: init(33, 39),\n\tblue: init(34, 39),\n\tmagenta: init(35, 39),\n\tcyan: init(36, 39),\n\twhite: init(37, 39),\n\tgray: init(90, 39),\n\tgrey: init(90, 39),\n\n\t// background colors\n\tbgBlack: init(40, 49),\n\tbgRed: init(41, 49),\n\tbgGreen: init(42, 49),\n\tbgYellow: init(43, 49),\n\tbgBlue: init(44, 49),\n\tbgMagenta: init(45, 49),\n\tbgCyan: init(46, 49),\n\tbgWhite: init(47, 49)\n};\n\nfunction run(arr, str) {\n\tlet i=0, tmp, beg='', end='';\n\tfor (; i < arr.length; i++) {\n\t\ttmp = arr[i];\n\t\tbeg += tmp.open;\n\t\tend += tmp.close;\n\t\tif (!!~str.indexOf(tmp.close)) {\n\t\t\tstr = str.replace(tmp.rgx, tmp.close + tmp.open);\n\t\t}\n\t}\n\treturn beg + str + end;\n}\n\nfunction chain(has, keys) {\n\tlet ctx = { has, keys };\n\n\tctx.reset = $.reset.bind(ctx);\n\tctx.bold = $.bold.bind(ctx);\n\tctx.dim = $.dim.bind(ctx);\n\tctx.italic = $.italic.bind(ctx);\n\tctx.underline = $.underline.bind(ctx);\n\tctx.inverse = $.inverse.bind(ctx);\n\tctx.hidden = $.hidden.bind(ctx);\n\tctx.strikethrough = $.strikethrough.bind(ctx);\n\n\tctx.black = $.black.bind(ctx);\n\tctx.red = $.red.bind(ctx);\n\tctx.green = $.green.bind(ctx);\n\tctx.yellow = $.yellow.bind(ctx);\n\tctx.blue = $.blue.bind(ctx);\n\tctx.magenta = $.magenta.bind(ctx);\n\tctx.cyan = $.cyan.bind(ctx);\n\tctx.white = $.white.bind(ctx);\n\tctx.gray = $.gray.bind(ctx);\n\tctx.grey = $.grey.bind(ctx);\n\n\tctx.bgBlack = $.bgBlack.bind(ctx);\n\tctx.bgRed = $.bgRed.bind(ctx);\n\tctx.bgGreen = $.bgGreen.bind(ctx);\n\tctx.bgYellow = $.bgYellow.bind(ctx);\n\tctx.bgBlue = $.bgBlue.bind(ctx);\n\tctx.bgMagenta = $.bgMagenta.bind(ctx);\n\tctx.bgCyan = $.bgCyan.bind(ctx);\n\tctx.bgWhite = $.bgWhite.bind(ctx);\n\n\treturn ctx;\n}\n\nfunction init(open, close) {\n\tlet blk = {\n\t\topen: `\\x1b[${open}m`,\n\t\tclose: `\\x1b[${close}m`,\n\t\trgx: new RegExp(`\\\\x1b\\\\[${close}m`, 'g')\n\t};\n\treturn function (txt) {\n\t\tif (this !== void 0 && this.has !== void 0) {\n\t\t\t!!~this.has.indexOf(open) || (this.has.push(open),this.keys.push(blk));\n\t\t\treturn txt === void 0 ? this : $.enabled ? run(this.keys, txt+'') : txt+'';\n\t\t}\n\t\treturn txt === void 0 ? chain([open], [blk]) : $.enabled ? run([blk], txt+'') : txt+'';\n\t};\n}\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ($);\n\n\n//# sourceURL=webpack://ExcalidrawLib/../../node_modules/kleur/index.mjs?");
 /***/ }),