npm - @zsviczian/excalidraw - Versions diffs - 0.18.0-70 → 0.18.0-71 - Mend

@zsviczian/excalidraw 0.18.0-70 → 0.18.0-71

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 (6) hide show

package/dist/excalidraw.development.js +6 -6
package/dist/excalidraw.production.min.js +1 -1
package/package.json +1 -1
package/types/element/src/types.d.ts +11 -0
package/types/excalidraw/actions/actionFrame.d.ts +11 -0
package/types/excalidraw/actions/actionLinearEditor.d.ts +11 -0

package/dist/excalidraw.development.js CHANGED Viewed

@@ -14346,7 +14346,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 */   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 */   castArray: () => (/* binding */ castArray),\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 */   escapeDoubleQuotes: () => (/* binding */ escapeDoubleQuotes),\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 */   getFeatureFlag: () => (/* binding */ getFeatureFlag),\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 */   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 */   isProdEnv: () => (/* binding */ isProdEnv),\n/* harmony export */   isPromiseLike: () => (/* binding */ isPromiseLike),\n/* harmony export */   isRTL: () => (/* binding */ isRTL),\n/* harmony export */   isReadonlyArray: () => (/* binding */ isReadonlyArray),\n/* harmony export */   isRunningInIframe: () => (/* binding */ isRunningInIframe),\n/* harmony export */   isSelectionLikeTool: () => (/* binding */ isSelectionLikeTool),\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 */   isWritableElement: () => (/* binding */ isWritableElement),\n/* harmony export */   mapFind: () => (/* binding */ mapFind),\n/* harmony export */   memoize: () => (/* binding */ memoize),\n/* harmony export */   muteFSAbortError: () => (/* binding */ muteFSAbortError),\n/* harmony export */   nFormatter: () => (/* binding */ nFormatter),\n/* harmony export */   nextAnimationFrame: () => (/* binding */ nextAnimationFrame),\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 */   reduceToCommonValue: () => (/* binding */ reduceToCommonValue),\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 */   setFeatureFlag: () => (/* binding */ setFeatureFlag),\n/* harmony export */   sizeOf: () => (/* binding */ sizeOf),\n/* harmony export */   supportsEmoji: () => (/* binding */ supportsEmoji),\n/* harmony export */   throttleRAF: () => (/* binding */ throttleRAF),\n/* harmony export */   toArray: () => (/* binding */ toArray),\n/* harmony export */   toBrandedType: () => (/* binding */ toBrandedType),\n/* harmony export */   toIterable: () => (/* binding */ toIterable),\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 _excalidraw_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ \"../common/src/constants.ts\");\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\" || target.type === \"search\");\nconst getFontFamilyString = ({\n  fontFamily\n}) => {\n  for (const [fontFamilyString, id] of Object.entries(_constants__WEBPACK_IMPORTED_MODULE_1__.FONT_FAMILY)) {\n    if (id === fontFamily) {\n      return `${fontFamilyString}${(0,_constants__WEBPACK_IMPORTED_MODULE_1__.getFontFamilyFallbacks)(id).map(x => `, ${x}`).join(\"\")}`;\n    }\n  }\n\n  return _constants__WEBPACK_IMPORTED_MODULE_1__.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};\n/** executes callback in the frame that's after the current one */\n\nconst nextAnimationFrame = async cb => {\n  requestAnimationFrame(() => requestAnimationFrame(cb));\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 (isTestEnv()) {\n      fn(...args);\n      return;\n    }\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/**\n * Exponential ease-out method\n *\n * @param {number} k - The value to be tweened.\n * @returns {number} The tweened value.\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/**\n * Animates values from `fromValues` to `toValues` using the requestAnimationFrame API.\n * Executes the `onStep` callback on each step with the interpolated values.\n * Returns a function that can be called to cancel the animation.\n *\n * @example\n * // Example usage:\n * const fromValues = { x: 0, y: 0 };\n * const toValues = { x: 100, y: 200 };\n * const onStep = ({x, y}) => {\n *   setState(x, y)\n * };\n * const onCancel = () => {\n *   console.log(\"Animation canceled\");\n * };\n *\n * const cancelAnimation = easeToValuesRAF({\n *   fromValues,\n *   toValues,\n *   onStep,\n *   onCancel,\n * });\n *\n * // To cancel the animation:\n * cancelAnimation();\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 isSelectionLikeTool = type => {\n  return type === \"selection\" || type === \"lasso\";\n};\nconst updateActiveTool = (appState, data) => {\n  var _a, _b, _c;\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    fromSelection: (_c = data.fromSelection) !== null && _c !== void 0 ? _c : false\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 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/**\n * Checks whether first directional character is RTL. Meaning whether it starts\n *  with RTL characters, or indeterminate (numbers etc.) characters followed by\n *  RTL.\n * See https://github.com/excalidraw/excalidraw/pull/1722#discussion_r436340171\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};\n/** returns the first non-null mapped value */\n\nconst mapFind = (collection, iteratee) => {\n  for (let idx = 0; idx < collection.length; idx++) {\n    const result = iteratee(collection[idx], idx);\n\n    if (result != null) {\n      return result;\n    }\n  }\n\n  return undefined;\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_1__.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/**\n * Transforms array of objects containing `id` attribute,\n * or array of ids (strings), into a Map, keyd by `id`.\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/**\n * Transform array into an object, use only when array order is irrelevant.\n */\n\nconst arrayToObject = (array, groupBy) => array.reduce((acc, value, idx) => {\n  acc[groupBy ? groupBy(value) : idx] = value;\n  return acc;\n}, {});\n/**\n * Creates a circular doubly linked list by adding `prev` and `next` props to the existing array nodes.\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}, []);\n/**\n * Converts a readonly array or map into an iterable.\n * Useful for avoiding entry allocations when iterating object / map on each iteration.\n */\n\nconst toIterable = values => {\n  return Array.isArray(values) ? values : values.values();\n};\n/**\n * Converts a readonly array or map into an array.\n */\n\nconst toArray = values => {\n  return Array.isArray(values) ? values : Array.from(toIterable(values));\n};\nconst isTestEnv = () => \"development\" === _constants__WEBPACK_IMPORTED_MODULE_1__.ENV.TEST;\nconst isDevEnv = () => \"development\" === _constants__WEBPACK_IMPORTED_MODULE_1__.ENV.DEVELOPMENT;\nconst isProdEnv = () => \"development\" === _constants__WEBPACK_IMPORTED_MODULE_1__.ENV.PRODUCTION;\nconst isServerEnv = () => {\n  var _a;\n\n  return typeof process !== \"undefined\" && !!((_a = process === null || process === void 0 ? void 0 : ({\"MODE\":\"development\",\"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:3016\",\"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\":\"3001\",\"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_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-69\",\"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/**\n * Returns whether object/array is shallow equal.\n * Considers empty object/arrays as equal (whether top-level or second-level).\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/**\n * supply `null` as message if non-never value is valid, you just need to\n * typecheck against it\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/**\n * Memoizes on values of `opts` object (strict equality).\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/**\n * allows for falsy values so you don't have to type check when adding\n * event listeners to optional elements\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,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.average)(b[0], c[0]).toFixed(2)},${(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.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,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.average)(a[0], b[0]).toFixed(2)},${(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.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};\nfunction 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};\n/**\n * use when you need to render unsafe string as HTML attribute, but MAKE SURE\n * the attribute is double-quoted when constructing the HTML string\n */\n\nconst escapeDoubleQuotes = str => {\n  return str.replace(/\"/g, \"&quot;\");\n};\nconst castArray = value => Array.isArray(value) ? value : [value];\n/** hack for Array.isArray type guard not working with readonly value[] */\n\nconst isReadonlyArray = value => {\n  return Array.isArray(value);\n};\nconst sizeOf = value => {\n  return isReadonlyArray(value) ? value.length : value instanceof Map || value instanceof Set ? value.size : Object.keys(value).length;\n};\nconst reduceToCommonValue = (collection, getValue) => {\n  if (sizeOf(collection) === 0) {\n    return null;\n  }\n\n  const valueExtractor = getValue || (item => item);\n\n  let commonValue = null;\n\n  for (const item of collection) {\n    const value = valueExtractor(item);\n\n    if ((commonValue === null || commonValue === value) && value != null) {\n      commonValue = value;\n    } else {\n      return null;\n    }\n  }\n\n  return commonValue;\n};\nconst FEATURE_FLAGS_STORAGE_KEY = \"excalidraw-feature-flags\";\nconst DEFAULT_FEATURE_FLAGS = {\n  COMPLEX_BINDINGS: false\n};\nlet featureFlags = null;\nconst getFeatureFlag = flag => {\n  if (!featureFlags) {\n    try {\n      const serializedFlags = localStorage.getItem(FEATURE_FLAGS_STORAGE_KEY);\n\n      if (serializedFlags) {\n        const flags = JSON.parse(serializedFlags);\n        featureFlags = flags !== null && flags !== void 0 ? flags : DEFAULT_FEATURE_FLAGS;\n      }\n    } catch (_a) {}\n  }\n\n  return (featureFlags || DEFAULT_FEATURE_FLAGS)[flag];\n};\nconst setFeatureFlag = (flag, value) => {\n  try {\n    featureFlags = Object.assign(Object.assign({}, featureFlags || DEFAULT_FEATURE_FLAGS), {\n      [flag]: value\n    });\n    localStorage.setItem(FEATURE_FLAGS_STORAGE_KEY, JSON.stringify(featureFlags));\n  } catch (e) {\n    console.error(\"unable to set feature flag\", e);\n  }\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../common/src/utils.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\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 */   castArray: () => (/* binding */ castArray),\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 */   escapeDoubleQuotes: () => (/* binding */ escapeDoubleQuotes),\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 */   getFeatureFlag: () => (/* binding */ getFeatureFlag),\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 */   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 */   isProdEnv: () => (/* binding */ isProdEnv),\n/* harmony export */   isPromiseLike: () => (/* binding */ isPromiseLike),\n/* harmony export */   isRTL: () => (/* binding */ isRTL),\n/* harmony export */   isReadonlyArray: () => (/* binding */ isReadonlyArray),\n/* harmony export */   isRunningInIframe: () => (/* binding */ isRunningInIframe),\n/* harmony export */   isSelectionLikeTool: () => (/* binding */ isSelectionLikeTool),\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 */   isWritableElement: () => (/* binding */ isWritableElement),\n/* harmony export */   mapFind: () => (/* binding */ mapFind),\n/* harmony export */   memoize: () => (/* binding */ memoize),\n/* harmony export */   muteFSAbortError: () => (/* binding */ muteFSAbortError),\n/* harmony export */   nFormatter: () => (/* binding */ nFormatter),\n/* harmony export */   nextAnimationFrame: () => (/* binding */ nextAnimationFrame),\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 */   reduceToCommonValue: () => (/* binding */ reduceToCommonValue),\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 */   setFeatureFlag: () => (/* binding */ setFeatureFlag),\n/* harmony export */   sizeOf: () => (/* binding */ sizeOf),\n/* harmony export */   supportsEmoji: () => (/* binding */ supportsEmoji),\n/* harmony export */   throttleRAF: () => (/* binding */ throttleRAF),\n/* harmony export */   toArray: () => (/* binding */ toArray),\n/* harmony export */   toBrandedType: () => (/* binding */ toBrandedType),\n/* harmony export */   toIterable: () => (/* binding */ toIterable),\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 _excalidraw_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ \"../common/src/constants.ts\");\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\" || target.type === \"search\");\nconst getFontFamilyString = ({\n  fontFamily\n}) => {\n  for (const [fontFamilyString, id] of Object.entries(_constants__WEBPACK_IMPORTED_MODULE_1__.FONT_FAMILY)) {\n    if (id === fontFamily) {\n      return `${fontFamilyString}${(0,_constants__WEBPACK_IMPORTED_MODULE_1__.getFontFamilyFallbacks)(id).map(x => `, ${x}`).join(\"\")}`;\n    }\n  }\n\n  return _constants__WEBPACK_IMPORTED_MODULE_1__.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};\n/** executes callback in the frame that's after the current one */\n\nconst nextAnimationFrame = async cb => {\n  requestAnimationFrame(() => requestAnimationFrame(cb));\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 (isTestEnv()) {\n      fn(...args);\n      return;\n    }\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/**\n * Exponential ease-out method\n *\n * @param {number} k - The value to be tweened.\n * @returns {number} The tweened value.\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/**\n * Animates values from `fromValues` to `toValues` using the requestAnimationFrame API.\n * Executes the `onStep` callback on each step with the interpolated values.\n * Returns a function that can be called to cancel the animation.\n *\n * @example\n * // Example usage:\n * const fromValues = { x: 0, y: 0 };\n * const toValues = { x: 100, y: 200 };\n * const onStep = ({x, y}) => {\n *   setState(x, y)\n * };\n * const onCancel = () => {\n *   console.log(\"Animation canceled\");\n * };\n *\n * const cancelAnimation = easeToValuesRAF({\n *   fromValues,\n *   toValues,\n *   onStep,\n *   onCancel,\n * });\n *\n * // To cancel the animation:\n * cancelAnimation();\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 isSelectionLikeTool = type => {\n  return type === \"selection\" || type === \"lasso\";\n};\nconst updateActiveTool = (appState, data) => {\n  var _a, _b, _c;\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    fromSelection: (_c = data.fromSelection) !== null && _c !== void 0 ? _c : false\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 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/**\n * Checks whether first directional character is RTL. Meaning whether it starts\n *  with RTL characters, or indeterminate (numbers etc.) characters followed by\n *  RTL.\n * See https://github.com/excalidraw/excalidraw/pull/1722#discussion_r436340171\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};\n/** returns the first non-null mapped value */\n\nconst mapFind = (collection, iteratee) => {\n  for (let idx = 0; idx < collection.length; idx++) {\n    const result = iteratee(collection[idx], idx);\n\n    if (result != null) {\n      return result;\n    }\n  }\n\n  return undefined;\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_1__.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/**\n * Transforms array of objects containing `id` attribute,\n * or array of ids (strings), into a Map, keyd by `id`.\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/**\n * Transform array into an object, use only when array order is irrelevant.\n */\n\nconst arrayToObject = (array, groupBy) => array.reduce((acc, value, idx) => {\n  acc[groupBy ? groupBy(value) : idx] = value;\n  return acc;\n}, {});\n/**\n * Creates a circular doubly linked list by adding `prev` and `next` props to the existing array nodes.\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}, []);\n/**\n * Converts a readonly array or map into an iterable.\n * Useful for avoiding entry allocations when iterating object / map on each iteration.\n */\n\nconst toIterable = values => {\n  return Array.isArray(values) ? values : values.values();\n};\n/**\n * Converts a readonly array or map into an array.\n */\n\nconst toArray = values => {\n  return Array.isArray(values) ? values : Array.from(toIterable(values));\n};\nconst isTestEnv = () => \"development\" === _constants__WEBPACK_IMPORTED_MODULE_1__.ENV.TEST;\nconst isDevEnv = () => \"development\" === _constants__WEBPACK_IMPORTED_MODULE_1__.ENV.DEVELOPMENT;\nconst isProdEnv = () => \"development\" === _constants__WEBPACK_IMPORTED_MODULE_1__.ENV.PRODUCTION;\nconst isServerEnv = () => {\n  var _a;\n\n  return typeof process !== \"undefined\" && !!((_a = process === null || process === void 0 ? void 0 : ({\"MODE\":\"development\",\"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:3016\",\"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\":\"3001\",\"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_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-70\",\"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/**\n * Returns whether object/array is shallow equal.\n * Considers empty object/arrays as equal (whether top-level or second-level).\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/**\n * supply `null` as message if non-never value is valid, you just need to\n * typecheck against it\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/**\n * Memoizes on values of `opts` object (strict equality).\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/**\n * allows for falsy values so you don't have to type check when adding\n * event listeners to optional elements\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,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.average)(b[0], c[0]).toFixed(2)},${(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.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,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.average)(a[0], b[0]).toFixed(2)},${(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.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};\nfunction 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};\n/**\n * use when you need to render unsafe string as HTML attribute, but MAKE SURE\n * the attribute is double-quoted when constructing the HTML string\n */\n\nconst escapeDoubleQuotes = str => {\n  return str.replace(/\"/g, \"&quot;\");\n};\nconst castArray = value => Array.isArray(value) ? value : [value];\n/** hack for Array.isArray type guard not working with readonly value[] */\n\nconst isReadonlyArray = value => {\n  return Array.isArray(value);\n};\nconst sizeOf = value => {\n  return isReadonlyArray(value) ? value.length : value instanceof Map || value instanceof Set ? value.size : Object.keys(value).length;\n};\nconst reduceToCommonValue = (collection, getValue) => {\n  if (sizeOf(collection) === 0) {\n    return null;\n  }\n\n  const valueExtractor = getValue || (item => item);\n\n  let commonValue = null;\n\n  for (const item of collection) {\n    const value = valueExtractor(item);\n\n    if ((commonValue === null || commonValue === value) && value != null) {\n      commonValue = value;\n    } else {\n      return null;\n    }\n  }\n\n  return commonValue;\n};\nconst FEATURE_FLAGS_STORAGE_KEY = \"excalidraw-feature-flags\";\nconst DEFAULT_FEATURE_FLAGS = {\n  COMPLEX_BINDINGS: false\n};\nlet featureFlags = null;\nconst getFeatureFlag = flag => {\n  if (!featureFlags) {\n    try {\n      const serializedFlags = localStorage.getItem(FEATURE_FLAGS_STORAGE_KEY);\n\n      if (serializedFlags) {\n        const flags = JSON.parse(serializedFlags);\n        featureFlags = flags !== null && flags !== void 0 ? flags : DEFAULT_FEATURE_FLAGS;\n      }\n    } catch (_a) {}\n  }\n\n  return (featureFlags || DEFAULT_FEATURE_FLAGS)[flag];\n};\nconst setFeatureFlag = (flag, value) => {\n  try {\n    featureFlags = Object.assign(Object.assign({}, featureFlags || DEFAULT_FEATURE_FLAGS), {\n      [flag]: value\n    });\n    localStorage.setItem(FEATURE_FLAGS_STORAGE_KEY, JSON.stringify(featureFlags));\n  } catch (e) {\n    console.error(\"unable to set feature flag\", e);\n  }\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../common/src/utils.ts?");
 /***/ }),
@@ -14676,7 +14676,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 */   DEFAULT_LINK_SIZE: () => (/* binding */ DEFAULT_LINK_SIZE),\n/* harmony export */   elementWithCanvasCache: () => (/* binding */ elementWithCanvasCache),\n/* harmony export */   getFreedrawOutlineAsSegments: () => (/* binding */ getFreedrawOutlineAsSegments),\n/* harmony export */   getRenderOpacity: () => (/* binding */ getRenderOpacity),\n/* harmony export */   renderElement: () => (/* binding */ renderElement),\n/* harmony export */   renderSelectionElement: () => (/* binding */ renderSelectionElement)\n/* harmony export */ });\n/* harmony import */ var roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! roughjs/bin/rough */ \"../../node_modules/roughjs/bin/rough.js\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _bounds__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _cropElement__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./cropElement */ \"../element/src/cropElement.ts\");\n/* harmony import */ var _linearElementEditor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _textMeasurements__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./textMeasurements */ \"../element/src/textMeasurements.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @excalidraw/element/typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _frame__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./frame */ \"../element/src/frame.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils */ \"../element/src/utils.ts\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shape */ \"../element/src/shape.ts\");\n/* harmony import */ var _freedrawPath__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./freedrawPath */ \"../element/src/freedrawPath.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst isPendingImageElement = (element, renderConfig) => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isInitializedImageElement)(element) && !renderConfig.imageCache.has(element.fileId);\n\nconst getCanvasPadding = element => {\n  switch (element.type) {\n    case \"freedraw\":\n      return element.strokeWidth * 12;\n\n    case \"text\":\n      return element.fontSize / 2;\n\n    case \"arrow\":\n      if (element.endArrowhead || element.endArrowhead) {\n        return 40;\n      }\n\n      return 20;\n\n    default:\n      return 20;\n  }\n};\n\nconst getRenderOpacity = (element, containingFrame, elementsPendingErasure, pendingNodes, globalAlpha = 1) => {\n  var _a; // multiplying frame opacity with element opacity to combine them\n  // (e.g. frame 50% and element 50% opacity should result in 25% opacity)\n\n\n  let opacity = ((_a = containingFrame === null || containingFrame === void 0 ? void 0 : containingFrame.opacity) !== null && _a !== void 0 ? _a : 100) * element.opacity / 10000 * globalAlpha; // if pending erasure, multiply again to combine further\n  // (so that erasing always results in lower opacity than original)\n\n  if (elementsPendingErasure.has(element.id) || pendingNodes && pendingNodes.some(node => node.id === element.id) || containingFrame && elementsPendingErasure.has(containingFrame.id)) {\n    opacity *= _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.ELEMENT_READY_TO_ERASE_OPACITY / 100;\n  }\n\n  return opacity;\n};\n\nconst cappedElementCanvasSize = (element, elementsMap, zoom) => {\n  // these limits are ballpark, they depend on specific browsers and device.\n  // We've chosen lower limits to be safe. We might want to change these limits\n  // based on browser/device type, if we get reports of low quality rendering\n  // on zoom.\n  //\n  // ~ safari mobile canvas area limit\n  const AREA_LIMIT = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.getAreaLimit)(); //zsviczian\n  // ~ safari width/height limit based on developer.mozilla.org.\n\n  const WIDTH_HEIGHT_LIMIT = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.getWidthHeightLimit)(); //zsviczian\n\n  const padding = getCanvasPadding(element);\n  const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap);\n  const elementWidth = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isLinearElement)(element) || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFreeDrawElement)(element) ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(x1, x2) : element.width;\n  const elementHeight = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isLinearElement)(element) || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFreeDrawElement)(element) ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(y1, y2) : element.height;\n  let width = elementWidth * window.devicePixelRatio + padding * 2;\n  let height = elementHeight * window.devicePixelRatio + padding * 2;\n  let scale = zoom.value; // rescale to ensure width and height is within limits\n\n  if (width * scale > WIDTH_HEIGHT_LIMIT || height * scale > WIDTH_HEIGHT_LIMIT) {\n    scale = Math.min(WIDTH_HEIGHT_LIMIT / width, WIDTH_HEIGHT_LIMIT / height);\n  } // rescale to ensure canvas area is within limits\n\n\n  if (width * height * scale * scale > AREA_LIMIT) {\n    scale = Math.sqrt(AREA_LIMIT / (width * height));\n  }\n\n  width = Math.floor(width * scale);\n  height = Math.floor(height * scale);\n  return {\n    width,\n    height,\n    scale\n  };\n};\n\nconst generateElementCanvas = (element, elementsMap, zoom, renderConfig, appState) => {\n  var _a, _b;\n\n  const canvas = document.createElement(\"canvas\");\n  const context = canvas.getContext(\"2d\");\n  const padding = getCanvasPadding(element);\n  const {\n    width,\n    height,\n    scale\n  } = cappedElementCanvasSize(element, elementsMap, zoom);\n\n  if (!width || !height) {\n    return null;\n  }\n\n  canvas.width = width;\n  canvas.height = height;\n  let canvasOffsetX = -100;\n  let canvasOffsetY = 0;\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isLinearElement)(element) || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFreeDrawElement)(element)) {\n    const [x1, y1] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap);\n    canvasOffsetX = element.x > x1 ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(element.x, x1) * window.devicePixelRatio * scale : 0;\n    canvasOffsetY = element.y > y1 ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(element.y, y1) * window.devicePixelRatio * scale : 0;\n    context.translate(canvasOffsetX, canvasOffsetY);\n  }\n\n  context.save();\n  context.translate(padding * scale, padding * scale);\n  context.scale(window.devicePixelRatio * scale, window.devicePixelRatio * scale);\n  const rc = roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_0__[\"default\"].canvas(canvas);\n  drawElementOnCanvas(element, rc, context, renderConfig);\n  context.restore();\n  const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n  const boundTextCanvas = document.createElement(\"canvas\");\n  const boundTextCanvasContext = boundTextCanvas.getContext(\"2d\");\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(element) && boundTextElement) {\n    const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap); // Take max dimensions of arrow canvas so that when canvas is rotated\n    // the arrow doesn't get clipped\n\n    const maxDim = Math.max((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(x1, x2), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(y1, y2));\n    boundTextCanvas.width = maxDim * window.devicePixelRatio * scale + padding * scale * 10;\n    boundTextCanvas.height = maxDim * window.devicePixelRatio * scale + padding * scale * 10;\n    boundTextCanvasContext.translate(boundTextCanvas.width / 2, boundTextCanvas.height / 2);\n    boundTextCanvasContext.rotate(element.angle);\n    boundTextCanvasContext.drawImage(canvas, -canvas.width / 2, -canvas.height / 2, canvas.width, canvas.height);\n    const [,,,, boundTextCx, boundTextCy] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(boundTextElement, elementsMap);\n    boundTextCanvasContext.rotate(-element.angle);\n    const offsetX = (boundTextCanvas.width - canvas.width) / 2;\n    const offsetY = (boundTextCanvas.height - canvas.height) / 2;\n    const shiftX = boundTextCanvas.width / 2 - (boundTextCx - x1) * window.devicePixelRatio * scale - offsetX - padding * scale;\n    const shiftY = boundTextCanvas.height / 2 - (boundTextCy - y1) * window.devicePixelRatio * scale - offsetY - padding * scale;\n    boundTextCanvasContext.translate(-shiftX, -shiftY); // Clear the bound text area\n\n    boundTextCanvasContext.clearRect(-(boundTextElement.width / 2 + _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.BOUND_TEXT_PADDING) * window.devicePixelRatio * scale, -(boundTextElement.height / 2 + _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.BOUND_TEXT_PADDING) * window.devicePixelRatio * scale, (boundTextElement.width + _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.BOUND_TEXT_PADDING * 2) * window.devicePixelRatio * scale, (boundTextElement.height + _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.BOUND_TEXT_PADDING * 2) * window.devicePixelRatio * scale);\n  }\n\n  return {\n    element,\n    canvas,\n    theme: appState.theme,\n    scale,\n    zoomValue: zoom.value,\n    canvasOffsetX,\n    canvasOffsetY,\n    boundTextElementVersion: ((_a = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap)) === null || _a === void 0 ? void 0 : _a.version) || null,\n    containingFrameOpacity: ((_b = (0,_frame__WEBPACK_IMPORTED_MODULE_9__.getContainingFrame)(element, elementsMap)) === null || _b === void 0 ? void 0 : _b.opacity) || 100,\n    boundTextCanvas,\n    angle: element.angle,\n    imageCrop: (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isImageElement)(element) ? element.crop : null\n  };\n};\n\nconst DEFAULT_LINK_SIZE = 14;\nconst IMAGE_PLACEHOLDER_IMG = typeof document !== \"undefined\" ? document.createElement(\"img\") : {\n  src: \"\"\n}; // mock image element outside of browser\n\nIMAGE_PLACEHOLDER_IMG.src = `data:${_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.MIME_TYPES.svg},${encodeURIComponent(`<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"image\" class=\"svg-inline--fa fa-image fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"#888\" d=\"M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z\"></path></svg>`)}`;\nconst IMAGE_ERROR_PLACEHOLDER_IMG = typeof document !== \"undefined\" ? document.createElement(\"img\") : {\n  src: \"\"\n}; // mock image element outside of browser\n\nIMAGE_ERROR_PLACEHOLDER_IMG.src = `data:${_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.MIME_TYPES.svg},${encodeURIComponent(`<svg viewBox=\"0 0 668 668\" xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" style=\"fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2\"><path d=\"M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48ZM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56ZM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48Z\" style=\"fill:#888;fill-rule:nonzero\" transform=\"matrix(.81709 0 0 .81709 124.825 145.825)\"/><path d=\"M256 8C119.034 8 8 119.033 8 256c0 136.967 111.034 248 248 248s248-111.034 248-248S392.967 8 256 8Zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676ZM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676Z\" style=\"fill:#888;fill-rule:nonzero\" transform=\"matrix(.30366 0 0 .30366 506.822 60.065)\"/></svg>`)}`;\n\nconst drawImagePlaceholder = (element, context) => {\n  context.fillStyle = \"#E7E7E7\";\n  context.fillRect(0, 0, element.width, element.height);\n  const imageMinWidthOrHeight = Math.min(element.width, element.height);\n  const size = Math.min(imageMinWidthOrHeight, Math.min(imageMinWidthOrHeight * 0.4, 100));\n  context.drawImage(element.status === \"error\" ? IMAGE_ERROR_PLACEHOLDER_IMG : IMAGE_PLACEHOLDER_IMG, element.width / 2 - size / 2, element.height / 2 - size / 2, size, size);\n};\n\nconst drawElementOnCanvas = (element, rc, context, renderConfig) => {\n  var _a, _b;\n\n  switch (element.type) {\n    case \"rectangle\":\n    case \"iframe\":\n    case \"embeddable\":\n    case \"diamond\":\n    case \"ellipse\":\n      {\n        context.lineJoin = \"round\";\n        context.lineCap = \"round\";\n        rc.draw(_shape__WEBPACK_IMPORTED_MODULE_11__.ShapeCache.generateElementShape(element, renderConfig));\n        break;\n      }\n\n    case \"arrow\":\n    case \"line\":\n      {\n        context.lineJoin = \"round\";\n        context.lineCap = \"round\";\n        _shape__WEBPACK_IMPORTED_MODULE_11__.ShapeCache.generateElementShape(element, renderConfig).forEach(shape => {\n          rc.draw(shape);\n        });\n        break;\n      }\n\n    case \"freedraw\":\n      {\n        // Draw directly to canvas\n        context.save();\n        const shapes = _shape__WEBPACK_IMPORTED_MODULE_11__.ShapeCache.generateElementShape(element, renderConfig);\n\n        for (const shape of shapes) {\n          if (typeof shape === \"string\") {\n            const {\n              path,\n              fillStyle\n            } = (() => {\n              var _a, _b, _c, _d, _e;\n\n              const path = new Path2D((0,_freedrawPath__WEBPACK_IMPORTED_MODULE_12__.getFreeDrawSvgPath)(element));\n              const hasOutline = (_b = (_a = element.customData) === null || _a === void 0 ? void 0 : _a.strokeOptions) === null || _b === void 0 ? void 0 : _b.hasOutline;\n              const outlineWidth = (_e = (_d = (_c = element.customData) === null || _c === void 0 ? void 0 : _c.strokeOptions) === null || _d === void 0 ? void 0 : _d.outlineWidth) !== null && _e !== void 0 ? _e : 1;\n              const fillColor = hasOutline ? element.backgroundColor : element.strokeColor;\n              const fillStyle = renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.applyDarkModeFilter)(fillColor) : fillColor;\n\n              if (hasOutline) {\n                context.lineWidth = element.strokeWidth * outlineWidth;\n                context.strokeStyle = renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.applyDarkModeFilter)(element.strokeColor) : element.strokeColor;\n                context.stroke(path);\n              }\n\n              return {\n                path,\n                fillStyle\n              };\n            })();\n\n            context.fillStyle = fillStyle; //zsviczian\n\n            context.fill(path); //zsviczian\n\n            /*\n            context.fillStyle =\n              renderConfig.theme === THEME.DARK\n                ? applyDarkModeFilter(element.strokeColor)\n                : element.strokeColor;\n            context.fill(new Path2D(shape));\n            */\n            //zsviczian\n          } else {\n            rc.draw(shape);\n          }\n        }\n\n        context.restore();\n        break;\n      }\n\n    case \"image\":\n      {\n        context.save();\n        const cacheEntry = element.fileId !== null ? renderConfig.imageCache.get(element.fileId) : null;\n        const img = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isInitializedImageElement)(element) ? cacheEntry === null || cacheEntry === void 0 ? void 0 : cacheEntry.image : undefined;\n        const shouldInvertImage = renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.THEME.DARK && ((cacheEntry === null || cacheEntry === void 0 ? void 0 : cacheEntry.mimeType) === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.MIME_TYPES.svg || !!((_a = element.customData) === null || _a === void 0 ? void 0 : _a.pdfPageViewProps) || !!((_b = element.customData) === null || _b === void 0 ? void 0 : _b.invertInDarkmode)); //zsviczian\n\n        if (shouldInvertImage) {\n          context.filter = _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.DARK_THEME_FILTER;\n        }\n\n        if (img != null && !(img instanceof Promise)) {\n          if (element.roundness && context.roundRect) {\n            context.beginPath();\n            context.roundRect(0, 0, element.width, element.height, (0,_utils__WEBPACK_IMPORTED_MODULE_10__.getCornerRadius)(Math.min(element.width, element.height), element));\n            context.clip();\n          }\n\n          const {\n            x,\n            y,\n            width,\n            height\n          } = element.crop ? element.crop : {\n            x: 0,\n            y: 0,\n            width: img.naturalWidth,\n            height: img.naturalHeight\n          };\n          context.drawImage(img, x, y, width, height, 0\n          /* hardcoded for the selection box*/\n          , 0, element.width, element.height);\n        } else {\n          drawImagePlaceholder(element, context);\n        }\n\n        context.restore();\n        break;\n      }\n\n    default:\n      {\n        if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(element)) {\n          const rtl = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.isRTL)(element.text);\n          const shouldTemporarilyAttach = rtl && !context.canvas.isConnected;\n\n          if (shouldTemporarilyAttach) {\n            // to correctly render RTL text mixed with LTR, we have to append it\n            // to the DOM\n            document.body.appendChild(context.canvas);\n          }\n\n          context.canvas.setAttribute(\"dir\", rtl ? \"rtl\" : \"ltr\");\n          context.save();\n          context.font = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.getFontString)(element);\n          context.fillStyle = renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.applyDarkModeFilter)(element.strokeColor) : element.strokeColor;\n          context.textAlign = element.textAlign; // Canvas does not support multiline text by default\n\n          const lines = element.text.replace(/\\r\\n?/g, \"\\n\").split(\"\\n\");\n          const horizontalOffset = element.textAlign === \"center\" ? element.width / 2 : element.textAlign === \"right\" ? element.width : 0;\n          const lineHeightPx = (0,_textMeasurements__WEBPACK_IMPORTED_MODULE_7__.getLineHeightInPx)(element.fontSize, element.lineHeight);\n          const verticalOffset = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.getVerticalOffset)(element.fontFamily, element.fontSize, lineHeightPx);\n\n          for (let index = 0; index < lines.length; index++) {\n            context.fillText(lines[index], horizontalOffset, index * lineHeightPx + verticalOffset);\n          }\n\n          context.restore();\n\n          if (shouldTemporarilyAttach) {\n            context.canvas.remove();\n          }\n        } else {\n          throw new Error(`Unimplemented type ${element.type}`);\n        }\n      }\n  }\n};\n\nconst elementWithCanvasCache = new WeakMap();\n\nconst generateElementWithCanvas = (element, elementsMap, renderConfig, appState) => {\n  var _a;\n\n  const zoom = renderConfig ? appState.zoom : {\n    value: 1\n  };\n  const prevElementWithCanvas = elementWithCanvasCache.get(element);\n  const shouldRegenerateBecauseZoom = prevElementWithCanvas && prevElementWithCanvas.zoomValue !== zoom.value && !(appState === null || appState === void 0 ? void 0 : appState.shouldCacheIgnoreZoom);\n  const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n  const boundTextElementVersion = (boundTextElement === null || boundTextElement === void 0 ? void 0 : boundTextElement.version) || null;\n  const imageCrop = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isImageElement)(element) ? element.crop : null;\n  const containingFrameOpacity = ((_a = (0,_frame__WEBPACK_IMPORTED_MODULE_9__.getContainingFrame)(element, elementsMap)) === null || _a === void 0 ? void 0 : _a.opacity) || 100;\n\n  if (!prevElementWithCanvas || shouldRegenerateBecauseZoom || prevElementWithCanvas.theme !== appState.theme || prevElementWithCanvas.boundTextElementVersion !== boundTextElementVersion || prevElementWithCanvas.imageCrop !== imageCrop || prevElementWithCanvas.containingFrameOpacity !== containingFrameOpacity || // since we rotate the canvas when copying from cached canvas, we don't\n  // regenerate the cached canvas. But we need to in case of labels which are\n  // cached alongside the arrow, and we want the labels to remain unrotated\n  // with respect to the arrow.\n  (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(element) && boundTextElement && element.angle !== prevElementWithCanvas.angle) {\n    const elementWithCanvas = generateElementCanvas(element, elementsMap, zoom, renderConfig, appState);\n\n    if (!elementWithCanvas) {\n      return null;\n    }\n\n    elementWithCanvasCache.set(element, elementWithCanvas);\n    return elementWithCanvas;\n  }\n\n  return prevElementWithCanvas;\n};\n\nconst drawElementFromCanvas = (elementWithCanvas, context, renderConfig, appState, allElementsMap) => {\n  const element = elementWithCanvas.element;\n  const padding = getCanvasPadding(element);\n  const zoom = elementWithCanvas.scale;\n  const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, allElementsMap);\n  const cx = ((x1 + x2) / 2 + appState.scrollX) * window.devicePixelRatio;\n  const cy = ((y1 + y2) / 2 + appState.scrollY) * window.devicePixelRatio;\n  context.save();\n  context.scale(1 / window.devicePixelRatio, 1 / window.devicePixelRatio);\n  const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, allElementsMap);\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(element) && boundTextElement) {\n    const offsetX = (elementWithCanvas.boundTextCanvas.width - elementWithCanvas.canvas.width) / 2;\n    const offsetY = (elementWithCanvas.boundTextCanvas.height - elementWithCanvas.canvas.height) / 2;\n    context.translate(cx, cy);\n    context.drawImage(elementWithCanvas.boundTextCanvas, -(x2 - x1) / 2 * window.devicePixelRatio - offsetX / zoom - padding, -(y2 - y1) / 2 * window.devicePixelRatio - offsetY / zoom - padding, elementWithCanvas.boundTextCanvas.width / zoom, elementWithCanvas.boundTextCanvas.height / zoom);\n  } else {\n    // we translate context to element center so that rotation and scale\n    // originates from the element center\n    context.translate(cx, cy);\n    context.rotate(element.angle);\n\n    if (\"scale\" in elementWithCanvas.element && !isPendingImageElement(element, renderConfig) && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isIframeLikeElement)(element) //zsviczian\n    ) {\n      context.scale(elementWithCanvas.element.scale[0], elementWithCanvas.element.scale[1]);\n    } // revert afterwards we don't have account for it during drawing\n\n\n    context.translate(-cx, -cy);\n    context.drawImage(elementWithCanvas.canvas, (x1 + appState.scrollX) * window.devicePixelRatio - padding * elementWithCanvas.scale / elementWithCanvas.scale, (y1 + appState.scrollY) * window.devicePixelRatio - padding * elementWithCanvas.scale / elementWithCanvas.scale, elementWithCanvas.canvas.width / elementWithCanvas.scale, elementWithCanvas.canvas.height / elementWithCanvas.scale);\n\n    if (false) {}\n  }\n\n  context.restore(); // Clear the nested element we appended to the DOM\n};\n\nconst renderSelectionElement = (element, context, appState, selectionColor) => {\n  context.save();\n  context.translate(element.x + appState.scrollX, element.y + appState.scrollY);\n  context.fillStyle = \"rgba(0, 0, 200, 0.04)\"; // render from 0.5px offset  to get 1px wide line\n  // https://stackoverflow.com/questions/7530593/html5-canvas-and-line-width/7531540#7531540\n  // TODO can be be improved by offseting to the negative when user selects\n  // from right to left\n\n  const offset = 0.5 / appState.zoom.value;\n  context.fillRect(offset, offset, element.width, element.height);\n  context.lineWidth = 1.5 / appState.zoom.value; //zsviczian changed from 1 to 1.5\n\n  context.strokeStyle = selectionColor;\n  context.strokeRect(offset, offset, element.width, element.height);\n  context.restore();\n};\nconst renderElement = (element, elementsMap, allElementsMap, rc, context, renderConfig, appState) => {\n  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;\n\n  const reduceAlphaForSelection = ((_a = appState.openDialog) === null || _a === void 0 ? void 0 : _a.name) === \"elementLinkSelector\" && !appState.selectedElementIds[element.id] && !appState.hoveredElementIds[element.id];\n  context.globalAlpha = getRenderOpacity(element, (0,_frame__WEBPACK_IMPORTED_MODULE_9__.getContainingFrame)(element, elementsMap), renderConfig.elementsPendingErasure, renderConfig.pendingFlowchartNodes, reduceAlphaForSelection ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_REDUCED_GLOBAL_ALPHA : 1);\n\n  switch (element.type) {\n    case \"magicframe\":\n    case \"frame\":\n      {\n        if ( //zsviczian\n        appState.frameRendering.enabled && appState.frameRendering.outline && !(!appState.frameRendering.markerEnabled && element.frameRole === \"marker\")) {\n          context.save();\n          context.translate(element.x + appState.scrollX, element.y + appState.scrollY);\n          context.fillStyle = (_f = (_d = (_c = (_b = element.customData) === null || _b === void 0 ? void 0 : _b.frameColor) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : (_e = appState === null || appState === void 0 ? void 0 : appState.frameColor) === null || _e === void 0 ? void 0 : _e.fill) !== null && _f !== void 0 ? _f : \"rgba(0, 0, 200, 0.04)\"; //zsviczian\n\n          context.lineWidth = _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE.strokeWidth / appState.zoom.value;\n          context.strokeStyle = appState.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.applyDarkModeFilter)((_l = (_j = (_h = (_g = element.customData) === null || _g === void 0 ? void 0 : _g.frameColor) === null || _h === void 0 ? void 0 : _h.stroke) !== null && _j !== void 0 ? _j : (_k = appState === null || appState === void 0 ? void 0 : appState.frameColor) === null || _k === void 0 ? void 0 : _k.stroke) !== null && _l !== void 0 ? _l : _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE.strokeColor) : (_r = (_p = (_o = (_m = element.customData) === null || _m === void 0 ? void 0 : _m.frameColor) === null || _o === void 0 ? void 0 : _o.stroke) !== null && _p !== void 0 ? _p : (_q = appState === null || appState === void 0 ? void 0 : appState.frameColor) === null || _q === void 0 ? void 0 : _q.stroke) !== null && _r !== void 0 ? _r : _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE.strokeColor; //zsviczian\n          // TODO change later to only affect AI frames\n\n          if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isMagicFrameElement)(element)) {\n            context.strokeStyle = appState.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.THEME.LIGHT ? \"#7affd7\" : (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.applyDarkModeFilter)(\"#1d8264\");\n          } //zsviczian\n\n\n          if (element.frameRole === \"marker\") {\n            const dash = 8 / appState.zoom.value;\n            const gap = 6 / appState.zoom.value;\n            context.setLineDash([dash, gap]);\n          }\n\n          if (_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE.radius && context.roundRect && element.frameRole !== \"marker\") {\n            //zsviczian\n            context.beginPath();\n            context.roundRect(0, 0, element.width, element.height, _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE.radius / appState.zoom.value);\n            context.stroke();\n            context.closePath();\n          } else {\n            context.strokeRect(0, 0, element.width, element.height);\n          }\n\n          context.restore();\n        }\n\n        break;\n      }\n\n    case \"freedraw\":\n      {\n        if (renderConfig.isExporting) {\n          const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap);\n          const cx = (x1 + x2) / 2 + appState.scrollX;\n          const cy = (y1 + y2) / 2 + appState.scrollY;\n          const shiftX = (x2 - x1) / 2 - (element.x - x1);\n          const shiftY = (y2 - y1) / 2 - (element.y - y1);\n          context.save();\n          context.translate(cx, cy);\n          context.rotate(element.angle);\n          context.translate(-shiftX, -shiftY);\n          drawElementOnCanvas(element, rc, context, renderConfig);\n          context.restore();\n        } else {\n          const elementWithCanvas = generateElementWithCanvas(element, allElementsMap, renderConfig, appState);\n\n          if (!elementWithCanvas) {\n            return;\n          }\n\n          drawElementFromCanvas(elementWithCanvas, context, renderConfig, appState, allElementsMap);\n        }\n\n        break;\n      }\n\n    case \"rectangle\":\n    case \"diamond\":\n    case \"ellipse\":\n    case \"line\":\n    case \"arrow\":\n    case \"image\":\n    case \"text\":\n    case \"iframe\":\n    case \"embeddable\":\n      {\n        if (renderConfig.isExporting) {\n          const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap);\n          const cx = (x1 + x2) / 2 + appState.scrollX;\n          const cy = (y1 + y2) / 2 + appState.scrollY;\n          let shiftX = (x2 - x1) / 2 - (element.x - x1);\n          let shiftY = (y2 - y1) / 2 - (element.y - y1);\n\n          if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(element)) {\n            const container = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getContainerElement)(element, elementsMap);\n\n            if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(container)) {\n              const boundTextCoords = _linearElementEditor__WEBPACK_IMPORTED_MODULE_5__.LinearElementEditor.getBoundTextElementPosition(container, element, elementsMap);\n              shiftX = (x2 - x1) / 2 - (boundTextCoords.x - x1);\n              shiftY = (y2 - y1) / 2 - (boundTextCoords.y - y1);\n            }\n          }\n\n          context.save();\n          context.translate(cx, cy);\n          const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n\n          if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(element) && boundTextElement) {\n            const tempCanvas = document.createElement(\"canvas\");\n            const tempCanvasContext = tempCanvas.getContext(\"2d\"); // Take max dimensions of arrow canvas so that when canvas is rotated\n            // the arrow doesn't get clipped\n\n            const maxDim = Math.max((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(x1, x2), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(y1, y2));\n            const padding = getCanvasPadding(element);\n            tempCanvas.width = maxDim * appState.exportScale + padding * 10 * appState.exportScale;\n            tempCanvas.height = maxDim * appState.exportScale + padding * 10 * appState.exportScale;\n            tempCanvasContext.translate(tempCanvas.width / 2, tempCanvas.height / 2);\n            tempCanvasContext.scale(appState.exportScale, appState.exportScale); // Shift the canvas to left most point of the arrow\n\n            shiftX = element.width / 2 - (element.x - x1);\n            shiftY = element.height / 2 - (element.y - y1);\n            tempCanvasContext.rotate(element.angle);\n            const tempRc = roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_0__[\"default\"].canvas(tempCanvas);\n            tempCanvasContext.translate(-shiftX, -shiftY);\n            drawElementOnCanvas(element, tempRc, tempCanvasContext, renderConfig);\n            tempCanvasContext.translate(shiftX, shiftY);\n            tempCanvasContext.rotate(-element.angle); // Shift the canvas to center of bound text\n\n            const [,,,, boundTextCx, boundTextCy] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(boundTextElement, elementsMap);\n            const boundTextShiftX = (x1 + x2) / 2 - boundTextCx;\n            const boundTextShiftY = (y1 + y2) / 2 - boundTextCy;\n            tempCanvasContext.translate(-boundTextShiftX, -boundTextShiftY); // Clear the bound text area\n\n            tempCanvasContext.clearRect(-boundTextElement.width / 2, -boundTextElement.height / 2, boundTextElement.width, boundTextElement.height);\n            context.scale(1 / appState.exportScale, 1 / appState.exportScale);\n            context.drawImage(tempCanvas, -tempCanvas.width / 2, -tempCanvas.height / 2, tempCanvas.width, tempCanvas.height);\n          } else {\n            context.rotate(element.angle);\n\n            if (element.type === \"image\") {\n              // note: scale must be applied *after* rotating\n              context.scale(element.scale[0], element.scale[1]);\n            }\n\n            context.translate(-shiftX, -shiftY);\n            drawElementOnCanvas(element, rc, context, renderConfig);\n          }\n\n          context.restore(); // not exporting → optimized rendering (cache & render from element\n          // canvases)\n        } else {\n          const elementWithCanvas = generateElementWithCanvas(element, allElementsMap, renderConfig, appState);\n\n          if (!elementWithCanvas) {\n            return;\n          }\n\n          const currentImageSmoothingStatus = context.imageSmoothingEnabled;\n\n          if ( // do not disable smoothing during zoom as blurry shapes look better\n          // on low resolution (while still zooming in) than sharp ones\n          !(appState === null || appState === void 0 ? void 0 : appState.shouldCacheIgnoreZoom) && ( // angle is 0 -> always disable smoothing\n          !element.angle || // or check if angle is a right angle in which case we can still\n          // disable smoothing without adversely affecting the result\n          // We need less-than comparison because of FP artihmetic\n          (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.isRightAngleRads)(element.angle))) {\n            // Disabling smoothing makes output much sharper, especially for\n            // text. Unless for non-right angles, where the aliasing is really\n            // terrible on Chromium.\n            //\n            // Note that `context.imageSmoothingQuality=\"high\"` has almost\n            // zero effect.\n            //\n            context.imageSmoothingEnabled = false;\n          }\n\n          if (element.id === appState.croppingElementId && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isImageElement)(elementWithCanvas.element) && elementWithCanvas.element.crop !== null) {\n            context.save();\n            context.globalAlpha = 0.1;\n            const uncroppedElementCanvas = generateElementCanvas((0,_cropElement__WEBPACK_IMPORTED_MODULE_4__.getUncroppedImageElement)(elementWithCanvas.element, elementsMap), allElementsMap, appState.zoom, renderConfig, appState);\n\n            if (uncroppedElementCanvas) {\n              drawElementFromCanvas(uncroppedElementCanvas, context, renderConfig, appState, allElementsMap);\n            }\n\n            context.restore();\n          }\n\n          drawElementFromCanvas(elementWithCanvas, context, renderConfig, appState, allElementsMap); // reset\n\n          context.imageSmoothingEnabled = currentImageSmoothingStatus;\n        }\n\n        break;\n      }\n\n    default:\n      {\n        // @ts-ignore\n        throw new Error(`Unimplemented type ${element.type}`);\n      }\n  }\n\n  context.globalAlpha = 1;\n};\nfunction getFreedrawOutlineAsSegments(element, points, elementsMap) {\n  const bounds = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementBounds)(Object.assign(Object.assign({}, element), {\n    angle: 0\n  }), elementsMap);\n  const center = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)((bounds[0] + bounds[2]) / 2, (bounds[1] + bounds[3]) / 2);\n  (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.invariant)(points.length >= 2, \"Freepath outline must have at least 2 points\");\n  return points.slice(2).reduce((acc, curr) => {\n    acc.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)(acc[acc.length - 1][1], (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(curr[0] + element.x, curr[1] + element.y), center, element.angle)));\n    return acc;\n  }, [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(points[0][0] + element.x, points[0][1] + element.y), center, element.angle), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(points[1][0] + element.x, points[1][1] + element.y), center, element.angle))]);\n}\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/renderElement.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DEFAULT_LINK_SIZE: () => (/* binding */ DEFAULT_LINK_SIZE),\n/* harmony export */   elementWithCanvasCache: () => (/* binding */ elementWithCanvasCache),\n/* harmony export */   getFreedrawOutlineAsSegments: () => (/* binding */ getFreedrawOutlineAsSegments),\n/* harmony export */   getRenderOpacity: () => (/* binding */ getRenderOpacity),\n/* harmony export */   renderElement: () => (/* binding */ renderElement),\n/* harmony export */   renderSelectionElement: () => (/* binding */ renderSelectionElement)\n/* harmony export */ });\n/* harmony import */ var roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! roughjs/bin/rough */ \"../../node_modules/roughjs/bin/rough.js\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _bounds__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _cropElement__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./cropElement */ \"../element/src/cropElement.ts\");\n/* harmony import */ var _linearElementEditor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _textMeasurements__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./textMeasurements */ \"../element/src/textMeasurements.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @excalidraw/element/typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _frame__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./frame */ \"../element/src/frame.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils */ \"../element/src/utils.ts\");\n/* harmony import */ var _shape__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shape */ \"../element/src/shape.ts\");\n/* harmony import */ var _freedrawPath__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./freedrawPath */ \"../element/src/freedrawPath.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst isPendingImageElement = (element, renderConfig) => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isInitializedImageElement)(element) && !renderConfig.imageCache.has(element.fileId);\n\nconst getCanvasPadding = element => {\n  switch (element.type) {\n    case \"freedraw\":\n      return element.strokeWidth * 12;\n\n    case \"text\":\n      return element.fontSize / 2;\n\n    case \"arrow\":\n      if (element.endArrowhead || element.endArrowhead) {\n        return 40;\n      }\n\n      return 20;\n\n    default:\n      return 20;\n  }\n};\n\nconst getRenderOpacity = (element, containingFrame, elementsPendingErasure, pendingNodes, globalAlpha = 1) => {\n  var _a; // multiplying frame opacity with element opacity to combine them\n  // (e.g. frame 50% and element 50% opacity should result in 25% opacity)\n\n\n  let opacity = ((_a = containingFrame === null || containingFrame === void 0 ? void 0 : containingFrame.opacity) !== null && _a !== void 0 ? _a : 100) * element.opacity / 10000 * globalAlpha; // if pending erasure, multiply again to combine further\n  // (so that erasing always results in lower opacity than original)\n\n  if (elementsPendingErasure.has(element.id) || pendingNodes && pendingNodes.some(node => node.id === element.id) || containingFrame && elementsPendingErasure.has(containingFrame.id)) {\n    opacity *= _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.ELEMENT_READY_TO_ERASE_OPACITY / 100;\n  }\n\n  return opacity;\n};\n\nconst cappedElementCanvasSize = (element, elementsMap, zoom) => {\n  // these limits are ballpark, they depend on specific browsers and device.\n  // We've chosen lower limits to be safe. We might want to change these limits\n  // based on browser/device type, if we get reports of low quality rendering\n  // on zoom.\n  //\n  // ~ safari mobile canvas area limit\n  const AREA_LIMIT = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.getAreaLimit)(); //zsviczian\n  // ~ safari width/height limit based on developer.mozilla.org.\n\n  const WIDTH_HEIGHT_LIMIT = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.getWidthHeightLimit)(); //zsviczian\n\n  const padding = getCanvasPadding(element);\n  const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap);\n  const elementWidth = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isLinearElement)(element) || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFreeDrawElement)(element) ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(x1, x2) : element.width;\n  const elementHeight = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isLinearElement)(element) || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFreeDrawElement)(element) ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(y1, y2) : element.height;\n  let width = elementWidth * window.devicePixelRatio + padding * 2;\n  let height = elementHeight * window.devicePixelRatio + padding * 2;\n  let scale = zoom.value; // rescale to ensure width and height is within limits\n\n  if (width * scale > WIDTH_HEIGHT_LIMIT || height * scale > WIDTH_HEIGHT_LIMIT) {\n    scale = Math.min(WIDTH_HEIGHT_LIMIT / width, WIDTH_HEIGHT_LIMIT / height);\n  } // rescale to ensure canvas area is within limits\n\n\n  if (width * height * scale * scale > AREA_LIMIT) {\n    scale = Math.sqrt(AREA_LIMIT / (width * height));\n  }\n\n  width = Math.floor(width * scale);\n  height = Math.floor(height * scale);\n  return {\n    width,\n    height,\n    scale\n  };\n};\n\nconst generateElementCanvas = (element, elementsMap, zoom, renderConfig, appState) => {\n  var _a, _b;\n\n  const canvas = document.createElement(\"canvas\");\n  const context = canvas.getContext(\"2d\");\n  const padding = getCanvasPadding(element);\n  const {\n    width,\n    height,\n    scale\n  } = cappedElementCanvasSize(element, elementsMap, zoom);\n\n  if (!width || !height) {\n    return null;\n  }\n\n  canvas.width = width;\n  canvas.height = height;\n  let canvasOffsetX = -100;\n  let canvasOffsetY = 0;\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isLinearElement)(element) || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isFreeDrawElement)(element)) {\n    const [x1, y1] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap);\n    canvasOffsetX = element.x > x1 ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(element.x, x1) * window.devicePixelRatio * scale : 0;\n    canvasOffsetY = element.y > y1 ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(element.y, y1) * window.devicePixelRatio * scale : 0;\n    context.translate(canvasOffsetX, canvasOffsetY);\n  }\n\n  context.save();\n  context.translate(padding * scale, padding * scale);\n  context.scale(window.devicePixelRatio * scale, window.devicePixelRatio * scale);\n  const rc = roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_0__[\"default\"].canvas(canvas);\n  drawElementOnCanvas(element, rc, context, renderConfig);\n  context.restore();\n  const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n  const boundTextCanvas = document.createElement(\"canvas\");\n  const boundTextCanvasContext = boundTextCanvas.getContext(\"2d\");\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(element) && boundTextElement) {\n    const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap); // Take max dimensions of arrow canvas so that when canvas is rotated\n    // the arrow doesn't get clipped\n\n    const maxDim = Math.max((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(x1, x2), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(y1, y2));\n    boundTextCanvas.width = maxDim * window.devicePixelRatio * scale + padding * scale * 10;\n    boundTextCanvas.height = maxDim * window.devicePixelRatio * scale + padding * scale * 10;\n    boundTextCanvasContext.translate(boundTextCanvas.width / 2, boundTextCanvas.height / 2);\n    boundTextCanvasContext.rotate(element.angle);\n    boundTextCanvasContext.drawImage(canvas, -canvas.width / 2, -canvas.height / 2, canvas.width, canvas.height);\n    const [,,,, boundTextCx, boundTextCy] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(boundTextElement, elementsMap);\n    boundTextCanvasContext.rotate(-element.angle);\n    const offsetX = (boundTextCanvas.width - canvas.width) / 2;\n    const offsetY = (boundTextCanvas.height - canvas.height) / 2;\n    const shiftX = boundTextCanvas.width / 2 - (boundTextCx - x1) * window.devicePixelRatio * scale - offsetX - padding * scale;\n    const shiftY = boundTextCanvas.height / 2 - (boundTextCy - y1) * window.devicePixelRatio * scale - offsetY - padding * scale;\n    boundTextCanvasContext.translate(-shiftX, -shiftY); // Clear the bound text area\n\n    boundTextCanvasContext.clearRect(-(boundTextElement.width / 2 + _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.BOUND_TEXT_PADDING) * window.devicePixelRatio * scale, -(boundTextElement.height / 2 + _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.BOUND_TEXT_PADDING) * window.devicePixelRatio * scale, (boundTextElement.width + _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.BOUND_TEXT_PADDING * 2) * window.devicePixelRatio * scale, (boundTextElement.height + _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.BOUND_TEXT_PADDING * 2) * window.devicePixelRatio * scale);\n  }\n\n  return {\n    element,\n    canvas,\n    theme: appState.theme,\n    scale,\n    zoomValue: zoom.value,\n    canvasOffsetX,\n    canvasOffsetY,\n    boundTextElementVersion: ((_a = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap)) === null || _a === void 0 ? void 0 : _a.version) || null,\n    containingFrameOpacity: ((_b = (0,_frame__WEBPACK_IMPORTED_MODULE_9__.getContainingFrame)(element, elementsMap)) === null || _b === void 0 ? void 0 : _b.opacity) || 100,\n    boundTextCanvas,\n    angle: element.angle,\n    imageCrop: (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isImageElement)(element) ? element.crop : null\n  };\n};\n\nconst DEFAULT_LINK_SIZE = 14;\nconst IMAGE_PLACEHOLDER_IMG = typeof document !== \"undefined\" ? document.createElement(\"img\") : {\n  src: \"\"\n}; // mock image element outside of browser\n\nIMAGE_PLACEHOLDER_IMG.src = `data:${_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.MIME_TYPES.svg},${encodeURIComponent(`<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"image\" class=\"svg-inline--fa fa-image fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"#888\" d=\"M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z\"></path></svg>`)}`;\nconst IMAGE_ERROR_PLACEHOLDER_IMG = typeof document !== \"undefined\" ? document.createElement(\"img\") : {\n  src: \"\"\n}; // mock image element outside of browser\n\nIMAGE_ERROR_PLACEHOLDER_IMG.src = `data:${_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.MIME_TYPES.svg},${encodeURIComponent(`<svg viewBox=\"0 0 668 668\" xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" style=\"fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2\"><path d=\"M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48ZM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56ZM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48Z\" style=\"fill:#888;fill-rule:nonzero\" transform=\"matrix(.81709 0 0 .81709 124.825 145.825)\"/><path d=\"M256 8C119.034 8 8 119.033 8 256c0 136.967 111.034 248 248 248s248-111.034 248-248S392.967 8 256 8Zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676ZM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676Z\" style=\"fill:#888;fill-rule:nonzero\" transform=\"matrix(.30366 0 0 .30366 506.822 60.065)\"/></svg>`)}`;\n\nconst drawImagePlaceholder = (element, context) => {\n  context.fillStyle = \"#E7E7E7\";\n  context.fillRect(0, 0, element.width, element.height);\n  const imageMinWidthOrHeight = Math.min(element.width, element.height);\n  const size = Math.min(imageMinWidthOrHeight, Math.min(imageMinWidthOrHeight * 0.4, 100));\n  context.drawImage(element.status === \"error\" ? IMAGE_ERROR_PLACEHOLDER_IMG : IMAGE_PLACEHOLDER_IMG, element.width / 2 - size / 2, element.height / 2 - size / 2, size, size);\n};\n\nconst drawElementOnCanvas = (element, rc, context, renderConfig) => {\n  var _a, _b, _c, _d, _e;\n\n  switch (element.type) {\n    case \"rectangle\":\n    case \"iframe\":\n    case \"embeddable\":\n    case \"diamond\":\n    case \"ellipse\":\n      {\n        context.lineJoin = \"round\";\n        context.lineCap = \"round\";\n        rc.draw(_shape__WEBPACK_IMPORTED_MODULE_11__.ShapeCache.generateElementShape(element, renderConfig));\n        break;\n      }\n\n    case \"arrow\":\n    case \"line\":\n      {\n        context.lineJoin = \"round\";\n        context.lineCap = \"round\";\n        _shape__WEBPACK_IMPORTED_MODULE_11__.ShapeCache.generateElementShape(element, renderConfig).forEach(shape => {\n          rc.draw(shape);\n        });\n        break;\n      }\n\n    case \"freedraw\":\n      {\n        // Draw directly to canvas\n        context.save();\n        const shapes = _shape__WEBPACK_IMPORTED_MODULE_11__.ShapeCache.generateElementShape(element, renderConfig);\n\n        for (const shape of shapes) {\n          if (typeof shape === \"string\") {\n            const {\n              path,\n              fillStyle\n            } = (() => {\n              var _a, _b, _c, _d, _e;\n\n              const path = new Path2D((0,_freedrawPath__WEBPACK_IMPORTED_MODULE_12__.getFreeDrawSvgPath)(element));\n              const hasOutline = (_b = (_a = element.customData) === null || _a === void 0 ? void 0 : _a.strokeOptions) === null || _b === void 0 ? void 0 : _b.hasOutline;\n              const outlineWidth = (_e = (_d = (_c = element.customData) === null || _c === void 0 ? void 0 : _c.strokeOptions) === null || _d === void 0 ? void 0 : _d.outlineWidth) !== null && _e !== void 0 ? _e : 1;\n              const fillColor = hasOutline ? element.backgroundColor : element.strokeColor;\n              const fillStyle = renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.applyDarkModeFilter)(fillColor) : fillColor;\n\n              if (hasOutline) {\n                context.lineWidth = element.strokeWidth * outlineWidth;\n                context.strokeStyle = renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.applyDarkModeFilter)(element.strokeColor) : element.strokeColor;\n                context.stroke(path);\n              }\n\n              return {\n                path,\n                fillStyle\n              };\n            })();\n\n            context.fillStyle = fillStyle; //zsviczian\n\n            context.fill(path); //zsviczian\n\n            /*\n            context.fillStyle =\n              renderConfig.theme === THEME.DARK\n                ? applyDarkModeFilter(element.strokeColor)\n                : element.strokeColor;\n            context.fill(new Path2D(shape));\n            */\n            //zsviczian\n          } else {\n            rc.draw(shape);\n          }\n        }\n\n        context.restore();\n        break;\n      }\n\n    case \"image\":\n      {\n        context.save();\n        const cacheEntry = element.fileId !== null ? renderConfig.imageCache.get(element.fileId) : null;\n        const img = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isInitializedImageElement)(element) ? cacheEntry === null || cacheEntry === void 0 ? void 0 : cacheEntry.image : undefined;\n        const shouldInvertImage = renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.THEME.DARK && ((cacheEntry === null || cacheEntry === void 0 ? void 0 : cacheEntry.mimeType) === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.MIME_TYPES.svg && !((_a = element.customData) === null || _a === void 0 ? void 0 : _a.doNotInvertSVGInDarkMode) || !!((_b = element.customData) === null || _b === void 0 ? void 0 : _b.pdfPageViewProps) && ((_d = (_c = element.customData) === null || _c === void 0 ? void 0 : _c.invertBitmapInDarkmode) !== null && _d !== void 0 ? _d : true) || !!((_e = element.customData) === null || _e === void 0 ? void 0 : _e.invertBitmapInDarkmode)); //zsviczian\n\n        if (shouldInvertImage) {\n          context.filter = _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.DARK_THEME_FILTER;\n        }\n\n        if (img != null && !(img instanceof Promise)) {\n          if (element.roundness && context.roundRect) {\n            context.beginPath();\n            context.roundRect(0, 0, element.width, element.height, (0,_utils__WEBPACK_IMPORTED_MODULE_10__.getCornerRadius)(Math.min(element.width, element.height), element));\n            context.clip();\n          }\n\n          const {\n            x,\n            y,\n            width,\n            height\n          } = element.crop ? element.crop : {\n            x: 0,\n            y: 0,\n            width: img.naturalWidth,\n            height: img.naturalHeight\n          };\n          context.drawImage(img, x, y, width, height, 0\n          /* hardcoded for the selection box*/\n          , 0, element.width, element.height);\n        } else {\n          drawImagePlaceholder(element, context);\n        }\n\n        context.restore();\n        break;\n      }\n\n    default:\n      {\n        if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(element)) {\n          const rtl = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.isRTL)(element.text);\n          const shouldTemporarilyAttach = rtl && !context.canvas.isConnected;\n\n          if (shouldTemporarilyAttach) {\n            // to correctly render RTL text mixed with LTR, we have to append it\n            // to the DOM\n            document.body.appendChild(context.canvas);\n          }\n\n          context.canvas.setAttribute(\"dir\", rtl ? \"rtl\" : \"ltr\");\n          context.save();\n          context.font = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.getFontString)(element);\n          context.fillStyle = renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.applyDarkModeFilter)(element.strokeColor) : element.strokeColor;\n          context.textAlign = element.textAlign; // Canvas does not support multiline text by default\n\n          const lines = element.text.replace(/\\r\\n?/g, \"\\n\").split(\"\\n\");\n          const horizontalOffset = element.textAlign === \"center\" ? element.width / 2 : element.textAlign === \"right\" ? element.width : 0;\n          const lineHeightPx = (0,_textMeasurements__WEBPACK_IMPORTED_MODULE_7__.getLineHeightInPx)(element.fontSize, element.lineHeight);\n          const verticalOffset = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.getVerticalOffset)(element.fontFamily, element.fontSize, lineHeightPx);\n\n          for (let index = 0; index < lines.length; index++) {\n            context.fillText(lines[index], horizontalOffset, index * lineHeightPx + verticalOffset);\n          }\n\n          context.restore();\n\n          if (shouldTemporarilyAttach) {\n            context.canvas.remove();\n          }\n        } else {\n          throw new Error(`Unimplemented type ${element.type}`);\n        }\n      }\n  }\n};\n\nconst elementWithCanvasCache = new WeakMap();\n\nconst generateElementWithCanvas = (element, elementsMap, renderConfig, appState) => {\n  var _a;\n\n  const zoom = renderConfig ? appState.zoom : {\n    value: 1\n  };\n  const prevElementWithCanvas = elementWithCanvasCache.get(element);\n  const shouldRegenerateBecauseZoom = prevElementWithCanvas && prevElementWithCanvas.zoomValue !== zoom.value && !(appState === null || appState === void 0 ? void 0 : appState.shouldCacheIgnoreZoom);\n  const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n  const boundTextElementVersion = (boundTextElement === null || boundTextElement === void 0 ? void 0 : boundTextElement.version) || null;\n  const imageCrop = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isImageElement)(element) ? element.crop : null;\n  const containingFrameOpacity = ((_a = (0,_frame__WEBPACK_IMPORTED_MODULE_9__.getContainingFrame)(element, elementsMap)) === null || _a === void 0 ? void 0 : _a.opacity) || 100;\n\n  if (!prevElementWithCanvas || shouldRegenerateBecauseZoom || prevElementWithCanvas.theme !== appState.theme || prevElementWithCanvas.boundTextElementVersion !== boundTextElementVersion || prevElementWithCanvas.imageCrop !== imageCrop || prevElementWithCanvas.containingFrameOpacity !== containingFrameOpacity || // since we rotate the canvas when copying from cached canvas, we don't\n  // regenerate the cached canvas. But we need to in case of labels which are\n  // cached alongside the arrow, and we want the labels to remain unrotated\n  // with respect to the arrow.\n  (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(element) && boundTextElement && element.angle !== prevElementWithCanvas.angle) {\n    const elementWithCanvas = generateElementCanvas(element, elementsMap, zoom, renderConfig, appState);\n\n    if (!elementWithCanvas) {\n      return null;\n    }\n\n    elementWithCanvasCache.set(element, elementWithCanvas);\n    return elementWithCanvas;\n  }\n\n  return prevElementWithCanvas;\n};\n\nconst drawElementFromCanvas = (elementWithCanvas, context, renderConfig, appState, allElementsMap) => {\n  const element = elementWithCanvas.element;\n  const padding = getCanvasPadding(element);\n  const zoom = elementWithCanvas.scale;\n  const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, allElementsMap);\n  const cx = ((x1 + x2) / 2 + appState.scrollX) * window.devicePixelRatio;\n  const cy = ((y1 + y2) / 2 + appState.scrollY) * window.devicePixelRatio;\n  context.save();\n  context.scale(1 / window.devicePixelRatio, 1 / window.devicePixelRatio);\n  const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, allElementsMap);\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(element) && boundTextElement) {\n    const offsetX = (elementWithCanvas.boundTextCanvas.width - elementWithCanvas.canvas.width) / 2;\n    const offsetY = (elementWithCanvas.boundTextCanvas.height - elementWithCanvas.canvas.height) / 2;\n    context.translate(cx, cy);\n    context.drawImage(elementWithCanvas.boundTextCanvas, -(x2 - x1) / 2 * window.devicePixelRatio - offsetX / zoom - padding, -(y2 - y1) / 2 * window.devicePixelRatio - offsetY / zoom - padding, elementWithCanvas.boundTextCanvas.width / zoom, elementWithCanvas.boundTextCanvas.height / zoom);\n  } else {\n    // we translate context to element center so that rotation and scale\n    // originates from the element center\n    context.translate(cx, cy);\n    context.rotate(element.angle);\n\n    if (\"scale\" in elementWithCanvas.element && !isPendingImageElement(element, renderConfig) && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isIframeLikeElement)(element) //zsviczian\n    ) {\n      context.scale(elementWithCanvas.element.scale[0], elementWithCanvas.element.scale[1]);\n    } // revert afterwards we don't have account for it during drawing\n\n\n    context.translate(-cx, -cy);\n    context.drawImage(elementWithCanvas.canvas, (x1 + appState.scrollX) * window.devicePixelRatio - padding * elementWithCanvas.scale / elementWithCanvas.scale, (y1 + appState.scrollY) * window.devicePixelRatio - padding * elementWithCanvas.scale / elementWithCanvas.scale, elementWithCanvas.canvas.width / elementWithCanvas.scale, elementWithCanvas.canvas.height / elementWithCanvas.scale);\n\n    if (false) {}\n  }\n\n  context.restore(); // Clear the nested element we appended to the DOM\n};\n\nconst renderSelectionElement = (element, context, appState, selectionColor) => {\n  context.save();\n  context.translate(element.x + appState.scrollX, element.y + appState.scrollY);\n  context.fillStyle = \"rgba(0, 0, 200, 0.04)\"; // render from 0.5px offset  to get 1px wide line\n  // https://stackoverflow.com/questions/7530593/html5-canvas-and-line-width/7531540#7531540\n  // TODO can be be improved by offseting to the negative when user selects\n  // from right to left\n\n  const offset = 0.5 / appState.zoom.value;\n  context.fillRect(offset, offset, element.width, element.height);\n  context.lineWidth = 1.5 / appState.zoom.value; //zsviczian changed from 1 to 1.5\n\n  context.strokeStyle = selectionColor;\n  context.strokeRect(offset, offset, element.width, element.height);\n  context.restore();\n};\nconst renderElement = (element, elementsMap, allElementsMap, rc, context, renderConfig, appState) => {\n  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;\n\n  const reduceAlphaForSelection = ((_a = appState.openDialog) === null || _a === void 0 ? void 0 : _a.name) === \"elementLinkSelector\" && !appState.selectedElementIds[element.id] && !appState.hoveredElementIds[element.id];\n  context.globalAlpha = getRenderOpacity(element, (0,_frame__WEBPACK_IMPORTED_MODULE_9__.getContainingFrame)(element, elementsMap), renderConfig.elementsPendingErasure, renderConfig.pendingFlowchartNodes, reduceAlphaForSelection ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_REDUCED_GLOBAL_ALPHA : 1);\n\n  switch (element.type) {\n    case \"magicframe\":\n    case \"frame\":\n      {\n        if ( //zsviczian\n        appState.frameRendering.enabled && appState.frameRendering.outline && !(!appState.frameRendering.markerEnabled && element.frameRole === \"marker\")) {\n          context.save();\n          context.translate(element.x + appState.scrollX, element.y + appState.scrollY);\n          context.fillStyle = (_f = (_d = (_c = (_b = element.customData) === null || _b === void 0 ? void 0 : _b.frameColor) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : (_e = appState === null || appState === void 0 ? void 0 : appState.frameColor) === null || _e === void 0 ? void 0 : _e.fill) !== null && _f !== void 0 ? _f : \"rgba(0, 0, 200, 0.04)\"; //zsviczian\n\n          context.lineWidth = _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE.strokeWidth / appState.zoom.value;\n          context.strokeStyle = appState.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.applyDarkModeFilter)((_l = (_j = (_h = (_g = element.customData) === null || _g === void 0 ? void 0 : _g.frameColor) === null || _h === void 0 ? void 0 : _h.stroke) !== null && _j !== void 0 ? _j : (_k = appState === null || appState === void 0 ? void 0 : appState.frameColor) === null || _k === void 0 ? void 0 : _k.stroke) !== null && _l !== void 0 ? _l : _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE.strokeColor) : (_r = (_p = (_o = (_m = element.customData) === null || _m === void 0 ? void 0 : _m.frameColor) === null || _o === void 0 ? void 0 : _o.stroke) !== null && _p !== void 0 ? _p : (_q = appState === null || appState === void 0 ? void 0 : appState.frameColor) === null || _q === void 0 ? void 0 : _q.stroke) !== null && _r !== void 0 ? _r : _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE.strokeColor; //zsviczian\n          // TODO change later to only affect AI frames\n\n          if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isMagicFrameElement)(element)) {\n            context.strokeStyle = appState.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.THEME.LIGHT ? \"#7affd7\" : (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.applyDarkModeFilter)(\"#1d8264\");\n          } //zsviczian\n\n\n          if (element.frameRole === \"marker\") {\n            const dash = 8 / appState.zoom.value;\n            const gap = 6 / appState.zoom.value;\n            context.setLineDash([dash, gap]);\n          }\n\n          if (_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE.radius && context.roundRect && element.frameRole !== \"marker\") {\n            //zsviczian\n            context.beginPath();\n            context.roundRect(0, 0, element.width, element.height, _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE.radius / appState.zoom.value);\n            context.stroke();\n            context.closePath();\n          } else {\n            context.strokeRect(0, 0, element.width, element.height);\n          }\n\n          context.restore();\n        }\n\n        break;\n      }\n\n    case \"freedraw\":\n      {\n        if (renderConfig.isExporting) {\n          const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap);\n          const cx = (x1 + x2) / 2 + appState.scrollX;\n          const cy = (y1 + y2) / 2 + appState.scrollY;\n          const shiftX = (x2 - x1) / 2 - (element.x - x1);\n          const shiftY = (y2 - y1) / 2 - (element.y - y1);\n          context.save();\n          context.translate(cx, cy);\n          context.rotate(element.angle);\n          context.translate(-shiftX, -shiftY);\n          drawElementOnCanvas(element, rc, context, renderConfig);\n          context.restore();\n        } else {\n          const elementWithCanvas = generateElementWithCanvas(element, allElementsMap, renderConfig, appState);\n\n          if (!elementWithCanvas) {\n            return;\n          }\n\n          drawElementFromCanvas(elementWithCanvas, context, renderConfig, appState, allElementsMap);\n        }\n\n        break;\n      }\n\n    case \"rectangle\":\n    case \"diamond\":\n    case \"ellipse\":\n    case \"line\":\n    case \"arrow\":\n    case \"image\":\n    case \"text\":\n    case \"iframe\":\n    case \"embeddable\":\n      {\n        if (renderConfig.isExporting) {\n          const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap);\n          const cx = (x1 + x2) / 2 + appState.scrollX;\n          const cy = (y1 + y2) / 2 + appState.scrollY;\n          let shiftX = (x2 - x1) / 2 - (element.x - x1);\n          let shiftY = (y2 - y1) / 2 - (element.y - y1);\n\n          if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isTextElement)(element)) {\n            const container = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getContainerElement)(element, elementsMap);\n\n            if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(container)) {\n              const boundTextCoords = _linearElementEditor__WEBPACK_IMPORTED_MODULE_5__.LinearElementEditor.getBoundTextElementPosition(container, element, elementsMap);\n              shiftX = (x2 - x1) / 2 - (boundTextCoords.x - x1);\n              shiftY = (y2 - y1) / 2 - (boundTextCoords.y - y1);\n            }\n          }\n\n          context.save();\n          context.translate(cx, cy);\n          const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n\n          if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isArrowElement)(element) && boundTextElement) {\n            const tempCanvas = document.createElement(\"canvas\");\n            const tempCanvasContext = tempCanvas.getContext(\"2d\"); // Take max dimensions of arrow canvas so that when canvas is rotated\n            // the arrow doesn't get clipped\n\n            const maxDim = Math.max((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(x1, x2), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.distance)(y1, y2));\n            const padding = getCanvasPadding(element);\n            tempCanvas.width = maxDim * appState.exportScale + padding * 10 * appState.exportScale;\n            tempCanvas.height = maxDim * appState.exportScale + padding * 10 * appState.exportScale;\n            tempCanvasContext.translate(tempCanvas.width / 2, tempCanvas.height / 2);\n            tempCanvasContext.scale(appState.exportScale, appState.exportScale); // Shift the canvas to left most point of the arrow\n\n            shiftX = element.width / 2 - (element.x - x1);\n            shiftY = element.height / 2 - (element.y - y1);\n            tempCanvasContext.rotate(element.angle);\n            const tempRc = roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_0__[\"default\"].canvas(tempCanvas);\n            tempCanvasContext.translate(-shiftX, -shiftY);\n            drawElementOnCanvas(element, tempRc, tempCanvasContext, renderConfig);\n            tempCanvasContext.translate(shiftX, shiftY);\n            tempCanvasContext.rotate(-element.angle); // Shift the canvas to center of bound text\n\n            const [,,,, boundTextCx, boundTextCy] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(boundTextElement, elementsMap);\n            const boundTextShiftX = (x1 + x2) / 2 - boundTextCx;\n            const boundTextShiftY = (y1 + y2) / 2 - boundTextCy;\n            tempCanvasContext.translate(-boundTextShiftX, -boundTextShiftY); // Clear the bound text area\n\n            tempCanvasContext.clearRect(-boundTextElement.width / 2, -boundTextElement.height / 2, boundTextElement.width, boundTextElement.height);\n            context.scale(1 / appState.exportScale, 1 / appState.exportScale);\n            context.drawImage(tempCanvas, -tempCanvas.width / 2, -tempCanvas.height / 2, tempCanvas.width, tempCanvas.height);\n          } else {\n            context.rotate(element.angle);\n\n            if (element.type === \"image\") {\n              // note: scale must be applied *after* rotating\n              context.scale(element.scale[0], element.scale[1]);\n            }\n\n            context.translate(-shiftX, -shiftY);\n            drawElementOnCanvas(element, rc, context, renderConfig);\n          }\n\n          context.restore(); // not exporting → optimized rendering (cache & render from element\n          // canvases)\n        } else {\n          const elementWithCanvas = generateElementWithCanvas(element, allElementsMap, renderConfig, appState);\n\n          if (!elementWithCanvas) {\n            return;\n          }\n\n          const currentImageSmoothingStatus = context.imageSmoothingEnabled;\n\n          if ( // do not disable smoothing during zoom as blurry shapes look better\n          // on low resolution (while still zooming in) than sharp ones\n          !(appState === null || appState === void 0 ? void 0 : appState.shouldCacheIgnoreZoom) && ( // angle is 0 -> always disable smoothing\n          !element.angle || // or check if angle is a right angle in which case we can still\n          // disable smoothing without adversely affecting the result\n          // We need less-than comparison because of FP artihmetic\n          (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.isRightAngleRads)(element.angle))) {\n            // Disabling smoothing makes output much sharper, especially for\n            // text. Unless for non-right angles, where the aliasing is really\n            // terrible on Chromium.\n            //\n            // Note that `context.imageSmoothingQuality=\"high\"` has almost\n            // zero effect.\n            //\n            context.imageSmoothingEnabled = false;\n          }\n\n          if (element.id === appState.croppingElementId && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_8__.isImageElement)(elementWithCanvas.element) && elementWithCanvas.element.crop !== null) {\n            context.save();\n            context.globalAlpha = 0.1;\n            const uncroppedElementCanvas = generateElementCanvas((0,_cropElement__WEBPACK_IMPORTED_MODULE_4__.getUncroppedImageElement)(elementWithCanvas.element, elementsMap), allElementsMap, appState.zoom, renderConfig, appState);\n\n            if (uncroppedElementCanvas) {\n              drawElementFromCanvas(uncroppedElementCanvas, context, renderConfig, appState, allElementsMap);\n            }\n\n            context.restore();\n          }\n\n          drawElementFromCanvas(elementWithCanvas, context, renderConfig, appState, allElementsMap); // reset\n\n          context.imageSmoothingEnabled = currentImageSmoothingStatus;\n        }\n\n        break;\n      }\n\n    default:\n      {\n        // @ts-ignore\n        throw new Error(`Unimplemented type ${element.type}`);\n      }\n  }\n\n  context.globalAlpha = 1;\n};\nfunction getFreedrawOutlineAsSegments(element, points, elementsMap) {\n  const bounds = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementBounds)(Object.assign(Object.assign({}, element), {\n    angle: 0\n  }), elementsMap);\n  const center = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)((bounds[0] + bounds[2]) / 2, (bounds[1] + bounds[3]) / 2);\n  (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.invariant)(points.length >= 2, \"Freepath outline must have at least 2 points\");\n  return points.slice(2).reduce((acc, curr) => {\n    acc.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)(acc[acc.length - 1][1], (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(curr[0] + element.x, curr[1] + element.y), center, element.angle)));\n    return acc;\n  }, [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(points[0][0] + element.x, points[0][1] + element.y), center, element.angle), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(points[1][0] + element.x, points[1][1] + element.y), center, element.angle))]);\n}\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/renderElement.ts?");
 /***/ }),
@@ -15512,7 +15512,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/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n// place here categories that you want to track. We want to track just a\n // small subset of categories at a given time.\n\nconst ALLOWED_CATEGORIES_TO_TRACK = new Set([\"command_palette\", \"export\"]);\nconst trackEvent = (category, action, label, value) => {\n  try {\n    if (typeof window === \"undefined\" || ({\"MODE\":\"development\",\"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:3016\",\"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\":\"3001\",\"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_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-69\",\"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 ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isDevEnv)()) {\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/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n// place here categories that you want to track. We want to track just a\n // small subset of categories at a given time.\n\nconst ALLOWED_CATEGORIES_TO_TRACK = new Set([\"command_palette\", \"export\"]);\nconst trackEvent = (category, action, label, value) => {\n  try {\n    if (typeof window === \"undefined\" || ({\"MODE\":\"development\",\"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:3016\",\"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\":\"3001\",\"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_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-70\",\"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 ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isDevEnv)()) {\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?");
 /***/ }),
@@ -18636,7 +18636,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 _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _subset_subset_main__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../subset/subset-main */ \"./subset/subset-main.ts\");\n/* harmony import */ var _data_encode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../data/encode */ \"./data/encode.ts\");\n/* harmony import */ var _obsidianUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../obsidianUtils */ \"./obsidianUtils.ts\");\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  /**\n   * Generates CSS `@font-face` definition with the (subsetted) font source as a data url for the characters within the unicode range.\n   *\n   * Retrieves `undefined` otherwise.\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  /**\n   * Tries to fetch woff2 content, based on the registered urls (from first to last, treated as fallbacks).\n   *\n   * @returns base64 with subsetted glyphs based on the passed codepoint, last defined url otherwise\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_1__.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,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.promiseTry)(async () => {\n      const result = await (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_3__.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(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.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.ASSETS_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  /**\n   * zsviczian https://github.com/zsviczian/excalidraw/commit/b4cfaaa4b4f46ca01f94e27fb7bf651a9da99daa\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_3__.fetchFontFromVault)(url); //zsviczian\n\n        if (result) {\n          return `data:font/woff2;base64,${(0,_data_encode__WEBPACK_IMPORTED_MODULE_2__.stringToBase64)((0,_data_encode__WEBPACK_IMPORTED_MODULE_2__.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,${(0,_data_encode__WEBPACK_IMPORTED_MODULE_2__.stringToBase64)((0,_data_encode__WEBPACK_IMPORTED_MODULE_2__.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.ASSETS_FALLBACK_URL = `https://esm.sh/${({\"MODE\":\"development\",\"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:3016\",\"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\":\"3001\",\"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_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-69\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).PKG_NAME ? `${({\"MODE\":\"development\",\"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:3016\",\"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\":\"3001\",\"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_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-69\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).PKG_NAME}@${({\"MODE\":\"development\",\"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:3016\",\"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\":\"3001\",\"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_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-69\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).PKG_VERSION}` // is provided during package build\n: \"@excalidraw/excalidraw\" // fallback to the 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 _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _subset_subset_main__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../subset/subset-main */ \"./subset/subset-main.ts\");\n/* harmony import */ var _data_encode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../data/encode */ \"./data/encode.ts\");\n/* harmony import */ var _obsidianUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../obsidianUtils */ \"./obsidianUtils.ts\");\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  /**\n   * Generates CSS `@font-face` definition with the (subsetted) font source as a data url for the characters within the unicode range.\n   *\n   * Retrieves `undefined` otherwise.\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  /**\n   * Tries to fetch woff2 content, based on the registered urls (from first to last, treated as fallbacks).\n   *\n   * @returns base64 with subsetted glyphs based on the passed codepoint, last defined url otherwise\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_1__.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,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.promiseTry)(async () => {\n      const result = await (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_3__.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(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.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.ASSETS_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  /**\n   * zsviczian https://github.com/zsviczian/excalidraw/commit/b4cfaaa4b4f46ca01f94e27fb7bf651a9da99daa\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_3__.fetchFontFromVault)(url); //zsviczian\n\n        if (result) {\n          return `data:font/woff2;base64,${(0,_data_encode__WEBPACK_IMPORTED_MODULE_2__.stringToBase64)((0,_data_encode__WEBPACK_IMPORTED_MODULE_2__.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,${(0,_data_encode__WEBPACK_IMPORTED_MODULE_2__.stringToBase64)((0,_data_encode__WEBPACK_IMPORTED_MODULE_2__.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.ASSETS_FALLBACK_URL = `https://esm.sh/${({\"MODE\":\"development\",\"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:3016\",\"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\":\"3001\",\"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_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-70\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).PKG_NAME ? `${({\"MODE\":\"development\",\"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:3016\",\"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\":\"3001\",\"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_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-70\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).PKG_NAME}@${({\"MODE\":\"development\",\"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:3016\",\"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\":\"3001\",\"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_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-70\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).PKG_VERSION}` // is provided during package build\n: \"@excalidraw/excalidraw\" // fallback to the latest package version (i.e. for app)\n}/dist/prod/`;\n\n//# sourceURL=webpack://ExcalidrawLib/./fonts/ExcalidrawFontFace.ts?");
 /***/ }),
@@ -22144,7 +22144,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 _excalidraw_common_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common/constants */ \"../common/src/constants.ts\");\n\n\nif (\"development\" !== _excalidraw_common_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.18.0-69\"}/dist/`;\n}\n\n//# sourceURL=webpack://ExcalidrawLib/./publicPath.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _excalidraw_common_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common/constants */ \"../common/src/constants.ts\");\n\n\nif (\"development\" !== _excalidraw_common_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.18.0-70\"}/dist/`;\n}\n\n//# sourceURL=webpack://ExcalidrawLib/./publicPath.js?");
 /***/ }),
@@ -22243,7 +22243,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 */   renderSceneToSvg: () => (/* binding */ renderSceneToSvg)\n/* harmony export */ });\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/element */ \"../element/src/index.ts\");\n/* harmony import */ var _element_src_freedrawPath__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../element/src/freedrawPath */ \"../element/src/freedrawPath.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst roughSVGDrawWithPrecision = (rsvg, drawable, precision) => {\n  if (typeof precision === \"undefined\") {\n    return rsvg.draw(drawable);\n  }\n\n  const pshape = {\n    sets: drawable.sets,\n    shape: drawable.shape,\n    options: Object.assign(Object.assign({}, drawable.options), {\n      fixedDecimalPlaceDigits: precision\n    })\n  };\n  return rsvg.draw(pshape);\n};\n\nconst maybeWrapNodesInFrameClipPath = (element, root, nodes, frameRendering, elementsMap) => {\n  if (!frameRendering.enabled || !frameRendering.clip) {\n    return null;\n  }\n\n  const frame = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getContainingFrame)(element, elementsMap);\n\n  if (frame) {\n    const g = root.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"g\");\n    g.setAttributeNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"clip-path\", `url(#${frame.id})`);\n    nodes.forEach(node => g.appendChild(node));\n    return g;\n  }\n\n  return null;\n};\n\nconst renderElementToSvg = (element, elementsMap, rsvg, svgRoot, files, offsetX, offsetY, renderConfig) => {\n  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;\n\n  const offset = {\n    x: offsetX,\n    y: offsetY\n  };\n  const [x1, y1, x2, y2] = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getElementAbsoluteCoords)(element, elementsMap);\n  let cx = (x2 - x1) / 2 - (element.x - x1);\n  let cy = (y2 - y1) / 2 - (element.y - y1);\n\n  if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isTextElement)(element)) {\n    const container = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getContainerElement)(element, elementsMap);\n\n    if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isArrowElement)(container)) {\n      const [x1, y1, x2, y2] = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getElementAbsoluteCoords)(container, elementsMap);\n      const boundTextCoords = _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.LinearElementEditor.getBoundTextElementPosition(container, element, elementsMap);\n      cx = (x2 - x1) / 2 - (boundTextCoords.x - x1);\n      cy = (y2 - y1) / 2 - (boundTextCoords.y - y1);\n      offsetX = offsetX + boundTextCoords.x - element.x;\n      offsetY = offsetY + boundTextCoords.y - element.y;\n    }\n  }\n\n  const degree = 180 * element.angle / Math.PI; // element to append node to, most of the time svgRoot\n\n  let root = svgRoot; // if the element has a link, create an anchor tag and make that the new root\n\n  if (element.link) {\n    const anchorTag = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"a\");\n    anchorTag.setAttribute(\"href\", (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.normalizeLink)(element.link));\n    root.appendChild(anchorTag);\n    root = anchorTag;\n  }\n\n  const addToRoot = (node, element) => {\n    if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isTestEnv)()) {\n      node.setAttribute(\"data-id\", element.id);\n    }\n\n    root.appendChild(node);\n  };\n\n  const opacity = ((_b = (_a = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getContainingFrame)(element, elementsMap)) === null || _a === void 0 ? void 0 : _a.opacity) !== null && _b !== void 0 ? _b : 100) * element.opacity / 10000;\n\n  switch (element.type) {\n    case \"selection\":\n      {\n        // Since this is used only during editing experience, which is canvas based,\n        // this should not happen\n        throw new Error(\"Selection rendering is not supported for SVG\");\n      }\n\n    case \"rectangle\":\n    case \"diamond\":\n    case \"ellipse\":\n      {\n        const shape = _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.ShapeCache.generateElementShape(element, renderConfig);\n        const node = roughSVGDrawWithPrecision(rsvg, shape, _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.MAX_DECIMALS_FOR_SVG_EXPORT);\n\n        if (opacity !== 1) {\n          node.setAttribute(\"stroke-opacity\", `${opacity}`);\n          node.setAttribute(\"fill-opacity\", `${opacity}`);\n        }\n\n        node.setAttribute(\"stroke-linecap\", \"round\");\n        node.setAttribute(\"transform\", `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy})`);\n        const g = maybeWrapNodesInFrameClipPath(element, root, [node], renderConfig.frameRendering, elementsMap);\n        addToRoot(g || node, element);\n        break;\n      }\n\n    case \"iframe\":\n    case \"embeddable\":\n      {\n        // render placeholder rectangle\n        const shape = _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.ShapeCache.generateElementShape(element, renderConfig);\n        const node = roughSVGDrawWithPrecision(rsvg, shape, _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.MAX_DECIMALS_FOR_SVG_EXPORT);\n        const opacity = element.opacity / 100;\n\n        if (opacity !== 1) {\n          node.setAttribute(\"stroke-opacity\", `${opacity}`);\n          node.setAttribute(\"fill-opacity\", `${opacity}`);\n        }\n\n        node.setAttribute(\"stroke-linecap\", \"round\");\n        node.setAttribute(\"transform\", `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy})`);\n        addToRoot(node, element);\n        const label = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.createPlaceholderEmbeddableLabel)(element);\n        renderElementToSvg(label, elementsMap, rsvg, root, files, label.x + offset.x - element.x, label.y + offset.y - element.y, renderConfig);\n        const scaleX = ((_c = element.scale) === null || _c === void 0 ? void 0 : _c[0]) || 1; //zsviczian\n\n        const scaleY = ((_d = element.scale) === null || _d === void 0 ? void 0 : _d[1]) || 1; //zsviczian\n        // render embeddable element + iframe\n\n        const embeddableNode = roughSVGDrawWithPrecision(rsvg, shape, _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.MAX_DECIMALS_FOR_SVG_EXPORT);\n        embeddableNode.setAttribute(\"stroke-linecap\", \"round\");\n        embeddableNode.setAttribute(\"transform\", `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy}) scale(${scaleX}, ${scaleY})`);\n\n        while (embeddableNode.firstChild) {\n          embeddableNode.removeChild(embeddableNode.firstChild);\n        }\n\n        const radius = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getCornerRadius)(Math.min(element.width, element.height), element);\n        const embedLink = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getEmbedLink)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.toValidURL)(element.link || \"\")); // if rendering embeddables explicitly disabled or\n        // embedding documents via srcdoc (which doesn't seem to work for SVGs)\n        // replace with a link instead\n\n        if (renderConfig.renderEmbeddables === false || (embedLink === null || embedLink === void 0 ? void 0 : embedLink.type) === \"document\") {\n          const anchorTag = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"a\");\n          anchorTag.setAttribute(\"href\", (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.normalizeLink)(element.link || \"\"));\n          anchorTag.setAttribute(\"target\", \"_blank\");\n          anchorTag.setAttribute(\"rel\", \"noopener noreferrer\");\n          anchorTag.style.borderRadius = `${radius}px`;\n          embeddableNode.appendChild(anchorTag);\n        } else {\n          const foreignObject = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"foreignObject\");\n          foreignObject.style.width = `${element.width / scaleX}px`; //zsviczian\n\n          foreignObject.style.height = `${element.height / scaleY}px`; //zsviczian\n\n          foreignObject.style.border = \"none\";\n          const div = foreignObject.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"div\");\n          div.setAttribute(\"xmlns\", \"http://www.w3.org/1999/xhtml\");\n          div.style.width = \"100%\";\n          div.style.height = \"100%\";\n          const iframe = div.ownerDocument.createElement(\"iframe\");\n          iframe.src = (_e = embedLink === null || embedLink === void 0 ? void 0 : embedLink.link) !== null && _e !== void 0 ? _e : \"\";\n          iframe.style.width = \"100%\";\n          iframe.style.height = \"100%\";\n          iframe.style.border = \"none\";\n          iframe.style.borderRadius = `${radius}px`;\n          iframe.style.top = \"0\";\n          iframe.style.left = \"0\";\n          iframe.allowFullscreen = true;\n          div.appendChild(iframe);\n          foreignObject.appendChild(div);\n          embeddableNode.appendChild(foreignObject);\n        }\n\n        addToRoot(embeddableNode, element);\n        break;\n      }\n\n    case \"line\":\n    case \"arrow\":\n      {\n        const boundText = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getBoundTextElement)(element, elementsMap);\n        const maskPath = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"mask\");\n\n        if (boundText) {\n          maskPath.setAttribute(\"id\", `mask-${element.id}`);\n          const maskRectVisible = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"rect\");\n          offsetX = offsetX || 0;\n          offsetY = offsetY || 0;\n          maskRectVisible.setAttribute(\"x\", \"0\");\n          maskRectVisible.setAttribute(\"y\", \"0\");\n          maskRectVisible.setAttribute(\"fill\", \"#fff\");\n          maskRectVisible.setAttribute(\"width\", `${element.width + 100 + offsetX}`);\n          maskRectVisible.setAttribute(\"height\", `${element.height + 100 + offsetY}`);\n          maskPath.appendChild(maskRectVisible);\n          const maskRectInvisible = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"rect\");\n          const boundTextCoords = _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.LinearElementEditor.getBoundTextElementPosition(element, boundText, elementsMap);\n          const maskX = offsetX + boundTextCoords.x - element.x;\n          const maskY = offsetY + boundTextCoords.y - element.y;\n          maskRectInvisible.setAttribute(\"x\", maskX.toString());\n          maskRectInvisible.setAttribute(\"y\", maskY.toString());\n          maskRectInvisible.setAttribute(\"fill\", \"#000\");\n          maskRectInvisible.setAttribute(\"width\", `${boundText.width}`);\n          maskRectInvisible.setAttribute(\"height\", `${boundText.height}`);\n          maskRectInvisible.setAttribute(\"opacity\", \"1\");\n          maskPath.appendChild(maskRectInvisible);\n        }\n\n        const group = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"g\");\n\n        if (boundText) {\n          group.setAttribute(\"mask\", `url(#mask-${element.id})`);\n        }\n\n        group.setAttribute(\"stroke-linecap\", \"round\");\n        const shapes = _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.ShapeCache.generateElementShape(element, renderConfig);\n        shapes.forEach(shape => {\n          const node = roughSVGDrawWithPrecision(rsvg, shape, _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.MAX_DECIMALS_FOR_SVG_EXPORT);\n\n          if (opacity !== 1) {\n            node.setAttribute(\"stroke-opacity\", `${opacity}`);\n            node.setAttribute(\"fill-opacity\", `${opacity}`);\n          }\n\n          node.setAttribute(\"transform\", `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy})`);\n\n          if (element.type === \"line\" && (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isPathALoop)(element.points) && element.backgroundColor !== \"transparent\") {\n            node.setAttribute(\"fill-rule\", \"evenodd\");\n          }\n\n          group.appendChild(node);\n        });\n        const g = maybeWrapNodesInFrameClipPath(element, root, [group, maskPath], renderConfig.frameRendering, elementsMap);\n\n        if (g) {\n          addToRoot(g, element);\n          root.appendChild(g);\n        } else {\n          addToRoot(group, element);\n          root.append(maskPath);\n        }\n\n        break;\n      }\n\n    case \"freedraw\":\n      {\n        const wrapper = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"g\");\n        const shapes = _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.ShapeCache.generateElementShape(element, renderConfig); // always ordered as [background, stroke]\n\n        for (const shape of shapes) {\n          if (typeof shape === \"string\") {\n            // stroke (SVGPathString)\n            //zsviczian - custom stroke options start\n            const {\n              pathD,\n              fillColorThemed\n            } = (() => {\n              var _a, _b, _c, _d, _e;\n\n              const pathD = (0,_element_src_freedrawPath__WEBPACK_IMPORTED_MODULE_2__.getFreeDrawSvgPath)(element);\n              const hasOutline = (_b = (_a = element.customData) === null || _a === void 0 ? void 0 : _a.strokeOptions) === null || _b === void 0 ? void 0 : _b.hasOutline;\n              const outlineWidth = (_e = (_d = (_c = element.customData) === null || _c === void 0 ? void 0 : _c.strokeOptions) === null || _d === void 0 ? void 0 : _d.outlineWidth) !== null && _e !== void 0 ? _e : 1;\n              const fillColor = hasOutline ? element.backgroundColor : element.strokeColor;\n              const fillColorThemed = renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.applyDarkModeFilter)(fillColor) : fillColor;\n\n              if (hasOutline) {\n                const outline = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"path\");\n                outline.setAttribute(\"fill\", \"none\");\n                outline.setAttribute(\"stroke\", renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.applyDarkModeFilter)(element.strokeColor) : element.strokeColor);\n                outline.setAttribute(\"stroke-width\", `${element.strokeWidth * outlineWidth}`);\n                outline.setAttribute(\"d\", pathD);\n                wrapper.appendChild(outline);\n              }\n\n              return {\n                pathD,\n                fillColorThemed\n              };\n            })(); //zsviczian - custom stroke options end\n\n\n            const path = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"path\");\n            /*\n            path.setAttribute(\n              \"fill\",\n              renderConfig.theme === THEME.DARK\n                ? applyDarkModeFilter(element.strokeColor)\n                : element.strokeColor,\n            );\n            path.setAttribute(\"d\", shape);\n            */\n            //zsviczian\n\n            path.setAttribute(\"fill\", fillColorThemed); //zsviczian\n\n            path.setAttribute(\"d\", pathD); //zsviczian\n\n            wrapper.appendChild(path);\n          } else {\n            // background (Drawable)\n            const bgNode = roughSVGDrawWithPrecision(rsvg, shape, _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.MAX_DECIMALS_FOR_SVG_EXPORT); // if children wrapped in <g>, unwrap it\n\n            if (bgNode.nodeName === \"g\") {\n              while (bgNode.firstChild) {\n                wrapper.appendChild(bgNode.firstChild);\n              }\n            } else {\n              wrapper.appendChild(bgNode);\n            }\n          }\n        }\n\n        if (opacity !== 1) {\n          wrapper.setAttribute(\"stroke-opacity\", `${opacity}`);\n          wrapper.setAttribute(\"fill-opacity\", `${opacity}`);\n        }\n\n        wrapper.setAttribute(\"transform\", `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy})`);\n        wrapper.setAttribute(\"stroke\", \"none\");\n        const g = maybeWrapNodesInFrameClipPath(element, root, [wrapper], renderConfig.frameRendering, elementsMap);\n        addToRoot(g || wrapper, element);\n        break;\n      }\n\n    case \"image\":\n      {\n        const width = Math.round(element.width);\n        const height = Math.round(element.height);\n        const fileData = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isInitializedImageElement)(element) && files[element.fileId];\n\n        if (fileData) {\n          const {\n            reuseImages = true\n          } = renderConfig;\n          let symbolId = `image-${fileData.id}`;\n          let uncroppedWidth = element.width;\n          let uncroppedHeight = element.height;\n\n          if (element.crop) {\n            ({\n              width: uncroppedWidth,\n              height: uncroppedHeight\n            } = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getUncroppedWidthAndHeight)(element));\n            symbolId = `image-crop-${fileData.id}-${(0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.hashString)(`${uncroppedWidth}x${uncroppedHeight}`)}`;\n          }\n\n          if (!reuseImages) {\n            symbolId = `image-${element.id}`;\n          }\n\n          let symbol = svgRoot.querySelector(`#${symbolId}`);\n\n          if (!symbol) {\n            symbol = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"symbol\");\n            symbol.id = symbolId;\n            const image = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"image\");\n            image.setAttribute(\"href\", fileData.dataURL);\n            image.setAttribute(\"preserveAspectRatio\", \"none\");\n\n            if (element.crop || !reuseImages) {\n              image.setAttribute(\"width\", `${uncroppedWidth}`);\n              image.setAttribute(\"height\", `${uncroppedHeight}`);\n            } else {\n              image.setAttribute(\"width\", \"100%\");\n              image.setAttribute(\"height\", \"100%\");\n            }\n\n            symbol.appendChild(image);\n            (root.querySelector(\"defs\") || root).prepend(symbol);\n          }\n\n          const use = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"use\");\n          use.setAttribute(\"href\", `#${symbolId}`);\n          let normalizedCropX = 0;\n          let normalizedCropY = 0;\n\n          if (element.crop) {\n            const {\n              width: uncroppedWidth,\n              height: uncroppedHeight\n            } = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getUncroppedWidthAndHeight)(element);\n            normalizedCropX = element.crop.x / (element.crop.naturalWidth / uncroppedWidth);\n            normalizedCropY = element.crop.y / (element.crop.naturalHeight / uncroppedHeight);\n          }\n\n          const adjustedCenterX = cx + normalizedCropX;\n          const adjustedCenterY = cy + normalizedCropY;\n          use.setAttribute(\"width\", `${width + normalizedCropX}`);\n          use.setAttribute(\"height\", `${height + normalizedCropY}`);\n          use.setAttribute(\"opacity\", `${opacity}`); // We first apply `scale` transforms (horizontal/vertical mirroring)\n          // on the <use> element, then apply translation and rotation\n          // on the <g> element which wraps the <use>.\n          // Doing this separately is a quick hack to to work around compositing\n          // the transformations correctly (the transform-origin was not being\n          // applied correctly).\n\n          if (element.scale[0] !== 1 || element.scale[1] !== 1) {\n            use.setAttribute(\"transform\", `translate(${adjustedCenterX} ${adjustedCenterY}) scale(${element.scale[0]} ${element.scale[1]}) translate(${-adjustedCenterX} ${-adjustedCenterY})`);\n          }\n\n          const g = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"g\");\n\n          if (renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.THEME.DARK && (fileData.mimeType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.MIME_TYPES.svg || !!((_f = element.customData) === null || _f === void 0 ? void 0 : _f.pdfPageViewProps) || !!((_g = element.customData) === null || _g === void 0 ? void 0 : _g.invertInDarkmode)) //zsviczian\n          ) {\n            g.setAttribute(\"filter\", _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.DARK_THEME_FILTER);\n          }\n\n          if (element.crop) {\n            const mask = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"mask\");\n            mask.setAttribute(\"id\", `mask-image-crop-${element.id}`);\n            mask.setAttribute(\"fill\", \"#fff\");\n            const maskRect = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"rect\");\n            maskRect.setAttribute(\"x\", `${normalizedCropX}`);\n            maskRect.setAttribute(\"y\", `${normalizedCropY}`);\n            maskRect.setAttribute(\"width\", `${width}`);\n            maskRect.setAttribute(\"height\", `${height}`);\n            mask.appendChild(maskRect);\n            root.appendChild(mask);\n            g.setAttribute(\"mask\", `url(#${mask.id})`);\n          }\n\n          g.appendChild(use);\n          g.setAttribute(\"transform\", `translate(${offsetX - normalizedCropX} ${offsetY - normalizedCropY}) rotate(${degree} ${adjustedCenterX} ${adjustedCenterY})`);\n\n          if (element.roundness) {\n            const clipPath = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"clipPath\");\n            clipPath.id = `image-clipPath-${element.id}`;\n            clipPath.setAttribute(\"clipPathUnits\", \"userSpaceOnUse\");\n            const clipRect = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"rect\");\n            const radius = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getCornerRadius)(Math.min(element.width, element.height), element);\n            const clipOffsetX = element.crop ? normalizedCropX : 0;\n            const clipOffsetY = element.crop ? normalizedCropY : 0;\n            clipRect.setAttribute(\"x\", `${clipOffsetX}`);\n            clipRect.setAttribute(\"y\", `${clipOffsetY}`);\n            clipRect.setAttribute(\"width\", `${element.width}`);\n            clipRect.setAttribute(\"height\", `${element.height}`);\n            clipRect.setAttribute(\"rx\", `${radius}`);\n            clipRect.setAttribute(\"ry\", `${radius}`);\n            clipPath.appendChild(clipRect);\n            addToRoot(clipPath, element);\n            g.setAttributeNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"clip-path\", `url(#${clipPath.id})`);\n          }\n\n          const clipG = maybeWrapNodesInFrameClipPath(element, root, [g], renderConfig.frameRendering, elementsMap);\n          addToRoot(clipG || g, element);\n        }\n\n        break;\n      }\n    // frames are not rendered and only acts as a container\n\n    case \"frame\":\n    case \"magicframe\":\n      {\n        if (renderConfig.frameRendering.enabled && renderConfig.frameRendering.outline && !(!renderConfig.frameRendering.markerEnabled && element.frameRole === \"marker\") //zsviczian\n        ) {\n          const rect = document.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"rect\");\n          rect.setAttribute(\"transform\", `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy})`);\n          rect.setAttribute(\"width\", `${element.width}px`);\n          rect.setAttribute(\"height\", `${element.height}px`); // Rounded corners\n\n          rect.setAttribute(\"rx\", _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.FRAME_STYLE.radius.toString());\n          rect.setAttribute(\"ry\", _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.FRAME_STYLE.radius.toString());\n          rect.setAttribute(\"fill\", \"none\");\n          rect.setAttribute(\"stroke\", (() => {\n            var _a, _b, _c, _d, _e;\n\n            const color = (_e = (_c = (_b = (_a = element.customData) === null || _a === void 0 ? void 0 : _a.frameColor) === null || _b === void 0 ? void 0 : _b.stroke) !== null && _c !== void 0 ? _c : (_d = renderConfig.frameColor) === null || _d === void 0 ? void 0 : _d.stroke) !== null && _e !== void 0 ? _e : _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.FRAME_STYLE.strokeColor; //zsviczian\n\n            return renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.applyDarkModeFilter)(color) : color;\n          })());\n          rect.setAttribute(\"stroke-width\", (_m = (_k = (_j = (_h = element.customData) === null || _h === void 0 ? void 0 : _h.frameColor) === null || _j === void 0 ? void 0 : _j.fill) !== null && _k !== void 0 ? _k : (_l = renderConfig.frameColor) === null || _l === void 0 ? void 0 : _l.fill) !== null && _m !== void 0 ? _m : _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.FRAME_STYLE.strokeWidth.toString());\n          addToRoot(rect, element);\n        }\n\n        break;\n      }\n\n    default:\n      {\n        if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isTextElement)(element)) {\n          const node = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"g\");\n\n          if (opacity !== 1) {\n            node.setAttribute(\"stroke-opacity\", `${opacity}`);\n            node.setAttribute(\"fill-opacity\", `${opacity}`);\n          }\n\n          node.setAttribute(\"transform\", `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy})`);\n          const lines = element.text.replace(/\\r\\n?/g, \"\\n\").split(\"\\n\");\n          const lineHeightPx = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getLineHeightInPx)(element.fontSize, element.lineHeight);\n          const horizontalOffset = element.textAlign === \"center\" ? element.width / 2 : element.textAlign === \"right\" ? element.width : 0;\n          const verticalOffset = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getVerticalOffset)(element.fontFamily, element.fontSize, lineHeightPx);\n          const direction = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isRTL)(element.text) ? \"rtl\" : \"ltr\";\n          const textAnchor = element.textAlign === \"center\" ? \"middle\" : element.textAlign === \"right\" || direction === \"rtl\" ? \"end\" : \"start\";\n\n          for (let i = 0; i < lines.length; i++) {\n            const text = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"text\");\n            text.textContent = lines[i];\n            text.setAttribute(\"x\", `${horizontalOffset}`);\n            text.setAttribute(\"y\", `${i * lineHeightPx + verticalOffset}`);\n            text.setAttribute(\"font-family\", (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getFontFamilyString)(element));\n            text.setAttribute(\"font-size\", `${element.fontSize}px`);\n            text.setAttribute(\"fill\", renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.applyDarkModeFilter)(element.strokeColor) : element.strokeColor);\n            text.setAttribute(\"text-anchor\", textAnchor);\n            text.setAttribute(\"style\", \"white-space: pre;\");\n            text.setAttribute(\"direction\", direction);\n            text.setAttribute(\"dominant-baseline\", \"alphabetic\");\n            node.appendChild(text);\n          }\n\n          const g = maybeWrapNodesInFrameClipPath(element, root, [node], renderConfig.frameRendering, elementsMap);\n          addToRoot(g || node, element);\n        } else {\n          // @ts-ignore\n          throw new Error(`Unimplemented type ${element.type}`);\n        }\n      }\n  }\n};\n\nconst renderSceneToSvg = (elements, elementsMap, rsvg, svgRoot, files, renderConfig) => {\n  if (!svgRoot) {\n    return;\n  } // render elements\n\n\n  elements.filter(el => !(0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isIframeLikeElement)(el)).forEach(element => {\n    if (!element.isDeleted) {\n      if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isTextElement)(element) && element.containerId && elementsMap.has(element.containerId)) {\n        // will be rendered with the container\n        return;\n      }\n\n      try {\n        renderElementToSvg(element, elementsMap, rsvg, svgRoot, files, element.x + renderConfig.offsetX, element.y + renderConfig.offsetY, renderConfig);\n        const boundTextElement = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getBoundTextElement)(element, elementsMap);\n\n        if (boundTextElement) {\n          renderElementToSvg(boundTextElement, elementsMap, rsvg, svgRoot, files, boundTextElement.x + renderConfig.offsetX, boundTextElement.y + renderConfig.offsetY, renderConfig);\n        }\n      } catch (error) {\n        console.error(error);\n      }\n    }\n  }); // render embeddables on top\n\n  elements.filter(el => (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isIframeLikeElement)(el)).forEach(element => {\n    if (!element.isDeleted) {\n      try {\n        renderElementToSvg(element, elementsMap, rsvg, svgRoot, files, element.x + renderConfig.offsetX, element.y + renderConfig.offsetY, renderConfig);\n      } catch (error) {\n        console.error(error);\n      }\n    }\n  });\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./renderer/staticSvgScene.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   renderSceneToSvg: () => (/* binding */ renderSceneToSvg)\n/* harmony export */ });\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/element */ \"../element/src/index.ts\");\n/* harmony import */ var _element_src_freedrawPath__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../element/src/freedrawPath */ \"../element/src/freedrawPath.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst roughSVGDrawWithPrecision = (rsvg, drawable, precision) => {\n  if (typeof precision === \"undefined\") {\n    return rsvg.draw(drawable);\n  }\n\n  const pshape = {\n    sets: drawable.sets,\n    shape: drawable.shape,\n    options: Object.assign(Object.assign({}, drawable.options), {\n      fixedDecimalPlaceDigits: precision\n    })\n  };\n  return rsvg.draw(pshape);\n};\n\nconst maybeWrapNodesInFrameClipPath = (element, root, nodes, frameRendering, elementsMap) => {\n  if (!frameRendering.enabled || !frameRendering.clip) {\n    return null;\n  }\n\n  const frame = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getContainingFrame)(element, elementsMap);\n\n  if (frame) {\n    const g = root.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"g\");\n    g.setAttributeNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"clip-path\", `url(#${frame.id})`);\n    nodes.forEach(node => g.appendChild(node));\n    return g;\n  }\n\n  return null;\n};\n\nconst renderElementToSvg = (element, elementsMap, rsvg, svgRoot, files, offsetX, offsetY, renderConfig) => {\n  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;\n\n  const offset = {\n    x: offsetX,\n    y: offsetY\n  };\n  const [x1, y1, x2, y2] = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getElementAbsoluteCoords)(element, elementsMap);\n  let cx = (x2 - x1) / 2 - (element.x - x1);\n  let cy = (y2 - y1) / 2 - (element.y - y1);\n\n  if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isTextElement)(element)) {\n    const container = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getContainerElement)(element, elementsMap);\n\n    if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isArrowElement)(container)) {\n      const [x1, y1, x2, y2] = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getElementAbsoluteCoords)(container, elementsMap);\n      const boundTextCoords = _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.LinearElementEditor.getBoundTextElementPosition(container, element, elementsMap);\n      cx = (x2 - x1) / 2 - (boundTextCoords.x - x1);\n      cy = (y2 - y1) / 2 - (boundTextCoords.y - y1);\n      offsetX = offsetX + boundTextCoords.x - element.x;\n      offsetY = offsetY + boundTextCoords.y - element.y;\n    }\n  }\n\n  const degree = 180 * element.angle / Math.PI; // element to append node to, most of the time svgRoot\n\n  let root = svgRoot; // if the element has a link, create an anchor tag and make that the new root\n\n  if (element.link) {\n    const anchorTag = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"a\");\n    anchorTag.setAttribute(\"href\", (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.normalizeLink)(element.link));\n    root.appendChild(anchorTag);\n    root = anchorTag;\n  }\n\n  const addToRoot = (node, element) => {\n    if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isTestEnv)()) {\n      node.setAttribute(\"data-id\", element.id);\n    }\n\n    root.appendChild(node);\n  };\n\n  const opacity = ((_b = (_a = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getContainingFrame)(element, elementsMap)) === null || _a === void 0 ? void 0 : _a.opacity) !== null && _b !== void 0 ? _b : 100) * element.opacity / 10000;\n\n  switch (element.type) {\n    case \"selection\":\n      {\n        // Since this is used only during editing experience, which is canvas based,\n        // this should not happen\n        throw new Error(\"Selection rendering is not supported for SVG\");\n      }\n\n    case \"rectangle\":\n    case \"diamond\":\n    case \"ellipse\":\n      {\n        const shape = _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.ShapeCache.generateElementShape(element, renderConfig);\n        const node = roughSVGDrawWithPrecision(rsvg, shape, _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.MAX_DECIMALS_FOR_SVG_EXPORT);\n\n        if (opacity !== 1) {\n          node.setAttribute(\"stroke-opacity\", `${opacity}`);\n          node.setAttribute(\"fill-opacity\", `${opacity}`);\n        }\n\n        node.setAttribute(\"stroke-linecap\", \"round\");\n        node.setAttribute(\"transform\", `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy})`);\n        const g = maybeWrapNodesInFrameClipPath(element, root, [node], renderConfig.frameRendering, elementsMap);\n        addToRoot(g || node, element);\n        break;\n      }\n\n    case \"iframe\":\n    case \"embeddable\":\n      {\n        // render placeholder rectangle\n        const shape = _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.ShapeCache.generateElementShape(element, renderConfig);\n        const node = roughSVGDrawWithPrecision(rsvg, shape, _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.MAX_DECIMALS_FOR_SVG_EXPORT);\n        const opacity = element.opacity / 100;\n\n        if (opacity !== 1) {\n          node.setAttribute(\"stroke-opacity\", `${opacity}`);\n          node.setAttribute(\"fill-opacity\", `${opacity}`);\n        }\n\n        node.setAttribute(\"stroke-linecap\", \"round\");\n        node.setAttribute(\"transform\", `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy})`);\n        addToRoot(node, element);\n        const label = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.createPlaceholderEmbeddableLabel)(element);\n        renderElementToSvg(label, elementsMap, rsvg, root, files, label.x + offset.x - element.x, label.y + offset.y - element.y, renderConfig);\n        const scaleX = ((_c = element.scale) === null || _c === void 0 ? void 0 : _c[0]) || 1; //zsviczian\n\n        const scaleY = ((_d = element.scale) === null || _d === void 0 ? void 0 : _d[1]) || 1; //zsviczian\n        // render embeddable element + iframe\n\n        const embeddableNode = roughSVGDrawWithPrecision(rsvg, shape, _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.MAX_DECIMALS_FOR_SVG_EXPORT);\n        embeddableNode.setAttribute(\"stroke-linecap\", \"round\");\n        embeddableNode.setAttribute(\"transform\", `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy}) scale(${scaleX}, ${scaleY})`);\n\n        while (embeddableNode.firstChild) {\n          embeddableNode.removeChild(embeddableNode.firstChild);\n        }\n\n        const radius = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getCornerRadius)(Math.min(element.width, element.height), element);\n        const embedLink = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getEmbedLink)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.toValidURL)(element.link || \"\")); // if rendering embeddables explicitly disabled or\n        // embedding documents via srcdoc (which doesn't seem to work for SVGs)\n        // replace with a link instead\n\n        if (renderConfig.renderEmbeddables === false || (embedLink === null || embedLink === void 0 ? void 0 : embedLink.type) === \"document\") {\n          const anchorTag = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"a\");\n          anchorTag.setAttribute(\"href\", (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.normalizeLink)(element.link || \"\"));\n          anchorTag.setAttribute(\"target\", \"_blank\");\n          anchorTag.setAttribute(\"rel\", \"noopener noreferrer\");\n          anchorTag.style.borderRadius = `${radius}px`;\n          embeddableNode.appendChild(anchorTag);\n        } else {\n          const foreignObject = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"foreignObject\");\n          foreignObject.style.width = `${element.width / scaleX}px`; //zsviczian\n\n          foreignObject.style.height = `${element.height / scaleY}px`; //zsviczian\n\n          foreignObject.style.border = \"none\";\n          const div = foreignObject.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"div\");\n          div.setAttribute(\"xmlns\", \"http://www.w3.org/1999/xhtml\");\n          div.style.width = \"100%\";\n          div.style.height = \"100%\";\n          const iframe = div.ownerDocument.createElement(\"iframe\");\n          iframe.src = (_e = embedLink === null || embedLink === void 0 ? void 0 : embedLink.link) !== null && _e !== void 0 ? _e : \"\";\n          iframe.style.width = \"100%\";\n          iframe.style.height = \"100%\";\n          iframe.style.border = \"none\";\n          iframe.style.borderRadius = `${radius}px`;\n          iframe.style.top = \"0\";\n          iframe.style.left = \"0\";\n          iframe.allowFullscreen = true;\n          div.appendChild(iframe);\n          foreignObject.appendChild(div);\n          embeddableNode.appendChild(foreignObject);\n        }\n\n        addToRoot(embeddableNode, element);\n        break;\n      }\n\n    case \"line\":\n    case \"arrow\":\n      {\n        const boundText = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getBoundTextElement)(element, elementsMap);\n        const maskPath = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"mask\");\n\n        if (boundText) {\n          maskPath.setAttribute(\"id\", `mask-${element.id}`);\n          const maskRectVisible = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"rect\");\n          offsetX = offsetX || 0;\n          offsetY = offsetY || 0;\n          maskRectVisible.setAttribute(\"x\", \"0\");\n          maskRectVisible.setAttribute(\"y\", \"0\");\n          maskRectVisible.setAttribute(\"fill\", \"#fff\");\n          maskRectVisible.setAttribute(\"width\", `${element.width + 100 + offsetX}`);\n          maskRectVisible.setAttribute(\"height\", `${element.height + 100 + offsetY}`);\n          maskPath.appendChild(maskRectVisible);\n          const maskRectInvisible = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"rect\");\n          const boundTextCoords = _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.LinearElementEditor.getBoundTextElementPosition(element, boundText, elementsMap);\n          const maskX = offsetX + boundTextCoords.x - element.x;\n          const maskY = offsetY + boundTextCoords.y - element.y;\n          maskRectInvisible.setAttribute(\"x\", maskX.toString());\n          maskRectInvisible.setAttribute(\"y\", maskY.toString());\n          maskRectInvisible.setAttribute(\"fill\", \"#000\");\n          maskRectInvisible.setAttribute(\"width\", `${boundText.width}`);\n          maskRectInvisible.setAttribute(\"height\", `${boundText.height}`);\n          maskRectInvisible.setAttribute(\"opacity\", \"1\");\n          maskPath.appendChild(maskRectInvisible);\n        }\n\n        const group = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"g\");\n\n        if (boundText) {\n          group.setAttribute(\"mask\", `url(#mask-${element.id})`);\n        }\n\n        group.setAttribute(\"stroke-linecap\", \"round\");\n        const shapes = _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.ShapeCache.generateElementShape(element, renderConfig);\n        shapes.forEach(shape => {\n          const node = roughSVGDrawWithPrecision(rsvg, shape, _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.MAX_DECIMALS_FOR_SVG_EXPORT);\n\n          if (opacity !== 1) {\n            node.setAttribute(\"stroke-opacity\", `${opacity}`);\n            node.setAttribute(\"fill-opacity\", `${opacity}`);\n          }\n\n          node.setAttribute(\"transform\", `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy})`);\n\n          if (element.type === \"line\" && (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isPathALoop)(element.points) && element.backgroundColor !== \"transparent\") {\n            node.setAttribute(\"fill-rule\", \"evenodd\");\n          }\n\n          group.appendChild(node);\n        });\n        const g = maybeWrapNodesInFrameClipPath(element, root, [group, maskPath], renderConfig.frameRendering, elementsMap);\n\n        if (g) {\n          addToRoot(g, element);\n          root.appendChild(g);\n        } else {\n          addToRoot(group, element);\n          root.append(maskPath);\n        }\n\n        break;\n      }\n\n    case \"freedraw\":\n      {\n        const wrapper = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"g\");\n        const shapes = _excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.ShapeCache.generateElementShape(element, renderConfig); // always ordered as [background, stroke]\n\n        for (const shape of shapes) {\n          if (typeof shape === \"string\") {\n            // stroke (SVGPathString)\n            //zsviczian - custom stroke options start\n            const {\n              pathD,\n              fillColorThemed\n            } = (() => {\n              var _a, _b, _c, _d, _e;\n\n              const pathD = (0,_element_src_freedrawPath__WEBPACK_IMPORTED_MODULE_2__.getFreeDrawSvgPath)(element);\n              const hasOutline = (_b = (_a = element.customData) === null || _a === void 0 ? void 0 : _a.strokeOptions) === null || _b === void 0 ? void 0 : _b.hasOutline;\n              const outlineWidth = (_e = (_d = (_c = element.customData) === null || _c === void 0 ? void 0 : _c.strokeOptions) === null || _d === void 0 ? void 0 : _d.outlineWidth) !== null && _e !== void 0 ? _e : 1;\n              const fillColor = hasOutline ? element.backgroundColor : element.strokeColor;\n              const fillColorThemed = renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.applyDarkModeFilter)(fillColor) : fillColor;\n\n              if (hasOutline) {\n                const outline = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"path\");\n                outline.setAttribute(\"fill\", \"none\");\n                outline.setAttribute(\"stroke\", renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.applyDarkModeFilter)(element.strokeColor) : element.strokeColor);\n                outline.setAttribute(\"stroke-width\", `${element.strokeWidth * outlineWidth}`);\n                outline.setAttribute(\"d\", pathD);\n                wrapper.appendChild(outline);\n              }\n\n              return {\n                pathD,\n                fillColorThemed\n              };\n            })(); //zsviczian - custom stroke options end\n\n\n            const path = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"path\");\n            /*\n            path.setAttribute(\n              \"fill\",\n              renderConfig.theme === THEME.DARK\n                ? applyDarkModeFilter(element.strokeColor)\n                : element.strokeColor,\n            );\n            path.setAttribute(\"d\", shape);\n            */\n            //zsviczian\n\n            path.setAttribute(\"fill\", fillColorThemed); //zsviczian\n\n            path.setAttribute(\"d\", pathD); //zsviczian\n\n            wrapper.appendChild(path);\n          } else {\n            // background (Drawable)\n            const bgNode = roughSVGDrawWithPrecision(rsvg, shape, _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.MAX_DECIMALS_FOR_SVG_EXPORT); // if children wrapped in <g>, unwrap it\n\n            if (bgNode.nodeName === \"g\") {\n              while (bgNode.firstChild) {\n                wrapper.appendChild(bgNode.firstChild);\n              }\n            } else {\n              wrapper.appendChild(bgNode);\n            }\n          }\n        }\n\n        if (opacity !== 1) {\n          wrapper.setAttribute(\"stroke-opacity\", `${opacity}`);\n          wrapper.setAttribute(\"fill-opacity\", `${opacity}`);\n        }\n\n        wrapper.setAttribute(\"transform\", `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy})`);\n        wrapper.setAttribute(\"stroke\", \"none\");\n        const g = maybeWrapNodesInFrameClipPath(element, root, [wrapper], renderConfig.frameRendering, elementsMap);\n        addToRoot(g || wrapper, element);\n        break;\n      }\n\n    case \"image\":\n      {\n        const width = Math.round(element.width);\n        const height = Math.round(element.height);\n        const fileData = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isInitializedImageElement)(element) && files[element.fileId];\n\n        if (fileData) {\n          const {\n            reuseImages = true\n          } = renderConfig;\n          let symbolId = `image-${fileData.id}`;\n          let uncroppedWidth = element.width;\n          let uncroppedHeight = element.height;\n\n          if (element.crop) {\n            ({\n              width: uncroppedWidth,\n              height: uncroppedHeight\n            } = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getUncroppedWidthAndHeight)(element));\n            symbolId = `image-crop-${fileData.id}-${(0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.hashString)(`${uncroppedWidth}x${uncroppedHeight}`)}`;\n          }\n\n          if (!reuseImages) {\n            symbolId = `image-${element.id}`;\n          }\n\n          let symbol = svgRoot.querySelector(`#${symbolId}`);\n\n          if (!symbol) {\n            symbol = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"symbol\");\n            symbol.id = symbolId;\n            const image = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"image\");\n            image.setAttribute(\"href\", fileData.dataURL);\n            image.setAttribute(\"preserveAspectRatio\", \"none\");\n\n            if (element.crop || !reuseImages) {\n              image.setAttribute(\"width\", `${uncroppedWidth}`);\n              image.setAttribute(\"height\", `${uncroppedHeight}`);\n            } else {\n              image.setAttribute(\"width\", \"100%\");\n              image.setAttribute(\"height\", \"100%\");\n            }\n\n            symbol.appendChild(image);\n            (root.querySelector(\"defs\") || root).prepend(symbol);\n          }\n\n          const use = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"use\");\n          use.setAttribute(\"href\", `#${symbolId}`);\n          let normalizedCropX = 0;\n          let normalizedCropY = 0;\n\n          if (element.crop) {\n            const {\n              width: uncroppedWidth,\n              height: uncroppedHeight\n            } = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getUncroppedWidthAndHeight)(element);\n            normalizedCropX = element.crop.x / (element.crop.naturalWidth / uncroppedWidth);\n            normalizedCropY = element.crop.y / (element.crop.naturalHeight / uncroppedHeight);\n          }\n\n          const adjustedCenterX = cx + normalizedCropX;\n          const adjustedCenterY = cy + normalizedCropY;\n          use.setAttribute(\"width\", `${width + normalizedCropX}`);\n          use.setAttribute(\"height\", `${height + normalizedCropY}`);\n          use.setAttribute(\"opacity\", `${opacity}`); // We first apply `scale` transforms (horizontal/vertical mirroring)\n          // on the <use> element, then apply translation and rotation\n          // on the <g> element which wraps the <use>.\n          // Doing this separately is a quick hack to to work around compositing\n          // the transformations correctly (the transform-origin was not being\n          // applied correctly).\n\n          if (element.scale[0] !== 1 || element.scale[1] !== 1) {\n            use.setAttribute(\"transform\", `translate(${adjustedCenterX} ${adjustedCenterY}) scale(${element.scale[0]} ${element.scale[1]}) translate(${-adjustedCenterX} ${-adjustedCenterY})`);\n          }\n\n          const g = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"g\");\n\n          if (renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.THEME.DARK && (fileData.mimeType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.MIME_TYPES.svg && !((_f = element.customData) === null || _f === void 0 ? void 0 : _f.doNotInvertSVGInDarkMode) || !!((_g = element.customData) === null || _g === void 0 ? void 0 : _g.pdfPageViewProps) && ((_j = (_h = element.customData) === null || _h === void 0 ? void 0 : _h.invertBitmapInDarkmode) !== null && _j !== void 0 ? _j : true) || !!((_k = element.customData) === null || _k === void 0 ? void 0 : _k.invertBitmapInDarkmode)) //zsviczian\n          ) {\n            g.setAttribute(\"filter\", _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.DARK_THEME_FILTER);\n          }\n\n          if (element.crop) {\n            const mask = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"mask\");\n            mask.setAttribute(\"id\", `mask-image-crop-${element.id}`);\n            mask.setAttribute(\"fill\", \"#fff\");\n            const maskRect = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"rect\");\n            maskRect.setAttribute(\"x\", `${normalizedCropX}`);\n            maskRect.setAttribute(\"y\", `${normalizedCropY}`);\n            maskRect.setAttribute(\"width\", `${width}`);\n            maskRect.setAttribute(\"height\", `${height}`);\n            mask.appendChild(maskRect);\n            root.appendChild(mask);\n            g.setAttribute(\"mask\", `url(#${mask.id})`);\n          }\n\n          g.appendChild(use);\n          g.setAttribute(\"transform\", `translate(${offsetX - normalizedCropX} ${offsetY - normalizedCropY}) rotate(${degree} ${adjustedCenterX} ${adjustedCenterY})`);\n\n          if (element.roundness) {\n            const clipPath = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"clipPath\");\n            clipPath.id = `image-clipPath-${element.id}`;\n            clipPath.setAttribute(\"clipPathUnits\", \"userSpaceOnUse\");\n            const clipRect = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"rect\");\n            const radius = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getCornerRadius)(Math.min(element.width, element.height), element);\n            const clipOffsetX = element.crop ? normalizedCropX : 0;\n            const clipOffsetY = element.crop ? normalizedCropY : 0;\n            clipRect.setAttribute(\"x\", `${clipOffsetX}`);\n            clipRect.setAttribute(\"y\", `${clipOffsetY}`);\n            clipRect.setAttribute(\"width\", `${element.width}`);\n            clipRect.setAttribute(\"height\", `${element.height}`);\n            clipRect.setAttribute(\"rx\", `${radius}`);\n            clipRect.setAttribute(\"ry\", `${radius}`);\n            clipPath.appendChild(clipRect);\n            addToRoot(clipPath, element);\n            g.setAttributeNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"clip-path\", `url(#${clipPath.id})`);\n          }\n\n          const clipG = maybeWrapNodesInFrameClipPath(element, root, [g], renderConfig.frameRendering, elementsMap);\n          addToRoot(clipG || g, element);\n        }\n\n        break;\n      }\n    // frames are not rendered and only acts as a container\n\n    case \"frame\":\n    case \"magicframe\":\n      {\n        if (renderConfig.frameRendering.enabled && renderConfig.frameRendering.outline && !(!renderConfig.frameRendering.markerEnabled && element.frameRole === \"marker\") //zsviczian\n        ) {\n          const rect = document.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"rect\");\n          rect.setAttribute(\"transform\", `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy})`);\n          rect.setAttribute(\"width\", `${element.width}px`);\n          rect.setAttribute(\"height\", `${element.height}px`); // Rounded corners\n\n          rect.setAttribute(\"rx\", _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.FRAME_STYLE.radius.toString());\n          rect.setAttribute(\"ry\", _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.FRAME_STYLE.radius.toString());\n          rect.setAttribute(\"fill\", \"none\");\n          rect.setAttribute(\"stroke\", (() => {\n            var _a, _b, _c, _d, _e;\n\n            const color = (_e = (_c = (_b = (_a = element.customData) === null || _a === void 0 ? void 0 : _a.frameColor) === null || _b === void 0 ? void 0 : _b.stroke) !== null && _c !== void 0 ? _c : (_d = renderConfig.frameColor) === null || _d === void 0 ? void 0 : _d.stroke) !== null && _e !== void 0 ? _e : _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.FRAME_STYLE.strokeColor; //zsviczian\n\n            return renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.applyDarkModeFilter)(color) : color;\n          })());\n          rect.setAttribute(\"stroke-width\", (_q = (_o = (_m = (_l = element.customData) === null || _l === void 0 ? void 0 : _l.frameColor) === null || _m === void 0 ? void 0 : _m.fill) !== null && _o !== void 0 ? _o : (_p = renderConfig.frameColor) === null || _p === void 0 ? void 0 : _p.fill) !== null && _q !== void 0 ? _q : _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.FRAME_STYLE.strokeWidth.toString());\n          addToRoot(rect, element);\n        }\n\n        break;\n      }\n\n    default:\n      {\n        if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isTextElement)(element)) {\n          const node = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"g\");\n\n          if (opacity !== 1) {\n            node.setAttribute(\"stroke-opacity\", `${opacity}`);\n            node.setAttribute(\"fill-opacity\", `${opacity}`);\n          }\n\n          node.setAttribute(\"transform\", `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy})`);\n          const lines = element.text.replace(/\\r\\n?/g, \"\\n\").split(\"\\n\");\n          const lineHeightPx = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getLineHeightInPx)(element.fontSize, element.lineHeight);\n          const horizontalOffset = element.textAlign === \"center\" ? element.width / 2 : element.textAlign === \"right\" ? element.width : 0;\n          const verticalOffset = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getVerticalOffset)(element.fontFamily, element.fontSize, lineHeightPx);\n          const direction = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isRTL)(element.text) ? \"rtl\" : \"ltr\";\n          const textAnchor = element.textAlign === \"center\" ? \"middle\" : element.textAlign === \"right\" || direction === \"rtl\" ? \"end\" : \"start\";\n\n          for (let i = 0; i < lines.length; i++) {\n            const text = svgRoot.ownerDocument.createElementNS(_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.SVG_NS, \"text\");\n            text.textContent = lines[i];\n            text.setAttribute(\"x\", `${horizontalOffset}`);\n            text.setAttribute(\"y\", `${i * lineHeightPx + verticalOffset}`);\n            text.setAttribute(\"font-family\", (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getFontFamilyString)(element));\n            text.setAttribute(\"font-size\", `${element.fontSize}px`);\n            text.setAttribute(\"fill\", renderConfig.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.THEME.DARK ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.applyDarkModeFilter)(element.strokeColor) : element.strokeColor);\n            text.setAttribute(\"text-anchor\", textAnchor);\n            text.setAttribute(\"style\", \"white-space: pre;\");\n            text.setAttribute(\"direction\", direction);\n            text.setAttribute(\"dominant-baseline\", \"alphabetic\");\n            node.appendChild(text);\n          }\n\n          const g = maybeWrapNodesInFrameClipPath(element, root, [node], renderConfig.frameRendering, elementsMap);\n          addToRoot(g || node, element);\n        } else {\n          // @ts-ignore\n          throw new Error(`Unimplemented type ${element.type}`);\n        }\n      }\n  }\n};\n\nconst renderSceneToSvg = (elements, elementsMap, rsvg, svgRoot, files, renderConfig) => {\n  if (!svgRoot) {\n    return;\n  } // render elements\n\n\n  elements.filter(el => !(0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isIframeLikeElement)(el)).forEach(element => {\n    if (!element.isDeleted) {\n      if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isTextElement)(element) && element.containerId && elementsMap.has(element.containerId)) {\n        // will be rendered with the container\n        return;\n      }\n\n      try {\n        renderElementToSvg(element, elementsMap, rsvg, svgRoot, files, element.x + renderConfig.offsetX, element.y + renderConfig.offsetY, renderConfig);\n        const boundTextElement = (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getBoundTextElement)(element, elementsMap);\n\n        if (boundTextElement) {\n          renderElementToSvg(boundTextElement, elementsMap, rsvg, svgRoot, files, boundTextElement.x + renderConfig.offsetX, boundTextElement.y + renderConfig.offsetY, renderConfig);\n        }\n      } catch (error) {\n        console.error(error);\n      }\n    }\n  }); // render embeddables on top\n\n  elements.filter(el => (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.isIframeLikeElement)(el)).forEach(element => {\n    if (!element.isDeleted) {\n      try {\n        renderElementToSvg(element, elementsMap, rsvg, svgRoot, files, element.x + renderConfig.offsetX, element.y + renderConfig.offsetY, renderConfig);\n      } catch (error) {\n        console.error(error);\n      }\n    }\n  });\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./renderer/staticSvgScene.ts?");
 /***/ }),